@charset "UTF-8";

@-webkit-keyframes beam-blink {
  75% {
    border-color: transparent;
  }
}

@keyframes beam-blink {
  75% {
    border-color: transparent;
  }
}

@-webkit-keyframes ef {
  to {
    -webkit-transform: rotate(-45deg) translate(0,850px);
            transform: rotate(-45deg) translate(0,850px);
  }
}

@keyframes ef {
  to {
    -webkit-transform: rotate(-45deg) translate(0,850px);
            transform: rotate(-45deg) translate(0,850px);
  }
}

@-webkit-keyframes glitch-animation {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-clip-path: polygon(0 2%,100% 2%,100% 5%,0 5%);
            clip-path: polygon(0 2%,100% 2%,100% 5%,0 5%);
  }

  2%, 8% {
    -webkit-clip-path: polygon(0 78%,100% 78%,100% 100%,0 100%);
            clip-path: polygon(0 78%,100% 78%,100% 100%,0 100%);
    -webkit-transform: translate(-5px);
            transform: translate(-5px);
  }

  6% {
    -webkit-clip-path: polygon(0 78%,100% 78%,100% 100%,0 100%);
            clip-path: polygon(0 78%,100% 78%,100% 100%,0 100%);
    -webkit-transform: translate(5px);
            transform: translate(5px);
  }

  9% {
    -webkit-clip-path: polygon(0 78%,100% 78%,100% 100%,0 100%);
            clip-path: polygon(0 78%,100% 78%,100% 100%,0 100%);
    -webkit-transform: translate(0);
            transform: translate(0);
  }

  10% {
    -webkit-clip-path: polygon(0 54%,100% 54%,100% 44%,0 44%);
            clip-path: polygon(0 54%,100% 54%,100% 44%,0 44%);
    -webkit-transform: translate3d(5px,0,0);
            transform: translate3d(5px,0,0);
  }

  13% {
    -webkit-clip-path: polygon(0 54%,100% 54%,100% 44%,0 44%);
            clip-path: polygon(0 54%,100% 54%,100% 44%,0 44%);
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }

  13.1%, 20.1% {
    -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
            clip-path: polygon(0 0,0 0,0 0,0 0);
    -webkit-transform: translate3d(5px,0,0);
            transform: translate3d(5px,0,0);
  }

  15% {
    -webkit-clip-path: polygon(0 60%,100% 60%,100% 40%,0 40%);
            clip-path: polygon(0 60%,100% 60%,100% 40%,0 40%);
    -webkit-transform: translate3d(5px,0,0);
            transform: translate3d(5px,0,0);
  }

  20% {
    -webkit-clip-path: polygon(0 60%,100% 60%,100% 40%,0 40%);
            clip-path: polygon(0 60%,100% 60%,100% 40%,0 40%);
    -webkit-transform: translate3d(-5px,0,0);
            transform: translate3d(-5px,0,0);
  }

  25% {
    -webkit-clip-path: polygon(0 85%,100% 85%,100% 40%,0 40%);
            clip-path: polygon(0 85%,100% 85%,100% 40%,0 40%);
    -webkit-transform: translate3d(5px,0,0);
            transform: translate3d(5px,0,0);
  }

  30% {
    -webkit-clip-path: polygon(0 85%,100% 85%,100% 40%,0 40%);
            clip-path: polygon(0 85%,100% 85%,100% 40%,0 40%);
    -webkit-transform: translate3d(-5px,0,0);
            transform: translate3d(-5px,0,0);
  }

  30.1% {
    -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
            clip-path: polygon(0 0,0 0,0 0,0 0);
  }

  35%, 45% {
    -webkit-clip-path: polygon(0 63%,100% 63%,100% 80%,0 80%);
            clip-path: polygon(0 63%,100% 63%,100% 80%,0 80%);
    -webkit-transform: translate(-5px);
            transform: translate(-5px);
  }

  40% {
    -webkit-clip-path: polygon(0 63%,100% 63%,100% 80%,0 80%);
            clip-path: polygon(0 63%,100% 63%,100% 80%,0 80%);
    -webkit-transform: translate(5px);
            transform: translate(5px);
  }

  50% {
    -webkit-clip-path: polygon(0 63%,100% 63%,100% 80%,0 80%);
            clip-path: polygon(0 63%,100% 63%,100% 80%,0 80%);
    -webkit-transform: translate(0);
            transform: translate(0);
  }

  55% {
    -webkit-clip-path: polygon(0 10%,100% 10%,100% 0,0 0);
            clip-path: polygon(0 10%,100% 10%,100% 0,0 0);
    -webkit-transform: translate3d(5px,0,0);
            transform: translate3d(5px,0,0);
  }

  60% {
    -webkit-clip-path: polygon(0 10%,100% 10%,100% 0,0 0);
            clip-path: polygon(0 10%,100% 10%,100% 0,0 0);
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }

  60.1%, to {
    -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
            clip-path: polygon(0 0,0 0,0 0,0 0);
    opacity: 1;
  }
}

@keyframes glitch-animation {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-clip-path: polygon(0 2%,100% 2%,100% 5%,0 5%);
            clip-path: polygon(0 2%,100% 2%,100% 5%,0 5%);
  }

  2%, 8% {
    -webkit-clip-path: polygon(0 78%,100% 78%,100% 100%,0 100%);
            clip-path: polygon(0 78%,100% 78%,100% 100%,0 100%);
    -webkit-transform: translate(-5px);
            transform: translate(-5px);
  }

  6% {
    -webkit-clip-path: polygon(0 78%,100% 78%,100% 100%,0 100%);
            clip-path: polygon(0 78%,100% 78%,100% 100%,0 100%);
    -webkit-transform: translate(5px);
            transform: translate(5px);
  }

  9% {
    -webkit-clip-path: polygon(0 78%,100% 78%,100% 100%,0 100%);
            clip-path: polygon(0 78%,100% 78%,100% 100%,0 100%);
    -webkit-transform: translate(0);
            transform: translate(0);
  }

  10% {
    -webkit-clip-path: polygon(0 54%,100% 54%,100% 44%,0 44%);
            clip-path: polygon(0 54%,100% 54%,100% 44%,0 44%);
    -webkit-transform: translate3d(5px,0,0);
            transform: translate3d(5px,0,0);
  }

  13% {
    -webkit-clip-path: polygon(0 54%,100% 54%,100% 44%,0 44%);
            clip-path: polygon(0 54%,100% 54%,100% 44%,0 44%);
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }

  13.1%, 20.1% {
    -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
            clip-path: polygon(0 0,0 0,0 0,0 0);
    -webkit-transform: translate3d(5px,0,0);
            transform: translate3d(5px,0,0);
  }

  15% {
    -webkit-clip-path: polygon(0 60%,100% 60%,100% 40%,0 40%);
            clip-path: polygon(0 60%,100% 60%,100% 40%,0 40%);
    -webkit-transform: translate3d(5px,0,0);
            transform: translate3d(5px,0,0);
  }

  20% {
    -webkit-clip-path: polygon(0 60%,100% 60%,100% 40%,0 40%);
            clip-path: polygon(0 60%,100% 60%,100% 40%,0 40%);
    -webkit-transform: translate3d(-5px,0,0);
            transform: translate3d(-5px,0,0);
  }

  25% {
    -webkit-clip-path: polygon(0 85%,100% 85%,100% 40%,0 40%);
            clip-path: polygon(0 85%,100% 85%,100% 40%,0 40%);
    -webkit-transform: translate3d(5px,0,0);
            transform: translate3d(5px,0,0);
  }

  30% {
    -webkit-clip-path: polygon(0 85%,100% 85%,100% 40%,0 40%);
            clip-path: polygon(0 85%,100% 85%,100% 40%,0 40%);
    -webkit-transform: translate3d(-5px,0,0);
            transform: translate3d(-5px,0,0);
  }

  30.1% {
    -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
            clip-path: polygon(0 0,0 0,0 0,0 0);
  }

  35%, 45% {
    -webkit-clip-path: polygon(0 63%,100% 63%,100% 80%,0 80%);
            clip-path: polygon(0 63%,100% 63%,100% 80%,0 80%);
    -webkit-transform: translate(-5px);
            transform: translate(-5px);
  }

  40% {
    -webkit-clip-path: polygon(0 63%,100% 63%,100% 80%,0 80%);
            clip-path: polygon(0 63%,100% 63%,100% 80%,0 80%);
    -webkit-transform: translate(5px);
            transform: translate(5px);
  }

  50% {
    -webkit-clip-path: polygon(0 63%,100% 63%,100% 80%,0 80%);
            clip-path: polygon(0 63%,100% 63%,100% 80%,0 80%);
    -webkit-transform: translate(0);
            transform: translate(0);
  }

  55% {
    -webkit-clip-path: polygon(0 10%,100% 10%,100% 0,0 0);
            clip-path: polygon(0 10%,100% 10%,100% 0,0 0);
    -webkit-transform: translate3d(5px,0,0);
            transform: translate3d(5px,0,0);
  }

  60% {
    -webkit-clip-path: polygon(0 10%,100% 10%,100% 0,0 0);
            clip-path: polygon(0 10%,100% 10%,100% 0,0 0);
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }

  60.1%, to {
    -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
            clip-path: polygon(0 0,0 0,0 0,0 0);
    opacity: 1;
  }
}

@-webkit-keyframes h1glitched {
  0%, 10% {
    -webkit-transform: skew(-20deg);
            transform: skew(-20deg);
    left: -4px;
  }

  11% {
    -webkit-transform: skew(0deg);
            transform: skew(0deg);
    left: 2px;
  }

  50%, 60%, to {
    -webkit-transform: skew(0deg);
            transform: skew(0deg);
  }

  51%, 59% {
    -webkit-transform: skew(10deg);
            transform: skew(10deg);
  }
}

@keyframes h1glitched {
  0%, 10% {
    -webkit-transform: skew(-20deg);
            transform: skew(-20deg);
    left: -4px;
  }

  11% {
    -webkit-transform: skew(0deg);
            transform: skew(0deg);
    left: 2px;
  }

  50%, 60%, to {
    -webkit-transform: skew(0deg);
            transform: skew(0deg);
  }

  51%, 59% {
    -webkit-transform: skew(10deg);
            transform: skew(10deg);
  }
}

@-webkit-keyframes h1beforeglitched {
  0%, 10% {
    -webkit-transform: skew(-20deg);
            transform: skew(-20deg);
    left: -4px;
    -webkit-clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
            clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
  }

  11% {
    -webkit-transform: skew(0deg);
            transform: skew(0deg);
    left: 2px;
    -webkit-clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
            clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
  }

  50%, 60%, to {
    -webkit-transform: skew(0deg);
            transform: skew(0deg);
    -webkit-clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
            clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
  }

  51%, 59% {
    -webkit-transform: skew(0deg);
            transform: skew(0deg);
    -webkit-clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,40% 5px,calc(40% - 30px) 0,calc(40% + 30px) 0,calc(45% - 15px) 5px,100% 5px,100% 6px,calc(45% - 14px) 6px,calc(40% + 29px) 1px,calc(40% - 29px) 1px,calc(40% + 1px) 6px,85px 6px,80px 10px,0 10px);
            clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,40% 5px,calc(40% - 30px) 0,calc(40% + 30px) 0,calc(45% - 15px) 5px,100% 5px,100% 6px,calc(45% - 14px) 6px,calc(40% + 29px) 1px,calc(40% - 29px) 1px,calc(40% + 1px) 6px,85px 6px,80px 10px,0 10px);
  }
}

@keyframes h1beforeglitched {
  0%, 10% {
    -webkit-transform: skew(-20deg);
            transform: skew(-20deg);
    left: -4px;
    -webkit-clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
            clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
  }

  11% {
    -webkit-transform: skew(0deg);
            transform: skew(0deg);
    left: 2px;
    -webkit-clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
            clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
  }

  50%, 60%, to {
    -webkit-transform: skew(0deg);
            transform: skew(0deg);
    -webkit-clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
            clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
  }

  51%, 59% {
    -webkit-transform: skew(0deg);
            transform: skew(0deg);
    -webkit-clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,40% 5px,calc(40% - 30px) 0,calc(40% + 30px) 0,calc(45% - 15px) 5px,100% 5px,100% 6px,calc(45% - 14px) 6px,calc(40% + 29px) 1px,calc(40% - 29px) 1px,calc(40% + 1px) 6px,85px 6px,80px 10px,0 10px);
            clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,40% 5px,calc(40% - 30px) 0,calc(40% + 30px) 0,calc(45% - 15px) 5px,100% 5px,100% 6px,calc(45% - 14px) 6px,calc(40% + 29px) 1px,calc(40% - 29px) 1px,calc(40% + 1px) 6px,85px 6px,80px 10px,0 10px);
  }
}

@-webkit-keyframes hxafter {
  0%, 50% {
    opacity: 0;
  }

  51%, to {
    opacity: 1;
  }
}

@keyframes hxafter {
  0%, 50% {
    opacity: 0;
  }

  51%, to {
    opacity: 1;
  }
}

@-webkit-keyframes show {
  0% {
    -webkit-transform: translate(-170%,0);
            transform: translate(-170%,0);
    opacity: 0;
    visibility: hidden;
  }

  50% {
    opacity: 0;
    visibility: hidden;
  }

  to {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
}

@keyframes show {
  0% {
    -webkit-transform: translate(-170%,0);
            transform: translate(-170%,0);
    opacity: 0;
    visibility: hidden;
  }

  50% {
    opacity: 0;
    visibility: hidden;
  }

  to {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
}

@-webkit-keyframes hide {
  0% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
    opacity: 0;
    visibility: hidden;
  }

  50% {
    opacity: .5;
    visibility: hidden;
  }

  to {
    -webkit-transform: translate(-170%,0);
            transform: translate(-170%,0);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes hide {
  0% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
    opacity: 0;
    visibility: hidden;
  }

  50% {
    opacity: .5;
    visibility: hidden;
  }

  to {
    -webkit-transform: translate(-170%,0);
            transform: translate(-170%,0);
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes typedAbout {
  .6958641115%, 0%, 27.8745644599%, 28.2219965157% {
    content: "я";
  }

  .6968641115%, 1.392728223%, 27.5261324042%, 27.8735644599% {
    content: "я ";
  }

  1.393728223%, 2.0895923345%, 27.1777003484%, 27.5251324042% {
    content: "я w";
  }

  2.0905923345%, 2.786456446%, 26.8292682927%, 27.1767003484% {
    content: "я we";
  }

  2.787456446%, 26.4808362369%, 26.8282682927%, 3.4833205575% {
    content: "я web";
  }

  26.1324041812%, 26.4798362369%, 3.4843205575%, 4.180184669% {
    content: "я web-";
  }

  25.7839721254%, 26.1314041812%, 4.181184669%, 4.8770487805% {
    content: "я web-р";
  }

  25.4355400697%, 25.7829721254%, 4.8780487805%, 5.573912892% {
    content: "я web-ра";
  }

  25.0871080139%, 25.4345400697%, 5.574912892%, 6.2707770035% {
    content: "я web-раз";
  }

  24.7386759582%, 25.0861080139%, 6.2717770035%, 6.967641115% {
    content: "я web-разр";
  }

  24.3902439024%, 24.7376759582%, 6.968641115%, 7.6645052265% {
    content: "я web-разра";
  }

  24.0418118467%, 24.3892439024%, 7.6655052265%, 8.361369338% {
    content: "я web-разраб";
  }

  23.6933797909%, 24.0408118467%, 8.362369338%, 9.0582334495% {
    content: "я web-разрабо";
  }

  23.3449477352%, 23.6923797909%, 9.0592334495%, 9.755097561% {
    content: "я web-разработ";
  }

  10.4519616725%, 22.9965156794%, 23.3439477352%, 9.756097561% {
    content: "я web-разработч";
  }

  10.4529616725%, 11.148825784%, 22.6480836237%, 22.9955156794% {
    content: "я web-разработчи";
  }

  11.149825784%, 22.6470836237% {
    content: "я web-разработчик";
  }

  28.2229965157%, 42.1592787456% {
    content: "​";
  }

  42.1602787456%, 42.8561428571%, 85.7142857143%, 86.06171777% {
    content: "з";
  }

  42.8571428571%, 43.5530069686%, 85.3658536585%, 85.7132857143% {
    content: "за";
  }

  43.5540069686%, 44.2498710801%, 85.0174216028%, 85.3648536585% {
    content: "зан";
  }

  44.2508710801%, 44.9467351916%, 84.668989547%, 85.0164216028% {
    content: "зани";
  }

  44.9477351916%, 45.6435993031%, 84.3205574913%, 84.667989547% {
    content: "заним";
  }

  45.6445993031%, 46.3404634146%, 83.9721254355%, 84.3195574913% {
    content: "занима";
  }

  46.3414634146%, 47.0373275261%, 83.6236933798%, 83.9711254355% {
    content: "занимаю";
  }

  47.0383275261%, 47.7341916376%, 83.275261324%, 83.6226933798% {
    content: "занимаюс";
  }

  47.7351916376%, 48.4310557491%, 82.9268292683%, 83.274261324% {
    content: "занимаюсь";
  }

  48.4320557491%, 49.1279198606%, 82.5783972125%, 82.9258292683% {
    content: "занимаюсь ";
  }

  49.1289198606%, 49.8247839721%, 82.2299651568%, 82.5773972125% {
    content: "занимаюсь п";
  }

  49.8257839721%, 50.5216480836%, 81.881533101%, 82.2289651568% {
    content: "занимаюсь пр";
  }

  50.5226480836%, 51.2185121951%, 81.5331010453%, 81.880533101% {
    content: "занимаюсь про";
  }

  51.2195121951%, 51.9153763066%, 81.1846689895%, 81.5321010453% {
    content: "занимаюсь прое";
  }

  51.9163763066%, 52.6122404181%, 80.8362369338%, 81.1836689895% {
    content: "занимаюсь проек";
  }

  52.6132404181%, 53.3091045296%, 80.487804878%, 80.8352369338% {
    content: "занимаюсь проект";
  }

  53.3101045296%, 54.0059686411%, 80.1393728223%, 80.486804878% {
    content: "занимаюсь проекти";
  }

  54.0069686411%, 54.7028327526%, 79.7909407666%, 80.1383728223% {
    content: "занимаюсь проектир";
  }

  54.7038327526%, 55.3996968641%, 79.4425087108%, 79.7899407666% {
    content: "занимаюсь проектиро";
  }

  55.4006968641%, 56.0965609756%, 79.0940766551%, 79.4415087108% {
    content: "занимаюсь проектиров";
  }

  56.0975609756%, 56.7934250871%, 78.7456445993%, 79.0930766551% {
    content: "занимаюсь проектирова";
  }

  56.7944250871%, 57.4902891986%, 78.3972125436%, 78.7446445993% {
    content: "занимаюсь проектирован";
  }

  57.4912891986%, 58.1871533101%, 78.0487804878%, 78.3962125436% {
    content: "занимаюсь проектировани";
  }

  58.1881533101%, 58.8840174216%, 77.7003484321%, 78.0477804878% {
    content: "занимаюсь проектирование";
  }

  58.8850174216%, 59.5808815331%, 77.3519163763%, 77.6993484321% {
    content: "занимаюсь проектированием";
  }

  59.5818815331%, 60.2777456446%, 77.0034843206%, 77.3509163763% {
    content: "занимаюсь проектированием ";
  }

  60.2787456446%, 60.9746097561%, 76.6550522648%, 77.0024843206% {
    content: "занимаюсь проектированием с";
  }

  60.9756097561%, 61.6714738676%, 76.3066202091%, 76.6540522648% {
    content: "занимаюсь проектированием са";
  }

  61.6724738676%, 62.3683379791%, 75.9581881533%, 76.3056202091% {
    content: "занимаюсь проектированием сай";
  }

  62.3693379791%, 63.0652020906%, 75.6097560976%, 75.9571881533% {
    content: "занимаюсь проектированием сайт";
  }

  63.0662020906%, 63.7620662021%, 75.2613240418%, 75.6087560976% {
    content: "занимаюсь проектированием сайто";
  }

  63.7630662021%, 75.2603240418% {
    content: "занимаюсь проектированием сайтов";
  }
}

@keyframes typedAbout {
  .6958641115%, 0%, 27.8745644599%, 28.2219965157% {
    content: "я";
  }

  .6968641115%, 1.392728223%, 27.5261324042%, 27.8735644599% {
    content: "я ";
  }

  1.393728223%, 2.0895923345%, 27.1777003484%, 27.5251324042% {
    content: "я w";
  }

  2.0905923345%, 2.786456446%, 26.8292682927%, 27.1767003484% {
    content: "я we";
  }

  2.787456446%, 26.4808362369%, 26.8282682927%, 3.4833205575% {
    content: "я web";
  }

  26.1324041812%, 26.4798362369%, 3.4843205575%, 4.180184669% {
    content: "я web-";
  }

  25.7839721254%, 26.1314041812%, 4.181184669%, 4.8770487805% {
    content: "я web-р";
  }

  25.4355400697%, 25.7829721254%, 4.8780487805%, 5.573912892% {
    content: "я web-ра";
  }

  25.0871080139%, 25.4345400697%, 5.574912892%, 6.2707770035% {
    content: "я web-раз";
  }

  24.7386759582%, 25.0861080139%, 6.2717770035%, 6.967641115% {
    content: "я web-разр";
  }

  24.3902439024%, 24.7376759582%, 6.968641115%, 7.6645052265% {
    content: "я web-разра";
  }

  24.0418118467%, 24.3892439024%, 7.6655052265%, 8.361369338% {
    content: "я web-разраб";
  }

  23.6933797909%, 24.0408118467%, 8.362369338%, 9.0582334495% {
    content: "я web-разрабо";
  }

  23.3449477352%, 23.6923797909%, 9.0592334495%, 9.755097561% {
    content: "я web-разработ";
  }

  10.4519616725%, 22.9965156794%, 23.3439477352%, 9.756097561% {
    content: "я web-разработч";
  }

  10.4529616725%, 11.148825784%, 22.6480836237%, 22.9955156794% {
    content: "я web-разработчи";
  }

  11.149825784%, 22.6470836237% {
    content: "я web-разработчик";
  }

  28.2229965157%, 42.1592787456% {
    content: "​";
  }

  42.1602787456%, 42.8561428571%, 85.7142857143%, 86.06171777% {
    content: "з";
  }

  42.8571428571%, 43.5530069686%, 85.3658536585%, 85.7132857143% {
    content: "за";
  }

  43.5540069686%, 44.2498710801%, 85.0174216028%, 85.3648536585% {
    content: "зан";
  }

  44.2508710801%, 44.9467351916%, 84.668989547%, 85.0164216028% {
    content: "зани";
  }

  44.9477351916%, 45.6435993031%, 84.3205574913%, 84.667989547% {
    content: "заним";
  }

  45.6445993031%, 46.3404634146%, 83.9721254355%, 84.3195574913% {
    content: "занима";
  }

  46.3414634146%, 47.0373275261%, 83.6236933798%, 83.9711254355% {
    content: "занимаю";
  }

  47.0383275261%, 47.7341916376%, 83.275261324%, 83.6226933798% {
    content: "занимаюс";
  }

  47.7351916376%, 48.4310557491%, 82.9268292683%, 83.274261324% {
    content: "занимаюсь";
  }

  48.4320557491%, 49.1279198606%, 82.5783972125%, 82.9258292683% {
    content: "занимаюсь ";
  }

  49.1289198606%, 49.8247839721%, 82.2299651568%, 82.5773972125% {
    content: "занимаюсь п";
  }

  49.8257839721%, 50.5216480836%, 81.881533101%, 82.2289651568% {
    content: "занимаюсь пр";
  }

  50.5226480836%, 51.2185121951%, 81.5331010453%, 81.880533101% {
    content: "занимаюсь про";
  }

  51.2195121951%, 51.9153763066%, 81.1846689895%, 81.5321010453% {
    content: "занимаюсь прое";
  }

  51.9163763066%, 52.6122404181%, 80.8362369338%, 81.1836689895% {
    content: "занимаюсь проек";
  }

  52.6132404181%, 53.3091045296%, 80.487804878%, 80.8352369338% {
    content: "занимаюсь проект";
  }

  53.3101045296%, 54.0059686411%, 80.1393728223%, 80.486804878% {
    content: "занимаюсь проекти";
  }

  54.0069686411%, 54.7028327526%, 79.7909407666%, 80.1383728223% {
    content: "занимаюсь проектир";
  }

  54.7038327526%, 55.3996968641%, 79.4425087108%, 79.7899407666% {
    content: "занимаюсь проектиро";
  }

  55.4006968641%, 56.0965609756%, 79.0940766551%, 79.4415087108% {
    content: "занимаюсь проектиров";
  }

  56.0975609756%, 56.7934250871%, 78.7456445993%, 79.0930766551% {
    content: "занимаюсь проектирова";
  }

  56.7944250871%, 57.4902891986%, 78.3972125436%, 78.7446445993% {
    content: "занимаюсь проектирован";
  }

  57.4912891986%, 58.1871533101%, 78.0487804878%, 78.3962125436% {
    content: "занимаюсь проектировани";
  }

  58.1881533101%, 58.8840174216%, 77.7003484321%, 78.0477804878% {
    content: "занимаюсь проектирование";
  }

  58.8850174216%, 59.5808815331%, 77.3519163763%, 77.6993484321% {
    content: "занимаюсь проектированием";
  }

  59.5818815331%, 60.2777456446%, 77.0034843206%, 77.3509163763% {
    content: "занимаюсь проектированием ";
  }

  60.2787456446%, 60.9746097561%, 76.6550522648%, 77.0024843206% {
    content: "занимаюсь проектированием с";
  }

  60.9756097561%, 61.6714738676%, 76.3066202091%, 76.6540522648% {
    content: "занимаюсь проектированием са";
  }

  61.6724738676%, 62.3683379791%, 75.9581881533%, 76.3056202091% {
    content: "занимаюсь проектированием сай";
  }

  62.3693379791%, 63.0652020906%, 75.6097560976%, 75.9571881533% {
    content: "занимаюсь проектированием сайт";
  }

  63.0662020906%, 63.7620662021%, 75.2613240418%, 75.6087560976% {
    content: "занимаюсь проектированием сайто";
  }

  63.7630662021%, 75.2603240418% {
    content: "занимаюсь проектированием сайтов";
  }
}

@-webkit-keyframes go-1 {
  1.0204081633% {
    content: "1%";
  }

  2.0408163265% {
    content: "2%";
  }

  3.0612244898% {
    content: "3%";
  }

  4.0816326531% {
    content: "4%";
  }

  5.1020408163% {
    content: "5%";
  }

  6.1224489796% {
    content: "6%";
  }

  7.1428571429% {
    content: "7%";
  }

  8.1632653061% {
    content: "8%";
  }

  9.1836734694% {
    content: "9%";
  }

  10.2040816327% {
    content: "10%";
  }

  11.2244897959% {
    content: "11%";
  }

  12.2448979592% {
    content: "12%";
  }

  13.2653061224% {
    content: "13%";
  }

  14.2857142857% {
    content: "14%";
  }

  15.306122449% {
    content: "15%";
  }

  16.3265306122% {
    content: "16%";
  }

  17.3469387755% {
    content: "17%";
  }

  18.3673469388% {
    content: "18%";
  }

  19.387755102% {
    content: "19%";
  }

  20.4081632653% {
    content: "20%";
  }

  21.4285714286% {
    content: "21%";
  }

  22.4489795918% {
    content: "22%";
  }

  23.4693877551% {
    content: "23%";
  }

  24.4897959184% {
    content: "24%";
  }

  25.5102040816% {
    content: "25%";
  }

  26.5306122449% {
    content: "26%";
  }

  27.5510204082% {
    content: "27%";
  }

  28.5714285714% {
    content: "28%";
  }

  29.5918367347% {
    content: "29%";
  }

  30.612244898% {
    content: "30%";
  }

  31.6326530612% {
    content: "31%";
  }

  32.6530612245% {
    content: "32%";
  }

  33.6734693878% {
    content: "33%";
  }

  34.693877551% {
    content: "34%";
  }

  35.7142857143% {
    content: "35%";
  }

  36.7346938776% {
    content: "36%";
  }

  37.7551020408% {
    content: "37%";
  }

  38.7755102041% {
    content: "38%";
  }

  39.7959183673% {
    content: "39%";
  }

  40.8163265306% {
    content: "40%";
  }

  41.8367346939% {
    content: "41%";
  }

  42.8571428571% {
    content: "42%";
  }

  43.8775510204% {
    content: "43%";
  }

  44.8979591837% {
    content: "44%";
  }

  45.9183673469% {
    content: "45%";
  }

  46.9387755102% {
    content: "46%";
  }

  47.9591836735% {
    content: "47%";
  }

  48.9795918367% {
    content: "48%";
  }

  50% {
    content: "49%";
  }

  51.0204081633% {
    content: "50%";
  }

  52.0408163265% {
    content: "51%";
  }

  53.0612244898% {
    content: "52%";
  }

  54.0816326531% {
    content: "53%";
  }

  55.1020408163% {
    content: "54%";
  }

  56.1224489796% {
    content: "55%";
  }

  57.1428571429% {
    content: "56%";
  }

  58.1632653061% {
    content: "57%";
  }

  59.1836734694% {
    content: "58%";
  }

  60.2040816327% {
    content: "59%";
  }

  61.2244897959% {
    content: "60%";
  }

  62.2448979592% {
    content: "61%";
  }

  63.2653061224% {
    content: "62%";
  }

  64.2857142857% {
    content: "63%";
  }

  65.306122449% {
    content: "64%";
  }

  66.3265306122% {
    content: "65%";
  }

  67.3469387755% {
    content: "66%";
  }

  68.3673469388% {
    content: "67%";
  }

  69.387755102% {
    content: "68%";
  }

  70.4081632653% {
    content: "69%";
  }

  71.4285714286% {
    content: "70%";
  }

  72.4489795918% {
    content: "71%";
  }

  73.4693877551% {
    content: "72%";
  }

  74.4897959184% {
    content: "73%";
  }

  75.5102040816% {
    content: "74%";
  }

  76.5306122449% {
    content: "75%";
  }

  77.5510204082% {
    content: "76%";
  }

  78.5714285714% {
    content: "77%";
  }

  79.5918367347% {
    content: "78%";
  }

  80.612244898% {
    content: "79%";
  }

  81.6326530612% {
    content: "80%";
  }

  82.6530612245% {
    content: "81%";
  }

  83.6734693878% {
    content: "82%";
  }

  84.693877551% {
    content: "83%";
  }

  85.7142857143% {
    content: "84%";
  }

  86.7346938776% {
    content: "85%";
  }

  87.7551020408% {
    content: "86%";
  }

  88.7755102041% {
    content: "87%";
  }

  89.7959183673% {
    content: "88%";
  }

  90.8163265306% {
    content: "89%";
  }

  91.8367346939% {
    content: "90%";
  }

  92.8571428571% {
    content: "91%";
  }

  93.8775510204% {
    content: "92%";
  }

  94.8979591837% {
    content: "93%";
  }

  95.9183673469% {
    content: "94%";
  }

  96.9387755102% {
    content: "95%";
  }

  97.9591836735% {
    content: "96%";
  }

  98.9795918367% {
    content: "97%";
  }

  to {
    content: "98%";
  }
}

@keyframes go-1 {
  1.0204081633% {
    content: "1%";
  }

  2.0408163265% {
    content: "2%";
  }

  3.0612244898% {
    content: "3%";
  }

  4.0816326531% {
    content: "4%";
  }

  5.1020408163% {
    content: "5%";
  }

  6.1224489796% {
    content: "6%";
  }

  7.1428571429% {
    content: "7%";
  }

  8.1632653061% {
    content: "8%";
  }

  9.1836734694% {
    content: "9%";
  }

  10.2040816327% {
    content: "10%";
  }

  11.2244897959% {
    content: "11%";
  }

  12.2448979592% {
    content: "12%";
  }

  13.2653061224% {
    content: "13%";
  }

  14.2857142857% {
    content: "14%";
  }

  15.306122449% {
    content: "15%";
  }

  16.3265306122% {
    content: "16%";
  }

  17.3469387755% {
    content: "17%";
  }

  18.3673469388% {
    content: "18%";
  }

  19.387755102% {
    content: "19%";
  }

  20.4081632653% {
    content: "20%";
  }

  21.4285714286% {
    content: "21%";
  }

  22.4489795918% {
    content: "22%";
  }

  23.4693877551% {
    content: "23%";
  }

  24.4897959184% {
    content: "24%";
  }

  25.5102040816% {
    content: "25%";
  }

  26.5306122449% {
    content: "26%";
  }

  27.5510204082% {
    content: "27%";
  }

  28.5714285714% {
    content: "28%";
  }

  29.5918367347% {
    content: "29%";
  }

  30.612244898% {
    content: "30%";
  }

  31.6326530612% {
    content: "31%";
  }

  32.6530612245% {
    content: "32%";
  }

  33.6734693878% {
    content: "33%";
  }

  34.693877551% {
    content: "34%";
  }

  35.7142857143% {
    content: "35%";
  }

  36.7346938776% {
    content: "36%";
  }

  37.7551020408% {
    content: "37%";
  }

  38.7755102041% {
    content: "38%";
  }

  39.7959183673% {
    content: "39%";
  }

  40.8163265306% {
    content: "40%";
  }

  41.8367346939% {
    content: "41%";
  }

  42.8571428571% {
    content: "42%";
  }

  43.8775510204% {
    content: "43%";
  }

  44.8979591837% {
    content: "44%";
  }

  45.9183673469% {
    content: "45%";
  }

  46.9387755102% {
    content: "46%";
  }

  47.9591836735% {
    content: "47%";
  }

  48.9795918367% {
    content: "48%";
  }

  50% {
    content: "49%";
  }

  51.0204081633% {
    content: "50%";
  }

  52.0408163265% {
    content: "51%";
  }

  53.0612244898% {
    content: "52%";
  }

  54.0816326531% {
    content: "53%";
  }

  55.1020408163% {
    content: "54%";
  }

  56.1224489796% {
    content: "55%";
  }

  57.1428571429% {
    content: "56%";
  }

  58.1632653061% {
    content: "57%";
  }

  59.1836734694% {
    content: "58%";
  }

  60.2040816327% {
    content: "59%";
  }

  61.2244897959% {
    content: "60%";
  }

  62.2448979592% {
    content: "61%";
  }

  63.2653061224% {
    content: "62%";
  }

  64.2857142857% {
    content: "63%";
  }

  65.306122449% {
    content: "64%";
  }

  66.3265306122% {
    content: "65%";
  }

  67.3469387755% {
    content: "66%";
  }

  68.3673469388% {
    content: "67%";
  }

  69.387755102% {
    content: "68%";
  }

  70.4081632653% {
    content: "69%";
  }

  71.4285714286% {
    content: "70%";
  }

  72.4489795918% {
    content: "71%";
  }

  73.4693877551% {
    content: "72%";
  }

  74.4897959184% {
    content: "73%";
  }

  75.5102040816% {
    content: "74%";
  }

  76.5306122449% {
    content: "75%";
  }

  77.5510204082% {
    content: "76%";
  }

  78.5714285714% {
    content: "77%";
  }

  79.5918367347% {
    content: "78%";
  }

  80.612244898% {
    content: "79%";
  }

  81.6326530612% {
    content: "80%";
  }

  82.6530612245% {
    content: "81%";
  }

  83.6734693878% {
    content: "82%";
  }

  84.693877551% {
    content: "83%";
  }

  85.7142857143% {
    content: "84%";
  }

  86.7346938776% {
    content: "85%";
  }

  87.7551020408% {
    content: "86%";
  }

  88.7755102041% {
    content: "87%";
  }

  89.7959183673% {
    content: "88%";
  }

  90.8163265306% {
    content: "89%";
  }

  91.8367346939% {
    content: "90%";
  }

  92.8571428571% {
    content: "91%";
  }

  93.8775510204% {
    content: "92%";
  }

  94.8979591837% {
    content: "93%";
  }

  95.9183673469% {
    content: "94%";
  }

  96.9387755102% {
    content: "95%";
  }

  97.9591836735% {
    content: "96%";
  }

  98.9795918367% {
    content: "97%";
  }

  to {
    content: "98%";
  }
}

@-webkit-keyframes go-2 {
  1.0526315789% {
    content: "1%";
  }

  2.1052631579% {
    content: "2%";
  }

  3.1578947368% {
    content: "3%";
  }

  4.2105263158% {
    content: "4%";
  }

  5.2631578947% {
    content: "5%";
  }

  6.3157894737% {
    content: "6%";
  }

  7.3684210526% {
    content: "7%";
  }

  8.4210526316% {
    content: "8%";
  }

  9.4736842105% {
    content: "9%";
  }

  10.5263157895% {
    content: "10%";
  }

  11.5789473684% {
    content: "11%";
  }

  12.6315789474% {
    content: "12%";
  }

  13.6842105263% {
    content: "13%";
  }

  14.7368421053% {
    content: "14%";
  }

  15.7894736842% {
    content: "15%";
  }

  16.8421052632% {
    content: "16%";
  }

  17.8947368421% {
    content: "17%";
  }

  18.9473684211% {
    content: "18%";
  }

  20% {
    content: "19%";
  }

  21.0526315789% {
    content: "20%";
  }

  22.1052631579% {
    content: "21%";
  }

  23.1578947368% {
    content: "22%";
  }

  24.2105263158% {
    content: "23%";
  }

  25.2631578947% {
    content: "24%";
  }

  26.3157894737% {
    content: "25%";
  }

  27.3684210526% {
    content: "26%";
  }

  28.4210526316% {
    content: "27%";
  }

  29.4736842105% {
    content: "28%";
  }

  30.5263157895% {
    content: "29%";
  }

  31.5789473684% {
    content: "30%";
  }

  32.6315789474% {
    content: "31%";
  }

  33.6842105263% {
    content: "32%";
  }

  34.7368421053% {
    content: "33%";
  }

  35.7894736842% {
    content: "34%";
  }

  36.8421052632% {
    content: "35%";
  }

  37.8947368421% {
    content: "36%";
  }

  38.9473684211% {
    content: "37%";
  }

  40% {
    content: "38%";
  }

  41.0526315789% {
    content: "39%";
  }

  42.1052631579% {
    content: "40%";
  }

  43.1578947368% {
    content: "41%";
  }

  44.2105263158% {
    content: "42%";
  }

  45.2631578947% {
    content: "43%";
  }

  46.3157894737% {
    content: "44%";
  }

  47.3684210526% {
    content: "45%";
  }

  48.4210526316% {
    content: "46%";
  }

  49.4736842105% {
    content: "47%";
  }

  50.5263157895% {
    content: "48%";
  }

  51.5789473684% {
    content: "49%";
  }

  52.6315789474% {
    content: "50%";
  }

  53.6842105263% {
    content: "51%";
  }

  54.7368421053% {
    content: "52%";
  }

  55.7894736842% {
    content: "53%";
  }

  56.8421052632% {
    content: "54%";
  }

  57.8947368421% {
    content: "55%";
  }

  58.9473684211% {
    content: "56%";
  }

  60% {
    content: "57%";
  }

  61.0526315789% {
    content: "58%";
  }

  62.1052631579% {
    content: "59%";
  }

  63.1578947368% {
    content: "60%";
  }

  64.2105263158% {
    content: "61%";
  }

  65.2631578947% {
    content: "62%";
  }

  66.3157894737% {
    content: "63%";
  }

  67.3684210526% {
    content: "64%";
  }

  68.4210526316% {
    content: "65%";
  }

  69.4736842105% {
    content: "66%";
  }

  70.5263157895% {
    content: "67%";
  }

  71.5789473684% {
    content: "68%";
  }

  72.6315789474% {
    content: "69%";
  }

  73.6842105263% {
    content: "70%";
  }

  74.7368421053% {
    content: "71%";
  }

  75.7894736842% {
    content: "72%";
  }

  76.8421052632% {
    content: "73%";
  }

  77.8947368421% {
    content: "74%";
  }

  78.9473684211% {
    content: "75%";
  }

  80% {
    content: "76%";
  }

  81.0526315789% {
    content: "77%";
  }

  82.1052631579% {
    content: "78%";
  }

  83.1578947368% {
    content: "79%";
  }

  84.2105263158% {
    content: "80%";
  }

  85.2631578947% {
    content: "81%";
  }

  86.3157894737% {
    content: "82%";
  }

  87.3684210526% {
    content: "83%";
  }

  88.4210526316% {
    content: "84%";
  }

  89.4736842105% {
    content: "85%";
  }

  90.5263157895% {
    content: "86%";
  }

  91.5789473684% {
    content: "87%";
  }

  92.6315789474% {
    content: "88%";
  }

  93.6842105263% {
    content: "89%";
  }

  94.7368421053% {
    content: "90%";
  }

  95.7894736842% {
    content: "91%";
  }

  96.8421052632% {
    content: "92%";
  }

  97.8947368421% {
    content: "93%";
  }

  98.9473684211% {
    content: "94%";
  }

  to {
    content: "95%";
  }
}

@keyframes go-2 {
  1.0526315789% {
    content: "1%";
  }

  2.1052631579% {
    content: "2%";
  }

  3.1578947368% {
    content: "3%";
  }

  4.2105263158% {
    content: "4%";
  }

  5.2631578947% {
    content: "5%";
  }

  6.3157894737% {
    content: "6%";
  }

  7.3684210526% {
    content: "7%";
  }

  8.4210526316% {
    content: "8%";
  }

  9.4736842105% {
    content: "9%";
  }

  10.5263157895% {
    content: "10%";
  }

  11.5789473684% {
    content: "11%";
  }

  12.6315789474% {
    content: "12%";
  }

  13.6842105263% {
    content: "13%";
  }

  14.7368421053% {
    content: "14%";
  }

  15.7894736842% {
    content: "15%";
  }

  16.8421052632% {
    content: "16%";
  }

  17.8947368421% {
    content: "17%";
  }

  18.9473684211% {
    content: "18%";
  }

  20% {
    content: "19%";
  }

  21.0526315789% {
    content: "20%";
  }

  22.1052631579% {
    content: "21%";
  }

  23.1578947368% {
    content: "22%";
  }

  24.2105263158% {
    content: "23%";
  }

  25.2631578947% {
    content: "24%";
  }

  26.3157894737% {
    content: "25%";
  }

  27.3684210526% {
    content: "26%";
  }

  28.4210526316% {
    content: "27%";
  }

  29.4736842105% {
    content: "28%";
  }

  30.5263157895% {
    content: "29%";
  }

  31.5789473684% {
    content: "30%";
  }

  32.6315789474% {
    content: "31%";
  }

  33.6842105263% {
    content: "32%";
  }

  34.7368421053% {
    content: "33%";
  }

  35.7894736842% {
    content: "34%";
  }

  36.8421052632% {
    content: "35%";
  }

  37.8947368421% {
    content: "36%";
  }

  38.9473684211% {
    content: "37%";
  }

  40% {
    content: "38%";
  }

  41.0526315789% {
    content: "39%";
  }

  42.1052631579% {
    content: "40%";
  }

  43.1578947368% {
    content: "41%";
  }

  44.2105263158% {
    content: "42%";
  }

  45.2631578947% {
    content: "43%";
  }

  46.3157894737% {
    content: "44%";
  }

  47.3684210526% {
    content: "45%";
  }

  48.4210526316% {
    content: "46%";
  }

  49.4736842105% {
    content: "47%";
  }

  50.5263157895% {
    content: "48%";
  }

  51.5789473684% {
    content: "49%";
  }

  52.6315789474% {
    content: "50%";
  }

  53.6842105263% {
    content: "51%";
  }

  54.7368421053% {
    content: "52%";
  }

  55.7894736842% {
    content: "53%";
  }

  56.8421052632% {
    content: "54%";
  }

  57.8947368421% {
    content: "55%";
  }

  58.9473684211% {
    content: "56%";
  }

  60% {
    content: "57%";
  }

  61.0526315789% {
    content: "58%";
  }

  62.1052631579% {
    content: "59%";
  }

  63.1578947368% {
    content: "60%";
  }

  64.2105263158% {
    content: "61%";
  }

  65.2631578947% {
    content: "62%";
  }

  66.3157894737% {
    content: "63%";
  }

  67.3684210526% {
    content: "64%";
  }

  68.4210526316% {
    content: "65%";
  }

  69.4736842105% {
    content: "66%";
  }

  70.5263157895% {
    content: "67%";
  }

  71.5789473684% {
    content: "68%";
  }

  72.6315789474% {
    content: "69%";
  }

  73.6842105263% {
    content: "70%";
  }

  74.7368421053% {
    content: "71%";
  }

  75.7894736842% {
    content: "72%";
  }

  76.8421052632% {
    content: "73%";
  }

  77.8947368421% {
    content: "74%";
  }

  78.9473684211% {
    content: "75%";
  }

  80% {
    content: "76%";
  }

  81.0526315789% {
    content: "77%";
  }

  82.1052631579% {
    content: "78%";
  }

  83.1578947368% {
    content: "79%";
  }

  84.2105263158% {
    content: "80%";
  }

  85.2631578947% {
    content: "81%";
  }

  86.3157894737% {
    content: "82%";
  }

  87.3684210526% {
    content: "83%";
  }

  88.4210526316% {
    content: "84%";
  }

  89.4736842105% {
    content: "85%";
  }

  90.5263157895% {
    content: "86%";
  }

  91.5789473684% {
    content: "87%";
  }

  92.6315789474% {
    content: "88%";
  }

  93.6842105263% {
    content: "89%";
  }

  94.7368421053% {
    content: "90%";
  }

  95.7894736842% {
    content: "91%";
  }

  96.8421052632% {
    content: "92%";
  }

  97.8947368421% {
    content: "93%";
  }

  98.9473684211% {
    content: "94%";
  }

  to {
    content: "95%";
  }
}

@-webkit-keyframes go-3 {
  2% {
    content: "1%";
  }

  4% {
    content: "2%";
  }

  6% {
    content: "3%";
  }

  8% {
    content: "4%";
  }

  10% {
    content: "5%";
  }

  12% {
    content: "6%";
  }

  14% {
    content: "7%";
  }

  16% {
    content: "8%";
  }

  18% {
    content: "9%";
  }

  20% {
    content: "10%";
  }

  22% {
    content: "11%";
  }

  24% {
    content: "12%";
  }

  26% {
    content: "13%";
  }

  28% {
    content: "14%";
  }

  30% {
    content: "15%";
  }

  32% {
    content: "16%";
  }

  34% {
    content: "17%";
  }

  36% {
    content: "18%";
  }

  38% {
    content: "19%";
  }

  40% {
    content: "20%";
  }

  42% {
    content: "21%";
  }

  44% {
    content: "22%";
  }

  46% {
    content: "23%";
  }

  48% {
    content: "24%";
  }

  50% {
    content: "25%";
  }

  52% {
    content: "26%";
  }

  54% {
    content: "27%";
  }

  56% {
    content: "28%";
  }

  58% {
    content: "29%";
  }

  60% {
    content: "30%";
  }

  62% {
    content: "31%";
  }

  64% {
    content: "32%";
  }

  66% {
    content: "33%";
  }

  68% {
    content: "34%";
  }

  70% {
    content: "35%";
  }

  72% {
    content: "36%";
  }

  74% {
    content: "37%";
  }

  76% {
    content: "38%";
  }

  78% {
    content: "39%";
  }

  80% {
    content: "40%";
  }

  82% {
    content: "41%";
  }

  84% {
    content: "42%";
  }

  86% {
    content: "43%";
  }

  88% {
    content: "44%";
  }

  90% {
    content: "45%";
  }

  92% {
    content: "46%";
  }

  94% {
    content: "47%";
  }

  96% {
    content: "48%";
  }

  98% {
    content: "49%";
  }

  to {
    content: "50%";
  }
}

@keyframes go-3 {
  2% {
    content: "1%";
  }

  4% {
    content: "2%";
  }

  6% {
    content: "3%";
  }

  8% {
    content: "4%";
  }

  10% {
    content: "5%";
  }

  12% {
    content: "6%";
  }

  14% {
    content: "7%";
  }

  16% {
    content: "8%";
  }

  18% {
    content: "9%";
  }

  20% {
    content: "10%";
  }

  22% {
    content: "11%";
  }

  24% {
    content: "12%";
  }

  26% {
    content: "13%";
  }

  28% {
    content: "14%";
  }

  30% {
    content: "15%";
  }

  32% {
    content: "16%";
  }

  34% {
    content: "17%";
  }

  36% {
    content: "18%";
  }

  38% {
    content: "19%";
  }

  40% {
    content: "20%";
  }

  42% {
    content: "21%";
  }

  44% {
    content: "22%";
  }

  46% {
    content: "23%";
  }

  48% {
    content: "24%";
  }

  50% {
    content: "25%";
  }

  52% {
    content: "26%";
  }

  54% {
    content: "27%";
  }

  56% {
    content: "28%";
  }

  58% {
    content: "29%";
  }

  60% {
    content: "30%";
  }

  62% {
    content: "31%";
  }

  64% {
    content: "32%";
  }

  66% {
    content: "33%";
  }

  68% {
    content: "34%";
  }

  70% {
    content: "35%";
  }

  72% {
    content: "36%";
  }

  74% {
    content: "37%";
  }

  76% {
    content: "38%";
  }

  78% {
    content: "39%";
  }

  80% {
    content: "40%";
  }

  82% {
    content: "41%";
  }

  84% {
    content: "42%";
  }

  86% {
    content: "43%";
  }

  88% {
    content: "44%";
  }

  90% {
    content: "45%";
  }

  92% {
    content: "46%";
  }

  94% {
    content: "47%";
  }

  96% {
    content: "48%";
  }

  98% {
    content: "49%";
  }

  to {
    content: "50%";
  }
}

@-webkit-keyframes go-4 {
  1.3333333333% {
    content: "1%";
  }

  2.6666666667% {
    content: "2%";
  }

  4% {
    content: "3%";
  }

  5.3333333333% {
    content: "4%";
  }

  6.6666666667% {
    content: "5%";
  }

  8% {
    content: "6%";
  }

  9.3333333333% {
    content: "7%";
  }

  10.6666666667% {
    content: "8%";
  }

  12% {
    content: "9%";
  }

  13.3333333333% {
    content: "10%";
  }

  14.6666666667% {
    content: "11%";
  }

  16% {
    content: "12%";
  }

  17.3333333333% {
    content: "13%";
  }

  18.6666666667% {
    content: "14%";
  }

  20% {
    content: "15%";
  }

  21.3333333333% {
    content: "16%";
  }

  22.6666666667% {
    content: "17%";
  }

  24% {
    content: "18%";
  }

  25.3333333333% {
    content: "19%";
  }

  26.6666666667% {
    content: "20%";
  }

  28% {
    content: "21%";
  }

  29.3333333333% {
    content: "22%";
  }

  30.6666666667% {
    content: "23%";
  }

  32% {
    content: "24%";
  }

  33.3333333333% {
    content: "25%";
  }

  34.6666666667% {
    content: "26%";
  }

  36% {
    content: "27%";
  }

  37.3333333333% {
    content: "28%";
  }

  38.6666666667% {
    content: "29%";
  }

  40% {
    content: "30%";
  }

  41.3333333333% {
    content: "31%";
  }

  42.6666666667% {
    content: "32%";
  }

  44% {
    content: "33%";
  }

  45.3333333333% {
    content: "34%";
  }

  46.6666666667% {
    content: "35%";
  }

  48% {
    content: "36%";
  }

  49.3333333333% {
    content: "37%";
  }

  50.6666666667% {
    content: "38%";
  }

  52% {
    content: "39%";
  }

  53.3333333333% {
    content: "40%";
  }

  54.6666666667% {
    content: "41%";
  }

  56% {
    content: "42%";
  }

  57.3333333333% {
    content: "43%";
  }

  58.6666666667% {
    content: "44%";
  }

  60% {
    content: "45%";
  }

  61.3333333333% {
    content: "46%";
  }

  62.6666666667% {
    content: "47%";
  }

  64% {
    content: "48%";
  }

  65.3333333333% {
    content: "49%";
  }

  66.6666666667% {
    content: "50%";
  }

  68% {
    content: "51%";
  }

  69.3333333333% {
    content: "52%";
  }

  70.6666666667% {
    content: "53%";
  }

  72% {
    content: "54%";
  }

  73.3333333333% {
    content: "55%";
  }

  74.6666666667% {
    content: "56%";
  }

  76% {
    content: "57%";
  }

  77.3333333333% {
    content: "58%";
  }

  78.6666666667% {
    content: "59%";
  }

  80% {
    content: "60%";
  }

  81.3333333333% {
    content: "61%";
  }

  82.6666666667% {
    content: "62%";
  }

  84% {
    content: "63%";
  }

  85.3333333333% {
    content: "64%";
  }

  86.6666666667% {
    content: "65%";
  }

  88% {
    content: "66%";
  }

  89.3333333333% {
    content: "67%";
  }

  90.6666666667% {
    content: "68%";
  }

  92% {
    content: "69%";
  }

  93.3333333333% {
    content: "70%";
  }

  94.6666666667% {
    content: "71%";
  }

  96% {
    content: "72%";
  }

  97.3333333333% {
    content: "73%";
  }

  98.6666666667% {
    content: "74%";
  }

  to {
    content: "75%";
  }
}

@keyframes go-4 {
  1.3333333333% {
    content: "1%";
  }

  2.6666666667% {
    content: "2%";
  }

  4% {
    content: "3%";
  }

  5.3333333333% {
    content: "4%";
  }

  6.6666666667% {
    content: "5%";
  }

  8% {
    content: "6%";
  }

  9.3333333333% {
    content: "7%";
  }

  10.6666666667% {
    content: "8%";
  }

  12% {
    content: "9%";
  }

  13.3333333333% {
    content: "10%";
  }

  14.6666666667% {
    content: "11%";
  }

  16% {
    content: "12%";
  }

  17.3333333333% {
    content: "13%";
  }

  18.6666666667% {
    content: "14%";
  }

  20% {
    content: "15%";
  }

  21.3333333333% {
    content: "16%";
  }

  22.6666666667% {
    content: "17%";
  }

  24% {
    content: "18%";
  }

  25.3333333333% {
    content: "19%";
  }

  26.6666666667% {
    content: "20%";
  }

  28% {
    content: "21%";
  }

  29.3333333333% {
    content: "22%";
  }

  30.6666666667% {
    content: "23%";
  }

  32% {
    content: "24%";
  }

  33.3333333333% {
    content: "25%";
  }

  34.6666666667% {
    content: "26%";
  }

  36% {
    content: "27%";
  }

  37.3333333333% {
    content: "28%";
  }

  38.6666666667% {
    content: "29%";
  }

  40% {
    content: "30%";
  }

  41.3333333333% {
    content: "31%";
  }

  42.6666666667% {
    content: "32%";
  }

  44% {
    content: "33%";
  }

  45.3333333333% {
    content: "34%";
  }

  46.6666666667% {
    content: "35%";
  }

  48% {
    content: "36%";
  }

  49.3333333333% {
    content: "37%";
  }

  50.6666666667% {
    content: "38%";
  }

  52% {
    content: "39%";
  }

  53.3333333333% {
    content: "40%";
  }

  54.6666666667% {
    content: "41%";
  }

  56% {
    content: "42%";
  }

  57.3333333333% {
    content: "43%";
  }

  58.6666666667% {
    content: "44%";
  }

  60% {
    content: "45%";
  }

  61.3333333333% {
    content: "46%";
  }

  62.6666666667% {
    content: "47%";
  }

  64% {
    content: "48%";
  }

  65.3333333333% {
    content: "49%";
  }

  66.6666666667% {
    content: "50%";
  }

  68% {
    content: "51%";
  }

  69.3333333333% {
    content: "52%";
  }

  70.6666666667% {
    content: "53%";
  }

  72% {
    content: "54%";
  }

  73.3333333333% {
    content: "55%";
  }

  74.6666666667% {
    content: "56%";
  }

  76% {
    content: "57%";
  }

  77.3333333333% {
    content: "58%";
  }

  78.6666666667% {
    content: "59%";
  }

  80% {
    content: "60%";
  }

  81.3333333333% {
    content: "61%";
  }

  82.6666666667% {
    content: "62%";
  }

  84% {
    content: "63%";
  }

  85.3333333333% {
    content: "64%";
  }

  86.6666666667% {
    content: "65%";
  }

  88% {
    content: "66%";
  }

  89.3333333333% {
    content: "67%";
  }

  90.6666666667% {
    content: "68%";
  }

  92% {
    content: "69%";
  }

  93.3333333333% {
    content: "70%";
  }

  94.6666666667% {
    content: "71%";
  }

  96% {
    content: "72%";
  }

  97.3333333333% {
    content: "73%";
  }

  98.6666666667% {
    content: "74%";
  }

  to {
    content: "75%";
  }
}

@-webkit-keyframes go-5 {
  1.3333333333% {
    content: "1%";
  }

  2.6666666667% {
    content: "2%";
  }

  4% {
    content: "3%";
  }

  5.3333333333% {
    content: "4%";
  }

  6.6666666667% {
    content: "5%";
  }

  8% {
    content: "6%";
  }

  9.3333333333% {
    content: "7%";
  }

  10.6666666667% {
    content: "8%";
  }

  12% {
    content: "9%";
  }

  13.3333333333% {
    content: "10%";
  }

  14.6666666667% {
    content: "11%";
  }

  16% {
    content: "12%";
  }

  17.3333333333% {
    content: "13%";
  }

  18.6666666667% {
    content: "14%";
  }

  20% {
    content: "15%";
  }

  21.3333333333% {
    content: "16%";
  }

  22.6666666667% {
    content: "17%";
  }

  24% {
    content: "18%";
  }

  25.3333333333% {
    content: "19%";
  }

  26.6666666667% {
    content: "20%";
  }

  28% {
    content: "21%";
  }

  29.3333333333% {
    content: "22%";
  }

  30.6666666667% {
    content: "23%";
  }

  32% {
    content: "24%";
  }

  33.3333333333% {
    content: "25%";
  }

  34.6666666667% {
    content: "26%";
  }

  36% {
    content: "27%";
  }

  37.3333333333% {
    content: "28%";
  }

  38.6666666667% {
    content: "29%";
  }

  40% {
    content: "30%";
  }

  41.3333333333% {
    content: "31%";
  }

  42.6666666667% {
    content: "32%";
  }

  44% {
    content: "33%";
  }

  45.3333333333% {
    content: "34%";
  }

  46.6666666667% {
    content: "35%";
  }

  48% {
    content: "36%";
  }

  49.3333333333% {
    content: "37%";
  }

  50.6666666667% {
    content: "38%";
  }

  52% {
    content: "39%";
  }

  53.3333333333% {
    content: "40%";
  }

  54.6666666667% {
    content: "41%";
  }

  56% {
    content: "42%";
  }

  57.3333333333% {
    content: "43%";
  }

  58.6666666667% {
    content: "44%";
  }

  60% {
    content: "45%";
  }

  61.3333333333% {
    content: "46%";
  }

  62.6666666667% {
    content: "47%";
  }

  64% {
    content: "48%";
  }

  65.3333333333% {
    content: "49%";
  }

  66.6666666667% {
    content: "50%";
  }

  68% {
    content: "51%";
  }

  69.3333333333% {
    content: "52%";
  }

  70.6666666667% {
    content: "53%";
  }

  72% {
    content: "54%";
  }

  73.3333333333% {
    content: "55%";
  }

  74.6666666667% {
    content: "56%";
  }

  76% {
    content: "57%";
  }

  77.3333333333% {
    content: "58%";
  }

  78.6666666667% {
    content: "59%";
  }

  80% {
    content: "60%";
  }

  81.3333333333% {
    content: "61%";
  }

  82.6666666667% {
    content: "62%";
  }

  84% {
    content: "63%";
  }

  85.3333333333% {
    content: "64%";
  }

  86.6666666667% {
    content: "65%";
  }

  88% {
    content: "66%";
  }

  89.3333333333% {
    content: "67%";
  }

  90.6666666667% {
    content: "68%";
  }

  92% {
    content: "69%";
  }

  93.3333333333% {
    content: "70%";
  }

  94.6666666667% {
    content: "71%";
  }

  96% {
    content: "72%";
  }

  97.3333333333% {
    content: "73%";
  }

  98.6666666667% {
    content: "74%";
  }

  to {
    content: "75%";
  }
}

@keyframes go-5 {
  1.3333333333% {
    content: "1%";
  }

  2.6666666667% {
    content: "2%";
  }

  4% {
    content: "3%";
  }

  5.3333333333% {
    content: "4%";
  }

  6.6666666667% {
    content: "5%";
  }

  8% {
    content: "6%";
  }

  9.3333333333% {
    content: "7%";
  }

  10.6666666667% {
    content: "8%";
  }

  12% {
    content: "9%";
  }

  13.3333333333% {
    content: "10%";
  }

  14.6666666667% {
    content: "11%";
  }

  16% {
    content: "12%";
  }

  17.3333333333% {
    content: "13%";
  }

  18.6666666667% {
    content: "14%";
  }

  20% {
    content: "15%";
  }

  21.3333333333% {
    content: "16%";
  }

  22.6666666667% {
    content: "17%";
  }

  24% {
    content: "18%";
  }

  25.3333333333% {
    content: "19%";
  }

  26.6666666667% {
    content: "20%";
  }

  28% {
    content: "21%";
  }

  29.3333333333% {
    content: "22%";
  }

  30.6666666667% {
    content: "23%";
  }

  32% {
    content: "24%";
  }

  33.3333333333% {
    content: "25%";
  }

  34.6666666667% {
    content: "26%";
  }

  36% {
    content: "27%";
  }

  37.3333333333% {
    content: "28%";
  }

  38.6666666667% {
    content: "29%";
  }

  40% {
    content: "30%";
  }

  41.3333333333% {
    content: "31%";
  }

  42.6666666667% {
    content: "32%";
  }

  44% {
    content: "33%";
  }

  45.3333333333% {
    content: "34%";
  }

  46.6666666667% {
    content: "35%";
  }

  48% {
    content: "36%";
  }

  49.3333333333% {
    content: "37%";
  }

  50.6666666667% {
    content: "38%";
  }

  52% {
    content: "39%";
  }

  53.3333333333% {
    content: "40%";
  }

  54.6666666667% {
    content: "41%";
  }

  56% {
    content: "42%";
  }

  57.3333333333% {
    content: "43%";
  }

  58.6666666667% {
    content: "44%";
  }

  60% {
    content: "45%";
  }

  61.3333333333% {
    content: "46%";
  }

  62.6666666667% {
    content: "47%";
  }

  64% {
    content: "48%";
  }

  65.3333333333% {
    content: "49%";
  }

  66.6666666667% {
    content: "50%";
  }

  68% {
    content: "51%";
  }

  69.3333333333% {
    content: "52%";
  }

  70.6666666667% {
    content: "53%";
  }

  72% {
    content: "54%";
  }

  73.3333333333% {
    content: "55%";
  }

  74.6666666667% {
    content: "56%";
  }

  76% {
    content: "57%";
  }

  77.3333333333% {
    content: "58%";
  }

  78.6666666667% {
    content: "59%";
  }

  80% {
    content: "60%";
  }

  81.3333333333% {
    content: "61%";
  }

  82.6666666667% {
    content: "62%";
  }

  84% {
    content: "63%";
  }

  85.3333333333% {
    content: "64%";
  }

  86.6666666667% {
    content: "65%";
  }

  88% {
    content: "66%";
  }

  89.3333333333% {
    content: "67%";
  }

  90.6666666667% {
    content: "68%";
  }

  92% {
    content: "69%";
  }

  93.3333333333% {
    content: "70%";
  }

  94.6666666667% {
    content: "71%";
  }

  96% {
    content: "72%";
  }

  97.3333333333% {
    content: "73%";
  }

  98.6666666667% {
    content: "74%";
  }

  to {
    content: "75%";
  }
}

@-webkit-keyframes go-6 {
  1.3333333333% {
    content: "1%";
  }

  2.6666666667% {
    content: "2%";
  }

  4% {
    content: "3%";
  }

  5.3333333333% {
    content: "4%";
  }

  6.6666666667% {
    content: "5%";
  }

  8% {
    content: "6%";
  }

  9.3333333333% {
    content: "7%";
  }

  10.6666666667% {
    content: "8%";
  }

  12% {
    content: "9%";
  }

  13.3333333333% {
    content: "10%";
  }

  14.6666666667% {
    content: "11%";
  }

  16% {
    content: "12%";
  }

  17.3333333333% {
    content: "13%";
  }

  18.6666666667% {
    content: "14%";
  }

  20% {
    content: "15%";
  }

  21.3333333333% {
    content: "16%";
  }

  22.6666666667% {
    content: "17%";
  }

  24% {
    content: "18%";
  }

  25.3333333333% {
    content: "19%";
  }

  26.6666666667% {
    content: "20%";
  }

  28% {
    content: "21%";
  }

  29.3333333333% {
    content: "22%";
  }

  30.6666666667% {
    content: "23%";
  }

  32% {
    content: "24%";
  }

  33.3333333333% {
    content: "25%";
  }

  34.6666666667% {
    content: "26%";
  }

  36% {
    content: "27%";
  }

  37.3333333333% {
    content: "28%";
  }

  38.6666666667% {
    content: "29%";
  }

  40% {
    content: "30%";
  }

  41.3333333333% {
    content: "31%";
  }

  42.6666666667% {
    content: "32%";
  }

  44% {
    content: "33%";
  }

  45.3333333333% {
    content: "34%";
  }

  46.6666666667% {
    content: "35%";
  }

  48% {
    content: "36%";
  }

  49.3333333333% {
    content: "37%";
  }

  50.6666666667% {
    content: "38%";
  }

  52% {
    content: "39%";
  }

  53.3333333333% {
    content: "40%";
  }

  54.6666666667% {
    content: "41%";
  }

  56% {
    content: "42%";
  }

  57.3333333333% {
    content: "43%";
  }

  58.6666666667% {
    content: "44%";
  }

  60% {
    content: "45%";
  }

  61.3333333333% {
    content: "46%";
  }

  62.6666666667% {
    content: "47%";
  }

  64% {
    content: "48%";
  }

  65.3333333333% {
    content: "49%";
  }

  66.6666666667% {
    content: "50%";
  }

  68% {
    content: "51%";
  }

  69.3333333333% {
    content: "52%";
  }

  70.6666666667% {
    content: "53%";
  }

  72% {
    content: "54%";
  }

  73.3333333333% {
    content: "55%";
  }

  74.6666666667% {
    content: "56%";
  }

  76% {
    content: "57%";
  }

  77.3333333333% {
    content: "58%";
  }

  78.6666666667% {
    content: "59%";
  }

  80% {
    content: "60%";
  }

  81.3333333333% {
    content: "61%";
  }

  82.6666666667% {
    content: "62%";
  }

  84% {
    content: "63%";
  }

  85.3333333333% {
    content: "64%";
  }

  86.6666666667% {
    content: "65%";
  }

  88% {
    content: "66%";
  }

  89.3333333333% {
    content: "67%";
  }

  90.6666666667% {
    content: "68%";
  }

  92% {
    content: "69%";
  }

  93.3333333333% {
    content: "70%";
  }

  94.6666666667% {
    content: "71%";
  }

  96% {
    content: "72%";
  }

  97.3333333333% {
    content: "73%";
  }

  98.6666666667% {
    content: "74%";
  }

  to {
    content: "75%";
  }
}

@keyframes go-6 {
  1.3333333333% {
    content: "1%";
  }

  2.6666666667% {
    content: "2%";
  }

  4% {
    content: "3%";
  }

  5.3333333333% {
    content: "4%";
  }

  6.6666666667% {
    content: "5%";
  }

  8% {
    content: "6%";
  }

  9.3333333333% {
    content: "7%";
  }

  10.6666666667% {
    content: "8%";
  }

  12% {
    content: "9%";
  }

  13.3333333333% {
    content: "10%";
  }

  14.6666666667% {
    content: "11%";
  }

  16% {
    content: "12%";
  }

  17.3333333333% {
    content: "13%";
  }

  18.6666666667% {
    content: "14%";
  }

  20% {
    content: "15%";
  }

  21.3333333333% {
    content: "16%";
  }

  22.6666666667% {
    content: "17%";
  }

  24% {
    content: "18%";
  }

  25.3333333333% {
    content: "19%";
  }

  26.6666666667% {
    content: "20%";
  }

  28% {
    content: "21%";
  }

  29.3333333333% {
    content: "22%";
  }

  30.6666666667% {
    content: "23%";
  }

  32% {
    content: "24%";
  }

  33.3333333333% {
    content: "25%";
  }

  34.6666666667% {
    content: "26%";
  }

  36% {
    content: "27%";
  }

  37.3333333333% {
    content: "28%";
  }

  38.6666666667% {
    content: "29%";
  }

  40% {
    content: "30%";
  }

  41.3333333333% {
    content: "31%";
  }

  42.6666666667% {
    content: "32%";
  }

  44% {
    content: "33%";
  }

  45.3333333333% {
    content: "34%";
  }

  46.6666666667% {
    content: "35%";
  }

  48% {
    content: "36%";
  }

  49.3333333333% {
    content: "37%";
  }

  50.6666666667% {
    content: "38%";
  }

  52% {
    content: "39%";
  }

  53.3333333333% {
    content: "40%";
  }

  54.6666666667% {
    content: "41%";
  }

  56% {
    content: "42%";
  }

  57.3333333333% {
    content: "43%";
  }

  58.6666666667% {
    content: "44%";
  }

  60% {
    content: "45%";
  }

  61.3333333333% {
    content: "46%";
  }

  62.6666666667% {
    content: "47%";
  }

  64% {
    content: "48%";
  }

  65.3333333333% {
    content: "49%";
  }

  66.6666666667% {
    content: "50%";
  }

  68% {
    content: "51%";
  }

  69.3333333333% {
    content: "52%";
  }

  70.6666666667% {
    content: "53%";
  }

  72% {
    content: "54%";
  }

  73.3333333333% {
    content: "55%";
  }

  74.6666666667% {
    content: "56%";
  }

  76% {
    content: "57%";
  }

  77.3333333333% {
    content: "58%";
  }

  78.6666666667% {
    content: "59%";
  }

  80% {
    content: "60%";
  }

  81.3333333333% {
    content: "61%";
  }

  82.6666666667% {
    content: "62%";
  }

  84% {
    content: "63%";
  }

  85.3333333333% {
    content: "64%";
  }

  86.6666666667% {
    content: "65%";
  }

  88% {
    content: "66%";
  }

  89.3333333333% {
    content: "67%";
  }

  90.6666666667% {
    content: "68%";
  }

  92% {
    content: "69%";
  }

  93.3333333333% {
    content: "70%";
  }

  94.6666666667% {
    content: "71%";
  }

  96% {
    content: "72%";
  }

  97.3333333333% {
    content: "73%";
  }

  98.6666666667% {
    content: "74%";
  }

  to {
    content: "75%";
  }
}

@-webkit-keyframes go-7 {
  2% {
    content: "1%";
  }

  4% {
    content: "2%";
  }

  6% {
    content: "3%";
  }

  8% {
    content: "4%";
  }

  10% {
    content: "5%";
  }

  12% {
    content: "6%";
  }

  14% {
    content: "7%";
  }

  16% {
    content: "8%";
  }

  18% {
    content: "9%";
  }

  20% {
    content: "10%";
  }

  22% {
    content: "11%";
  }

  24% {
    content: "12%";
  }

  26% {
    content: "13%";
  }

  28% {
    content: "14%";
  }

  30% {
    content: "15%";
  }

  32% {
    content: "16%";
  }

  34% {
    content: "17%";
  }

  36% {
    content: "18%";
  }

  38% {
    content: "19%";
  }

  40% {
    content: "20%";
  }

  42% {
    content: "21%";
  }

  44% {
    content: "22%";
  }

  46% {
    content: "23%";
  }

  48% {
    content: "24%";
  }

  50% {
    content: "25%";
  }

  52% {
    content: "26%";
  }

  54% {
    content: "27%";
  }

  56% {
    content: "28%";
  }

  58% {
    content: "29%";
  }

  60% {
    content: "30%";
  }

  62% {
    content: "31%";
  }

  64% {
    content: "32%";
  }

  66% {
    content: "33%";
  }

  68% {
    content: "34%";
  }

  70% {
    content: "35%";
  }

  72% {
    content: "36%";
  }

  74% {
    content: "37%";
  }

  76% {
    content: "38%";
  }

  78% {
    content: "39%";
  }

  80% {
    content: "40%";
  }

  82% {
    content: "41%";
  }

  84% {
    content: "42%";
  }

  86% {
    content: "43%";
  }

  88% {
    content: "44%";
  }

  90% {
    content: "45%";
  }

  92% {
    content: "46%";
  }

  94% {
    content: "47%";
  }

  96% {
    content: "48%";
  }

  98% {
    content: "49%";
  }

  to {
    content: "50%";
  }
}

@keyframes go-7 {
  2% {
    content: "1%";
  }

  4% {
    content: "2%";
  }

  6% {
    content: "3%";
  }

  8% {
    content: "4%";
  }

  10% {
    content: "5%";
  }

  12% {
    content: "6%";
  }

  14% {
    content: "7%";
  }

  16% {
    content: "8%";
  }

  18% {
    content: "9%";
  }

  20% {
    content: "10%";
  }

  22% {
    content: "11%";
  }

  24% {
    content: "12%";
  }

  26% {
    content: "13%";
  }

  28% {
    content: "14%";
  }

  30% {
    content: "15%";
  }

  32% {
    content: "16%";
  }

  34% {
    content: "17%";
  }

  36% {
    content: "18%";
  }

  38% {
    content: "19%";
  }

  40% {
    content: "20%";
  }

  42% {
    content: "21%";
  }

  44% {
    content: "22%";
  }

  46% {
    content: "23%";
  }

  48% {
    content: "24%";
  }

  50% {
    content: "25%";
  }

  52% {
    content: "26%";
  }

  54% {
    content: "27%";
  }

  56% {
    content: "28%";
  }

  58% {
    content: "29%";
  }

  60% {
    content: "30%";
  }

  62% {
    content: "31%";
  }

  64% {
    content: "32%";
  }

  66% {
    content: "33%";
  }

  68% {
    content: "34%";
  }

  70% {
    content: "35%";
  }

  72% {
    content: "36%";
  }

  74% {
    content: "37%";
  }

  76% {
    content: "38%";
  }

  78% {
    content: "39%";
  }

  80% {
    content: "40%";
  }

  82% {
    content: "41%";
  }

  84% {
    content: "42%";
  }

  86% {
    content: "43%";
  }

  88% {
    content: "44%";
  }

  90% {
    content: "45%";
  }

  92% {
    content: "46%";
  }

  94% {
    content: "47%";
  }

  96% {
    content: "48%";
  }

  98% {
    content: "49%";
  }

  to {
    content: "50%";
  }
}

@-webkit-keyframes go-8 {
  1.5384615385% {
    content: "1%";
  }

  3.0769230769% {
    content: "2%";
  }

  4.6153846154% {
    content: "3%";
  }

  6.1538461538% {
    content: "4%";
  }

  7.6923076923% {
    content: "5%";
  }

  9.2307692308% {
    content: "6%";
  }

  10.7692307692% {
    content: "7%";
  }

  12.3076923077% {
    content: "8%";
  }

  13.8461538462% {
    content: "9%";
  }

  15.3846153846% {
    content: "10%";
  }

  16.9230769231% {
    content: "11%";
  }

  18.4615384615% {
    content: "12%";
  }

  20% {
    content: "13%";
  }

  21.5384615385% {
    content: "14%";
  }

  23.0769230769% {
    content: "15%";
  }

  24.6153846154% {
    content: "16%";
  }

  26.1538461538% {
    content: "17%";
  }

  27.6923076923% {
    content: "18%";
  }

  29.2307692308% {
    content: "19%";
  }

  30.7692307692% {
    content: "20%";
  }

  32.3076923077% {
    content: "21%";
  }

  33.8461538462% {
    content: "22%";
  }

  35.3846153846% {
    content: "23%";
  }

  36.9230769231% {
    content: "24%";
  }

  38.4615384615% {
    content: "25%";
  }

  40% {
    content: "26%";
  }

  41.5384615385% {
    content: "27%";
  }

  43.0769230769% {
    content: "28%";
  }

  44.6153846154% {
    content: "29%";
  }

  46.1538461538% {
    content: "30%";
  }

  47.6923076923% {
    content: "31%";
  }

  49.2307692308% {
    content: "32%";
  }

  50.7692307692% {
    content: "33%";
  }

  52.3076923077% {
    content: "34%";
  }

  53.8461538462% {
    content: "35%";
  }

  55.3846153846% {
    content: "36%";
  }

  56.9230769231% {
    content: "37%";
  }

  58.4615384615% {
    content: "38%";
  }

  60% {
    content: "39%";
  }

  61.5384615385% {
    content: "40%";
  }

  63.0769230769% {
    content: "41%";
  }

  64.6153846154% {
    content: "42%";
  }

  66.1538461538% {
    content: "43%";
  }

  67.6923076923% {
    content: "44%";
  }

  69.2307692308% {
    content: "45%";
  }

  70.7692307692% {
    content: "46%";
  }

  72.3076923077% {
    content: "47%";
  }

  73.8461538462% {
    content: "48%";
  }

  75.3846153846% {
    content: "49%";
  }

  76.9230769231% {
    content: "50%";
  }

  78.4615384615% {
    content: "51%";
  }

  80% {
    content: "52%";
  }

  81.5384615385% {
    content: "53%";
  }

  83.0769230769% {
    content: "54%";
  }

  84.6153846154% {
    content: "55%";
  }

  86.1538461538% {
    content: "56%";
  }

  87.6923076923% {
    content: "57%";
  }

  89.2307692308% {
    content: "58%";
  }

  90.7692307692% {
    content: "59%";
  }

  92.3076923077% {
    content: "60%";
  }

  93.8461538462% {
    content: "61%";
  }

  95.3846153846% {
    content: "62%";
  }

  96.9230769231% {
    content: "63%";
  }

  98.4615384615% {
    content: "64%";
  }

  to {
    content: "65%";
  }
}

@keyframes go-8 {
  1.5384615385% {
    content: "1%";
  }

  3.0769230769% {
    content: "2%";
  }

  4.6153846154% {
    content: "3%";
  }

  6.1538461538% {
    content: "4%";
  }

  7.6923076923% {
    content: "5%";
  }

  9.2307692308% {
    content: "6%";
  }

  10.7692307692% {
    content: "7%";
  }

  12.3076923077% {
    content: "8%";
  }

  13.8461538462% {
    content: "9%";
  }

  15.3846153846% {
    content: "10%";
  }

  16.9230769231% {
    content: "11%";
  }

  18.4615384615% {
    content: "12%";
  }

  20% {
    content: "13%";
  }

  21.5384615385% {
    content: "14%";
  }

  23.0769230769% {
    content: "15%";
  }

  24.6153846154% {
    content: "16%";
  }

  26.1538461538% {
    content: "17%";
  }

  27.6923076923% {
    content: "18%";
  }

  29.2307692308% {
    content: "19%";
  }

  30.7692307692% {
    content: "20%";
  }

  32.3076923077% {
    content: "21%";
  }

  33.8461538462% {
    content: "22%";
  }

  35.3846153846% {
    content: "23%";
  }

  36.9230769231% {
    content: "24%";
  }

  38.4615384615% {
    content: "25%";
  }

  40% {
    content: "26%";
  }

  41.5384615385% {
    content: "27%";
  }

  43.0769230769% {
    content: "28%";
  }

  44.6153846154% {
    content: "29%";
  }

  46.1538461538% {
    content: "30%";
  }

  47.6923076923% {
    content: "31%";
  }

  49.2307692308% {
    content: "32%";
  }

  50.7692307692% {
    content: "33%";
  }

  52.3076923077% {
    content: "34%";
  }

  53.8461538462% {
    content: "35%";
  }

  55.3846153846% {
    content: "36%";
  }

  56.9230769231% {
    content: "37%";
  }

  58.4615384615% {
    content: "38%";
  }

  60% {
    content: "39%";
  }

  61.5384615385% {
    content: "40%";
  }

  63.0769230769% {
    content: "41%";
  }

  64.6153846154% {
    content: "42%";
  }

  66.1538461538% {
    content: "43%";
  }

  67.6923076923% {
    content: "44%";
  }

  69.2307692308% {
    content: "45%";
  }

  70.7692307692% {
    content: "46%";
  }

  72.3076923077% {
    content: "47%";
  }

  73.8461538462% {
    content: "48%";
  }

  75.3846153846% {
    content: "49%";
  }

  76.9230769231% {
    content: "50%";
  }

  78.4615384615% {
    content: "51%";
  }

  80% {
    content: "52%";
  }

  81.5384615385% {
    content: "53%";
  }

  83.0769230769% {
    content: "54%";
  }

  84.6153846154% {
    content: "55%";
  }

  86.1538461538% {
    content: "56%";
  }

  87.6923076923% {
    content: "57%";
  }

  89.2307692308% {
    content: "58%";
  }

  90.7692307692% {
    content: "59%";
  }

  92.3076923077% {
    content: "60%";
  }

  93.8461538462% {
    content: "61%";
  }

  95.3846153846% {
    content: "62%";
  }

  96.9230769231% {
    content: "63%";
  }

  98.4615384615% {
    content: "64%";
  }

  to {
    content: "65%";
  }
}

@-webkit-keyframes typed {
  .5592240896%, 0%, 15.6862745098%, 15.9653865546% {
    content: "П";
  }

  .5602240896%, 1.1194481793%, 15.406162465%, 15.6852745098% {
    content: "Пи";
  }

  1.1204481793%, 1.6796722689%, 15.1260504202%, 15.405162465% {
    content: "Пиш";
  }

  1.6806722689%, 14.8459383754%, 15.1250504202%, 2.2398963585% {
    content: "Пиши";
  }

  14.5658263305%, 14.8449383754%, 2.2408963585%, 2.8001204482% {
    content: "Пишит";
  }

  14.2857142857%, 14.5648263305%, 2.8011204482%, 3.3603445378% {
    content: "Пишите";
  }

  14.0056022409%, 14.2847142857%, 3.3613445378%, 3.9205686275% {
    content: "Пишите!";
  }

  13.7254901961%, 14.0046022409%, 3.9215686275%, 4.4807927171% {
    content: "Пишите!!";
  }

  13.7244901961%, 4.4817927171% {
    content: "Пишите!!!";
  }

  15.9663865546%, 27.1698683473%, 49.0196078431%, 60.2230896359%, 88.7955182073%, to {
    content: "​";
  }

  27.1708683473%, 27.730092437%, 48.7394957983%, 49.0186078431% {
    content: "Ж";
  }

  27.731092437%, 28.2903165266%, 48.4593837535%, 48.7384957983% {
    content: "Жд";
  }

  28.2913165266%, 28.8505406162%, 48.1792717087%, 48.4583837535% {
    content: "Жду";
  }

  28.8515406162%, 29.4107647059%, 47.8991596639%, 48.1782717087% {
    content: "Жду ";
  }

  29.4117647059%, 29.9709887955%, 47.619047619%, 47.8981596639% {
    content: "Жду в";
  }

  29.9719887955%, 30.5312128852%, 47.3389355742%, 47.618047619% {
    content: "Жду ва";
  }

  30.5322128852%, 31.0914369748%, 47.0588235294%, 47.3379355742% {
    content: "Жду ваш";
  }

  31.0924369748%, 31.6516610644%, 46.7787114846%, 47.0578235294% {
    content: "Жду ваши";
  }

  31.6526610644%, 32.2118851541%, 46.4985994398%, 46.7777114846% {
    content: "Жду ваших";
  }

  32.2128851541%, 32.7721092437%, 46.218487395%, 46.4975994398% {
    content: "Жду ваших ";
  }

  32.7731092437%, 33.3323333333%, 45.9383753501%, 46.217487395% {
    content: "Жду ваших п";
  }

  33.3333333333%, 33.892557423%, 45.6582633053%, 45.9373753501% {
    content: "Жду ваших пи";
  }

  33.893557423%, 34.4527815126%, 45.3781512605%, 45.6572633053% {
    content: "Жду ваших пис";
  }

  34.4537815126%, 35.0130056022%, 45.0980392157%, 45.3771512605% {
    content: "Жду ваших писе";
  }

  35.0140056022%, 35.5732296919%, 44.8179271709%, 45.0970392157% {
    content: "Жду ваших писем";
  }

  35.5742296919%, 44.8169271709% {
    content: "Жду ваших писем!";
  }

  60.2240896359%, 60.7833137255%, 88.5154061625%, 88.7945182073% {
    content: "Б";
  }

  60.7843137255%, 61.3435378151%, 88.2352941176%, 88.5144061625% {
    content: "Бу";
  }

  61.3445378151%, 61.9037619048%, 87.9551820728%, 88.2342941176% {
    content: "Буд";
  }

  61.9047619048%, 62.4639859944%, 87.675070028%, 87.9541820728% {
    content: "Буду";
  }

  62.4649859944%, 63.024210084%, 87.3949579832%, 87.674070028% {
    content: "Буду ";
  }

  63.025210084%, 63.5844341737%, 87.1148459384%, 87.3939579832% {
    content: "Буду р";
  }

  63.5854341737%, 64.1446582633%, 86.8347338936%, 87.1138459384% {
    content: "Буду ра";
  }

  64.1456582633%, 64.7048823529%, 86.5546218487%, 86.8337338936% {
    content: "Буду рад";
  }

  64.7058823529%, 65.2651064426%, 86.2745098039%, 86.5536218487% {
    content: "Буду рад ";
  }

  65.2661064426%, 65.8253305322%, 85.9943977591%, 86.2735098039% {
    content: "Буду рад п";
  }

  65.8263305322%, 66.3855546218%, 85.7142857143%, 85.9933977591% {
    content: "Буду рад по";
  }

  66.3865546218%, 66.9457787115%, 85.4341736695%, 85.7132857143% {
    content: "Буду рад поо";
  }

  66.9467787115%, 67.5060028011%, 85.1540616246%, 85.4331736695% {
    content: "Буду рад пооб";
  }

  67.5070028011%, 68.0662268908%, 84.8739495798%, 85.1530616246% {
    content: "Буду рад пообщ";
  }

  68.0672268908%, 68.6264509804%, 84.593837535%, 84.8729495798% {
    content: "Буду рад пообща";
  }

  68.6274509804%, 69.18667507%, 84.3137254902%, 84.592837535% {
    content: "Буду рад пообщат";
  }

  69.18767507%, 69.7468991597%, 84.0336134454%, 84.3127254902% {
    content: "Буду рад пообщать";
  }

  69.7478991597%, 70.3071232493%, 83.7535014006%, 84.0326134454% {
    content: "Буду рад пообщатьс";
  }

  70.3081232493%, 70.8673473389%, 83.4733893557%, 83.7525014006% {
    content: "Буду рад пообщаться";
  }

  70.8683473389%, 71.4275714286%, 83.1932773109%, 83.4723893557% {
    content: "Буду рад пообщаться ";
  }

  71.4285714286%, 71.9877955182%, 82.9131652661%, 83.1922773109% {
    content: "Буду рад пообщаться 🙋";
  }

  71.9887955182%, 72.5480196078%, 82.6330532213%, 82.9121652661% {
    content: "Буду рад пообщаться 🙋‍";
  }

  72.5490196078%, 73.1082436975%, 82.3529411765%, 82.6320532213% {
    content: "Буду рад пообщаться 🙋‍♂";
  }

  73.1092436975%, 82.3519411765% {
    content: "Буду рад пообщаться 🙋‍♂️";
  }
}

@keyframes typed {
  .5592240896%, 0%, 15.6862745098%, 15.9653865546% {
    content: "П";
  }

  .5602240896%, 1.1194481793%, 15.406162465%, 15.6852745098% {
    content: "Пи";
  }

  1.1204481793%, 1.6796722689%, 15.1260504202%, 15.405162465% {
    content: "Пиш";
  }

  1.6806722689%, 14.8459383754%, 15.1250504202%, 2.2398963585% {
    content: "Пиши";
  }

  14.5658263305%, 14.8449383754%, 2.2408963585%, 2.8001204482% {
    content: "Пишит";
  }

  14.2857142857%, 14.5648263305%, 2.8011204482%, 3.3603445378% {
    content: "Пишите";
  }

  14.0056022409%, 14.2847142857%, 3.3613445378%, 3.9205686275% {
    content: "Пишите!";
  }

  13.7254901961%, 14.0046022409%, 3.9215686275%, 4.4807927171% {
    content: "Пишите!!";
  }

  13.7244901961%, 4.4817927171% {
    content: "Пишите!!!";
  }

  15.9663865546%, 27.1698683473%, 49.0196078431%, 60.2230896359%, 88.7955182073%, to {
    content: "​";
  }

  27.1708683473%, 27.730092437%, 48.7394957983%, 49.0186078431% {
    content: "Ж";
  }

  27.731092437%, 28.2903165266%, 48.4593837535%, 48.7384957983% {
    content: "Жд";
  }

  28.2913165266%, 28.8505406162%, 48.1792717087%, 48.4583837535% {
    content: "Жду";
  }

  28.8515406162%, 29.4107647059%, 47.8991596639%, 48.1782717087% {
    content: "Жду ";
  }

  29.4117647059%, 29.9709887955%, 47.619047619%, 47.8981596639% {
    content: "Жду в";
  }

  29.9719887955%, 30.5312128852%, 47.3389355742%, 47.618047619% {
    content: "Жду ва";
  }

  30.5322128852%, 31.0914369748%, 47.0588235294%, 47.3379355742% {
    content: "Жду ваш";
  }

  31.0924369748%, 31.6516610644%, 46.7787114846%, 47.0578235294% {
    content: "Жду ваши";
  }

  31.6526610644%, 32.2118851541%, 46.4985994398%, 46.7777114846% {
    content: "Жду ваших";
  }

  32.2128851541%, 32.7721092437%, 46.218487395%, 46.4975994398% {
    content: "Жду ваших ";
  }

  32.7731092437%, 33.3323333333%, 45.9383753501%, 46.217487395% {
    content: "Жду ваших п";
  }

  33.3333333333%, 33.892557423%, 45.6582633053%, 45.9373753501% {
    content: "Жду ваших пи";
  }

  33.893557423%, 34.4527815126%, 45.3781512605%, 45.6572633053% {
    content: "Жду ваших пис";
  }

  34.4537815126%, 35.0130056022%, 45.0980392157%, 45.3771512605% {
    content: "Жду ваших писе";
  }

  35.0140056022%, 35.5732296919%, 44.8179271709%, 45.0970392157% {
    content: "Жду ваших писем";
  }

  35.5742296919%, 44.8169271709% {
    content: "Жду ваших писем!";
  }

  60.2240896359%, 60.7833137255%, 88.5154061625%, 88.7945182073% {
    content: "Б";
  }

  60.7843137255%, 61.3435378151%, 88.2352941176%, 88.5144061625% {
    content: "Бу";
  }

  61.3445378151%, 61.9037619048%, 87.9551820728%, 88.2342941176% {
    content: "Буд";
  }

  61.9047619048%, 62.4639859944%, 87.675070028%, 87.9541820728% {
    content: "Буду";
  }

  62.4649859944%, 63.024210084%, 87.3949579832%, 87.674070028% {
    content: "Буду ";
  }

  63.025210084%, 63.5844341737%, 87.1148459384%, 87.3939579832% {
    content: "Буду р";
  }

  63.5854341737%, 64.1446582633%, 86.8347338936%, 87.1138459384% {
    content: "Буду ра";
  }

  64.1456582633%, 64.7048823529%, 86.5546218487%, 86.8337338936% {
    content: "Буду рад";
  }

  64.7058823529%, 65.2651064426%, 86.2745098039%, 86.5536218487% {
    content: "Буду рад ";
  }

  65.2661064426%, 65.8253305322%, 85.9943977591%, 86.2735098039% {
    content: "Буду рад п";
  }

  65.8263305322%, 66.3855546218%, 85.7142857143%, 85.9933977591% {
    content: "Буду рад по";
  }

  66.3865546218%, 66.9457787115%, 85.4341736695%, 85.7132857143% {
    content: "Буду рад поо";
  }

  66.9467787115%, 67.5060028011%, 85.1540616246%, 85.4331736695% {
    content: "Буду рад пооб";
  }

  67.5070028011%, 68.0662268908%, 84.8739495798%, 85.1530616246% {
    content: "Буду рад пообщ";
  }

  68.0672268908%, 68.6264509804%, 84.593837535%, 84.8729495798% {
    content: "Буду рад пообща";
  }

  68.6274509804%, 69.18667507%, 84.3137254902%, 84.592837535% {
    content: "Буду рад пообщат";
  }

  69.18767507%, 69.7468991597%, 84.0336134454%, 84.3127254902% {
    content: "Буду рад пообщать";
  }

  69.7478991597%, 70.3071232493%, 83.7535014006%, 84.0326134454% {
    content: "Буду рад пообщатьс";
  }

  70.3081232493%, 70.8673473389%, 83.4733893557%, 83.7525014006% {
    content: "Буду рад пообщаться";
  }

  70.8683473389%, 71.4275714286%, 83.1932773109%, 83.4723893557% {
    content: "Буду рад пообщаться ";
  }

  71.4285714286%, 71.9877955182%, 82.9131652661%, 83.1922773109% {
    content: "Буду рад пообщаться 🙋";
  }

  71.9887955182%, 72.5480196078%, 82.6330532213%, 82.9121652661% {
    content: "Буду рад пообщаться 🙋‍";
  }

  72.5490196078%, 73.1082436975%, 82.3529411765%, 82.6320532213% {
    content: "Буду рад пообщаться 🙋‍♂";
  }

  73.1092436975%, 82.3519411765% {
    content: "Буду рад пообщаться 🙋‍♂️";
  }
}

@-webkit-keyframes typed1 {
  0%, 2.5306455696%, 48.1012658228%, 49.3660886076% {
    content: "И";
  }

  2.5316455696%, 46.835443038%, 48.1002658228%, 5.0622911392% {
    content: "Им";
  }

  46.834443038%, 5.0632911392% {
    content: "Имя";
  }

  49.3670886076%, to {
    content: "​";
  }
}

@keyframes typed1 {
  0%, 2.5306455696%, 48.1012658228%, 49.3660886076% {
    content: "И";
  }

  2.5316455696%, 46.835443038%, 48.1002658228%, 5.0622911392% {
    content: "Им";
  }

  46.834443038%, 5.0632911392% {
    content: "Имя";
  }

  49.3670886076%, to {
    content: "​";
  }
}

@-webkit-keyframes typed2 {
  0%, 2.3519411765%, 51.7647058824%, 52.9401764706% {
    content: "E";
  }

  2.3529411765%, 4.7048823529%, 50.5882352941%, 51.7637058824% {
    content: "Em";
  }

  4.7058823529%, 49.4117647059%, 50.5872352941%, 7.0578235294% {
    content: "Ema";
  }

  48.2352941176%, 49.4107647059%, 7.0588235294%, 9.4107647059% {
    content: "Emai";
  }

  48.2342941176%, 9.4117647059% {
    content: "Email";
  }

  52.9411764706%, to {
    content: "​";
  }
}

@keyframes typed2 {
  0%, 2.3519411765%, 51.7647058824%, 52.9401764706% {
    content: "E";
  }

  2.3529411765%, 4.7048823529%, 50.5882352941%, 51.7637058824% {
    content: "Em";
  }

  4.7058823529%, 49.4117647059%, 50.5872352941%, 7.0578235294% {
    content: "Ema";
  }

  48.2352941176%, 49.4107647059%, 7.0588235294%, 9.4107647059% {
    content: "Emai";
  }

  48.2342941176%, 9.4117647059% {
    content: "Email";
  }

  52.9411764706%, to {
    content: "​";
  }
}

@-webkit-keyframes typed3 {
  0%, 2.1968021978%, 54.9450549451%, 56.042956044% {
    content: "Т";
  }

  2.1978021978%, 4.3946043956%, 53.8461538462%, 54.9440549451% {
    content: "Те";
  }

  4.3956043956%, 52.7472527473%, 53.8451538462%, 6.5924065934% {
    content: "Тел";
  }

  51.6483516484%, 52.7462527473%, 6.5934065934%, 8.7902087912% {
    content: "Теле";
  }

  10.988010989%, 50.5494505495%, 51.6473516484%, 8.7912087912% {
    content: "Телеф";
  }

  10.989010989%, 13.1858131868%, 49.4505494505%, 50.5484505495% {
    content: "Телефо";
  }

  13.1868131868%, 49.4495494505% {
    content: "Телефон";
  }

  56.043956044%, to {
    content: "​";
  }
}

@keyframes typed3 {
  0%, 2.1968021978%, 54.9450549451%, 56.042956044% {
    content: "Т";
  }

  2.1978021978%, 4.3946043956%, 53.8461538462%, 54.9440549451% {
    content: "Те";
  }

  4.3956043956%, 52.7472527473%, 53.8451538462%, 6.5924065934% {
    content: "Тел";
  }

  51.6483516484%, 52.7462527473%, 6.5934065934%, 8.7902087912% {
    content: "Теле";
  }

  10.988010989%, 50.5494505495%, 51.6473516484%, 8.7912087912% {
    content: "Телеф";
  }

  10.989010989%, 13.1858131868%, 49.4505494505%, 50.5484505495% {
    content: "Телефо";
  }

  13.1868131868%, 49.4495494505% {
    content: "Телефон";
  }

  56.043956044%, to {
    content: "​";
  }
}

@-webkit-keyframes typed4 {
  0%, 2.0608556701%, 57.7319587629%, 58.7618865979% {
    content: "С";
  }

  2.0618556701%, 4.1227113402%, 56.7010309278%, 57.7309587629% {
    content: "Со";
  }

  4.1237113402%, 55.6701030928%, 56.7000309278%, 6.1845670103% {
    content: "Соо";
  }

  54.6391752577%, 55.6691030928%, 6.1855670103%, 8.2464226804% {
    content: "Сооб";
  }

  10.3082783505%, 53.6082474227%, 54.6381752577%, 8.2474226804% {
    content: "Сообщ";
  }

  10.3092783505%, 12.3701340206%, 52.5773195876%, 53.6072474227% {
    content: "Сообще";
  }

  12.3711340206%, 14.4319896907%, 51.5463917526%, 52.5763195876% {
    content: "Сообщен";
  }

  14.4329896907%, 16.4938453608%, 50.5154639175%, 51.5453917526% {
    content: "Сообщени";
  }

  16.4948453608%, 50.5144639175% {
    content: "Сообщение";
  }

  58.7628865979%, to {
    content: "​";
  }
}

@keyframes typed4 {
  0%, 2.0608556701%, 57.7319587629%, 58.7618865979% {
    content: "С";
  }

  2.0618556701%, 4.1227113402%, 56.7010309278%, 57.7309587629% {
    content: "Со";
  }

  4.1237113402%, 55.6701030928%, 56.7000309278%, 6.1845670103% {
    content: "Соо";
  }

  54.6391752577%, 55.6691030928%, 6.1855670103%, 8.2464226804% {
    content: "Сооб";
  }

  10.3082783505%, 53.6082474227%, 54.6381752577%, 8.2474226804% {
    content: "Сообщ";
  }

  10.3092783505%, 12.3701340206%, 52.5773195876%, 53.6072474227% {
    content: "Сообще";
  }

  12.3711340206%, 14.4319896907%, 51.5463917526%, 52.5763195876% {
    content: "Сообщен";
  }

  14.4329896907%, 16.4938453608%, 50.5154639175%, 51.5453917526% {
    content: "Сообщени";
  }

  16.4948453608%, 50.5144639175% {
    content: "Сообщение";
  }

  58.7628865979%, to {
    content: "​";
  }
}

@-webkit-keyframes fancybox-rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes fancybox-rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }

  to {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}

@keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }

  to {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}

@-webkit-keyframes fancybox-fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fancybox-fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fancybox-fadeOut {
  to {
    opacity: 0;
  }
}

@keyframes fancybox-fadeOut {
  to {
    opacity: 0;
  }
}

@-webkit-keyframes fancybox-zoomInUp {
  0% {
    -webkit-transform: scale(.97) translate3d(0,16px,0);
            transform: scale(.97) translate3d(0,16px,0);
    opacity: 0;
  }

  to {
    -webkit-transform: scale(1) translate3d(0,0,0);
            transform: scale(1) translate3d(0,0,0);
    opacity: 1;
  }
}

@keyframes fancybox-zoomInUp {
  0% {
    -webkit-transform: scale(.97) translate3d(0,16px,0);
            transform: scale(.97) translate3d(0,16px,0);
    opacity: 0;
  }

  to {
    -webkit-transform: scale(1) translate3d(0,0,0);
            transform: scale(1) translate3d(0,0,0);
    opacity: 1;
  }
}

@-webkit-keyframes fancybox-zoomOutDown {
  to {
    -webkit-transform: scale(.97) translate3d(0,16px,0);
            transform: scale(.97) translate3d(0,16px,0);
    opacity: 0;
  }
}

@keyframes fancybox-zoomOutDown {
  to {
    -webkit-transform: scale(.97) translate3d(0,16px,0);
            transform: scale(.97) translate3d(0,16px,0);
    opacity: 0;
  }
}

@-webkit-keyframes fancybox-throwOutUp {
  to {
    -webkit-transform: translate3d(0,-30%,0);
            transform: translate3d(0,-30%,0);
    opacity: 0;
  }
}

@keyframes fancybox-throwOutUp {
  to {
    -webkit-transform: translate3d(0,-30%,0);
            transform: translate3d(0,-30%,0);
    opacity: 0;
  }
}

@-webkit-keyframes fancybox-throwOutDown {
  to {
    -webkit-transform: translate3d(0,30%,0);
            transform: translate3d(0,30%,0);
    opacity: 0;
  }
}

@keyframes fancybox-throwOutDown {
  to {
    -webkit-transform: translate3d(0,30%,0);
            transform: translate3d(0,30%,0);
    opacity: 0;
  }
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
            transform: translate(-50%,-50%) rotate(0deg);
  }

  to {
    -webkit-transform: translate(-50%,-50%) rotate(-360deg);
            transform: translate(-50%,-50%) rotate(-360deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
            transform: translate(-50%,-50%) rotate(0deg);
  }

  to {
    -webkit-transform: translate(-50%,-50%) rotate(-360deg);
            transform: translate(-50%,-50%) rotate(-360deg);
  }
}

@keyframes noise-anim {
  0% {
    clip: rect(21px,9999px,57px,0);
  }

  5% {
    clip: rect(21px,9999px,80px,0);
  }

  10% {
    clip: rect(55px,9999px,69px,0);
  }

  15% {
    clip: rect(22px,9999px,55px,0);
  }

  20% {
    clip: rect(38px,9999px,69px,0);
  }

  25% {
    clip: rect(31px,9999px,84px,0);
  }

  30% {
    clip: rect(15px,9999px,28px,0);
  }

  35% {
    clip: rect(16px,9999px,100px,0);
  }

  40% {
    clip: rect(25px,9999px,10px,0);
  }

  45% {
    clip: rect(19px,9999px,19px,0);
  }

  50% {
    clip: rect(71px,9999px,35px,0);
  }

  55% {
    clip: rect(89px,9999px,21px,0);
  }

  60% {
    clip: rect(20px,9999px,34px,0);
  }

  65% {
    clip: rect(22px,9999px,61px,0);
  }

  70% {
    clip: rect(65px,9999px,28px,0);
  }

  75% {
    clip: rect(82px,9999px,47px,0);
  }

  80% {
    clip: rect(64px,9999px,11px,0);
  }

  85% {
    clip: rect(63px,9999px,28px,0);
  }

  90% {
    clip: rect(60px,9999px,60px,0);
  }

  95% {
    clip: rect(9px,9999px,90px,0);
  }

  to {
    clip: rect(40px,9999px,62px,0);
  }
}

@-webkit-keyframes noise-anim {
  0% {
    clip: rect(21px,9999px,57px,0);
  }

  5% {
    clip: rect(21px,9999px,80px,0);
  }

  10% {
    clip: rect(55px,9999px,69px,0);
  }

  15% {
    clip: rect(22px,9999px,55px,0);
  }

  20% {
    clip: rect(38px,9999px,69px,0);
  }

  25% {
    clip: rect(31px,9999px,84px,0);
  }

  30% {
    clip: rect(15px,9999px,28px,0);
  }

  35% {
    clip: rect(16px,9999px,100px,0);
  }

  40% {
    clip: rect(25px,9999px,10px,0);
  }

  45% {
    clip: rect(19px,9999px,19px,0);
  }

  50% {
    clip: rect(71px,9999px,35px,0);
  }

  55% {
    clip: rect(89px,9999px,21px,0);
  }

  60% {
    clip: rect(20px,9999px,34px,0);
  }

  65% {
    clip: rect(22px,9999px,61px,0);
  }

  70% {
    clip: rect(65px,9999px,28px,0);
  }

  75% {
    clip: rect(82px,9999px,47px,0);
  }

  80% {
    clip: rect(64px,9999px,11px,0);
  }

  85% {
    clip: rect(63px,9999px,28px,0);
  }

  90% {
    clip: rect(60px,9999px,60px,0);
  }

  95% {
    clip: rect(9px,9999px,90px,0);
  }

  to {
    clip: rect(40px,9999px,62px,0);
  }
}

@keyframes noise-anim-2 {
  0% {
    clip: rect(77px,9999px,63px,0);
  }

  5% {
    clip: rect(7px,9999px,6px,0);
  }

  10% {
    clip: rect(82px,9999px,78px,0);
  }

  15% {
    clip: rect(85px,9999px,25px,0);
  }

  20% {
    clip: rect(93px,9999px,38px,0);
  }

  25% {
    clip: rect(70px,9999px,96px,0);
  }

  30% {
    clip: rect(41px,9999px,72px,0);
  }

  35% {
    clip: rect(39px,9999px,65px,0);
  }

  40% {
    clip: rect(36px,9999px,34px,0);
  }

  45% {
    clip: rect(84px,9999px,96px,0);
  }

  50% {
    clip: rect(99px,9999px,45px,0);
  }

  55% {
    clip: rect(37px,9999px,73px,0);
  }

  60% {
    clip: rect(63px,9999px,20px,0);
  }

  65% {
    clip: rect(55px,9999px,44px,0);
  }

  70% {
    clip: rect(58px,9999px,11px,0);
  }

  75% {
    clip: rect(61px,9999px,82px,0);
  }

  80% {
    clip: rect(60px,9999px,9px,0);
  }

  85% {
    clip: rect(37px,9999px,69px,0);
  }

  90% {
    clip: rect(32px,9999px,64px,0);
  }

  95% {
    clip: rect(63px,9999px,16px,0);
  }

  to {
    clip: rect(47px,9999px,34px,0);
  }
}

@-webkit-keyframes noise-anim-2 {
  0% {
    clip: rect(77px,9999px,63px,0);
  }

  5% {
    clip: rect(7px,9999px,6px,0);
  }

  10% {
    clip: rect(82px,9999px,78px,0);
  }

  15% {
    clip: rect(85px,9999px,25px,0);
  }

  20% {
    clip: rect(93px,9999px,38px,0);
  }

  25% {
    clip: rect(70px,9999px,96px,0);
  }

  30% {
    clip: rect(41px,9999px,72px,0);
  }

  35% {
    clip: rect(39px,9999px,65px,0);
  }

  40% {
    clip: rect(36px,9999px,34px,0);
  }

  45% {
    clip: rect(84px,9999px,96px,0);
  }

  50% {
    clip: rect(99px,9999px,45px,0);
  }

  55% {
    clip: rect(37px,9999px,73px,0);
  }

  60% {
    clip: rect(63px,9999px,20px,0);
  }

  65% {
    clip: rect(55px,9999px,44px,0);
  }

  70% {
    clip: rect(58px,9999px,11px,0);
  }

  75% {
    clip: rect(61px,9999px,82px,0);
  }

  80% {
    clip: rect(60px,9999px,9px,0);
  }

  85% {
    clip: rect(37px,9999px,69px,0);
  }

  90% {
    clip: rect(32px,9999px,64px,0);
  }

  95% {
    clip: rect(63px,9999px,16px,0);
  }

  to {
    clip: rect(47px,9999px,34px,0);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }

  to {
    -webkit-transform: translateY(-350vh) rotate(720deg);
            transform: translateY(-350vh) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}

@keyframes spin {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }

  to {
    -webkit-transform: translateY(-350vh) rotate(720deg);
            transform: translateY(-350vh) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}

@-webkit-keyframes ef2 {
  to {
    -webkit-transform: translate(200px,-5%);
            transform: translate(200px,-5%);
  }
}

@keyframes ef2 {
  to {
    -webkit-transform: translate(200px,-5%);
            transform: translate(200px,-5%);
  }
}

@-webkit-keyframes scroll-down-anim {
  0% {
    opacity: 0;
    height: 6px;
  }

  40% {
    opacity: 1;
    height: 10px;
  }

  80% {
    -webkit-transform: translate(0,20px);
            transform: translate(0,20px);
    height: 10px;
    opacity: 0;
  }

  to {
    height: 3px;
    opacity: 0;
  }
}

@keyframes scroll-down-anim {
  0% {
    opacity: 0;
    height: 6px;
  }

  40% {
    opacity: 1;
    height: 10px;
  }

  80% {
    -webkit-transform: translate(0,20px);
            transform: translate(0,20px);
    height: 10px;
    opacity: 0;
  }

  to {
    height: 3px;
    opacity: 0;
  }
}

@-webkit-keyframes pulse {
  0% {
    opacity: 0;
  }

  to {
    opacity: .5;
  }
}

@keyframes pulse {
  0% {
    opacity: 0;
  }

  to {
    opacity: .5;
  }
}

@-webkit-keyframes modalopen {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes modalopen {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes openLeft {
  0% {
    -webkit-transform: translate3d(77%,0,0);
            transform: translate3d(77%,0,0);
    -webkit-animation-timing-function: cubic-bezier(0,0,.22,1.055);
            animation-timing-function: cubic-bezier(0,0,.22,1.055);
  }

  to {
    -webkit-transform: translate3d(1%,0,0);
            transform: translate3d(1%,0,0);
  }
}

@keyframes openLeft {
  0% {
    -webkit-transform: translate3d(77%,0,0);
            transform: translate3d(77%,0,0);
    -webkit-animation-timing-function: cubic-bezier(0,0,.22,1.055);
            animation-timing-function: cubic-bezier(0,0,.22,1.055);
  }

  to {
    -webkit-transform: translate3d(1%,0,0);
            transform: translate3d(1%,0,0);
  }
}

@-webkit-keyframes openRight {
  0% {
    -webkit-transform: translate3d(-33%,0,0);
            transform: translate3d(-33%,0,0);
    -webkit-animation-timing-function: cubic-bezier(0,0,.22,1.055);
            animation-timing-function: cubic-bezier(0,0,.22,1.055);
  }

  to {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
}

@keyframes openRight {
  0% {
    -webkit-transform: translate3d(-33%,0,0);
            transform: translate3d(-33%,0,0);
    -webkit-animation-timing-function: cubic-bezier(0,0,.22,1.055);
            animation-timing-function: cubic-bezier(0,0,.22,1.055);
  }

  to {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
}

@-webkit-keyframes closeLeft {
  0% {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  to {
    -webkit-transform: translate3d(77%,0,0);
            transform: translate3d(77%,0,0);
    -webkit-animation-timing-function: cubic-bezier(0,0,.22,1.055);
            animation-timing-function: cubic-bezier(0,0,.22,1.055);
  }
}

@keyframes closeLeft {
  0% {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  to {
    -webkit-transform: translate3d(77%,0,0);
            transform: translate3d(77%,0,0);
    -webkit-animation-timing-function: cubic-bezier(0,0,.22,1.055);
            animation-timing-function: cubic-bezier(0,0,.22,1.055);
  }
}

@-webkit-keyframes closeRight {
  0% {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  to {
    -webkit-transform: translate3d(-33%,0,0);
            transform: translate3d(-33%,0,0);
    -webkit-animation-timing-function: cubic-bezier(0,0,.22,1.055);
            animation-timing-function: cubic-bezier(0,0,.22,1.055);
  }
}

@keyframes closeRight {
  0% {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  to {
    -webkit-transform: translate3d(-33%,0,0);
            transform: translate3d(-33%,0,0);
    -webkit-animation-timing-function: cubic-bezier(0,0,.22,1.055);
            animation-timing-function: cubic-bezier(0,0,.22,1.055);
  }
}

@-webkit-keyframes themeSwitchOff {
  0% {
    -webkit-transform: translate3d(calc(13px + 8*(100vw - 320px)/1600),0,0);
            transform: translate3d(calc(13px + 8*(100vw - 320px)/1600),0,0);
    -webkit-animation-timing-function: cubic-bezier(0,0,.22,1.055);
            animation-timing-function: cubic-bezier(0,0,.22,1.055);
  }

  to {
    -webkit-transform: translate3d(2px,0,0);
            transform: translate3d(2px,0,0);
  }
}

@keyframes themeSwitchOff {
  0% {
    -webkit-transform: translate3d(calc(13px + 8*(100vw - 320px)/1600),0,0);
            transform: translate3d(calc(13px + 8*(100vw - 320px)/1600),0,0);
    -webkit-animation-timing-function: cubic-bezier(0,0,.22,1.055);
            animation-timing-function: cubic-bezier(0,0,.22,1.055);
  }

  to {
    -webkit-transform: translate3d(2px,0,0);
            transform: translate3d(2px,0,0);
  }
}

@-webkit-keyframes themeSwitchOn {
  0% {
    -webkit-transform: translate3d(3px,0,0);
            transform: translate3d(3px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0,0,.22,1.055);
            animation-timing-function: cubic-bezier(0,0,.22,1.055);
  }

  to {
    -webkit-transform: translate3d(calc(13px + 8*(100vw - 320px)/1600),0,0);
            transform: translate3d(calc(13px + 8*(100vw - 320px)/1600),0,0);
  }
}

@keyframes themeSwitchOn {
  0% {
    -webkit-transform: translate3d(3px,0,0);
            transform: translate3d(3px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0,0,.22,1.055);
            animation-timing-function: cubic-bezier(0,0,.22,1.055);
  }

  to {
    -webkit-transform: translate3d(calc(13px + 8*(100vw - 320px)/1600),0,0);
            transform: translate3d(calc(13px + 8*(100vw - 320px)/1600),0,0);
  }
}

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000000;
  --bs-white: #FFFFFF;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

* {
  outline: 0;
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}

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

body,
html {
  height: 100%;
  min-width: 320px;
}

body,
button,
input,
textarea {
  font-family: "Comfortaa",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

body {
  font-size: rem(16);
  line-height: 1;
  color: #000;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  color: var(--text-color);
  background-color: #3f3f3f;
  background-image: -o-radial-gradient(rgba(244,244,244,.125),rgba(244,244,244,0)),-o-linear-gradient(top,var(--colorChange),var(--colorChange) 2px,#111 calc(16px + -13*(100vw - 320px)/1600));
  background-image: radial-gradient(rgba(244,244,244,.125),rgba(244,244,244,0)),linear-gradient(to bottom,var(--colorChange),var(--colorChange) 2px,#111 calc(16px + -13*(100vw - 320px)/1600));
  background-repeat: repeat-y;
  background-position: center center;
  background-size: cover,100% 3px;
}

button,
input,
textarea {
  font-size: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
  outline: 0;
  border: 0;
  background-color: inherit;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

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

a {
  color: inherit;
}

ol li,
ul {
  list-style: none;
}

img {
  vertical-align: top;
}

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

@font-face {
  font-family: AmaticSC;
  font-display: swap;
  src: url(../fonts/AmaticSC-Regular.woff2) format("woff2"),url(../fonts/AmaticSC-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: AmaticSC;
  font-display: swap;
  src: url(../fonts/AmaticSC-Bold.woff2) format("woff2"),url(../fonts/AmaticSC-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: BadScript;
  font-display: swap;
  src: url(../fonts/BadScript-Regular.woff2) format("woff2"),url(../fonts/BadScript-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Caveat;
  font-display: swap;
  src: url(../fonts/Caveat-Bold.woff2) format("woff2"),url(../fonts/Caveat-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Caveat;
  font-display: swap;
  src: url(../fonts/Caveat-Medium.woff2) format("woff2"),url(../fonts/Caveat-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Caveat;
  font-display: swap;
  src: url(../fonts/Caveat-SemiBold.woff2) format("woff2"),url(../fonts/Caveat-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Caveat;
  font-display: swap;
  src: url(../fonts/Caveat-VariableFont_wght.woff2) format("woff2"),url(../fonts/Caveat-VariableFont_wght.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Comfortaa;
  font-display: swap;
  src: url(../fonts/Comfortaa-Bold.woff2) format("woff2"),url(../fonts/Comfortaa-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Caveat;
  font-display: swap;
  src: url(../fonts/Caveat-Regular.woff2) format("woff2"),url(../fonts/Caveat-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Comfortaa;
  font-display: swap;
  src: url(../fonts/Comfortaa-Medium.woff2) format("woff2"),url(../fonts/Comfortaa-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Comfortaa;
  font-display: swap;
  src: url(../fonts/Comfortaa-Regular.woff2) format("woff2"),url(../fonts/Comfortaa-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-Black.woff2) format("woff2"),url(../fonts/Exo2-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: Comfortaa;
  font-display: swap;
  src: url(../fonts/Comfortaa-Light.woff2) format("woff2"),url(../fonts/Comfortaa-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-BlackItalic.woff2) format("woff2"),url(../fonts/Exo2-BlackItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-Bold.woff2) format("woff2"),url(../fonts/Exo2-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

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

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-ExtraBold.woff2) format("woff2"),url(../fonts/Exo2-ExtraBold.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-ExtraBoldItalic.woff2) format("woff2"),url(../fonts/Exo2-ExtraBoldItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-BoldItalic.woff2) format("woff2"),url(../fonts/Exo2-BoldItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-ExtraLightItalic.woff2) format("woff2"),url(../fonts/Exo2-ExtraLightItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-ExtraLight.woff2) format("woff2"),url(../fonts/Exo2-ExtraLight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-Light.woff2) format("woff2"),url(../fonts/Exo2-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-LightItalic.woff2) format("woff2"),url(../fonts/Exo2-LightItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-Medium.woff2) format("woff2"),url(../fonts/Exo2-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-MediumItalic.woff2) format("woff2"),url(../fonts/Exo2-MediumItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-Regular.woff2) format("woff2"),url(../fonts/Exo2-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-SemiBold.woff2) format("woff2"),url(../fonts/Exo2-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-SemiBoldItalic.woff2) format("woff2"),url(../fonts/Exo2-SemiBoldItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-Italic.woff2) format("woff2"),url(../fonts/Exo2-Italic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-ThinItalic.woff2) format("woff2"),url(../fonts/Exo2-ThinItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

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

@font-face {
  font-family: Exo2;
  font-display: swap;
  src: url(../fonts/Exo2-Thin.woff2) format("woff2"),url(../fonts/Exo2-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: Jura;
  font-display: swap;
  src: url(../fonts/Jura-Light.woff2) format("woff2"),url(../fonts/Jura-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Jura;
  font-display: swap;
  src: url(../fonts/Jura-Medium.woff2) format("woff2"),url(../fonts/Jura-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Jura;
  font-display: swap;
  src: url(../fonts/Jura-Bold.woff2) format("woff2"),url(../fonts/Jura-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Jura;
  font-display: swap;
  src: url(../fonts/Jura-Regular.woff2) format("woff2"),url(../fonts/Jura-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Jura;
  font-display: swap;
  src: url(../fonts/Jura-SemiBold.woff2) format("woff2"),url(../fonts/Jura-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Lobster;
  font-display: swap;
  src: url(../fonts/Lobster-Regular.woff2) format("woff2"),url(../fonts/Lobster-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Pacifico;
  font-display: swap;
  src: url(../fonts/Pacifico-Regular.woff2) format("woff2"),url(../fonts/Pacifico-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-Black.woff2) format("woff2"),url(../fonts/Raleway-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: PoiretOne;
  font-display: swap;
  src: url(../fonts/PoiretOne-Regular.woff2) format("woff2"),url(../fonts/PoiretOne-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-Bold.woff2) format("woff2"),url(../fonts/Raleway-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: PTMono;
  font-display: swap;
  src: url(../fonts/PTMono-Regular.woff2) format("woff2"),url(../fonts/PTMono-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-BoldItalic.woff2) format("woff2"),url(../fonts/Raleway-BoldItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-BlackItalic.woff2) format("woff2"),url(../fonts/Raleway-BlackItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-ExtraBoldItalic.woff2) format("woff2"),url(../fonts/Raleway-ExtraBoldItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-ExtraLight.woff2) format("woff2"),url(../fonts/Raleway-ExtraLight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-ExtraBold.woff2) format("woff2"),url(../fonts/Raleway-ExtraBold.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-ExtraLightItalic.woff2) format("woff2"),url(../fonts/Raleway-ExtraLightItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-Italic.woff2) format("woff2"),url(../fonts/Raleway-Italic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-Light.woff2) format("woff2"),url(../fonts/Raleway-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-LightItalic.woff2) format("woff2"),url(../fonts/Raleway-LightItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-Medium.woff2) format("woff2"),url(../fonts/Raleway-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-MediumItalic.woff2) format("woff2"),url(../fonts/Raleway-MediumItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-Regular.woff2) format("woff2"),url(../fonts/Raleway-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-SemiBold.woff2) format("woff2"),url(../fonts/Raleway-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-SemiBoldItalic.woff2) format("woff2"),url(../fonts/Raleway-SemiBoldItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-Thin.woff2) format("woff2"),url(../fonts/Raleway-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  font-display: swap;
  src: url(../fonts/Raleway-ThinItalic.woff2) format("woff2"),url(../fonts/Raleway-ThinItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: RussoOne;
  font-display: swap;
  src: url(../fonts/RussoOne-Regular.woff2) format("woff2"),url(../fonts/RussoOne-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-Black.woff2) format("woff2"),url(../fonts/SourceCodePro-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-BlackItalic.woff2) format("woff2"),url(../fonts/SourceCodePro-BlackItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-Bold.woff2) format("woff2"),url(../fonts/SourceCodePro-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-BoldItalic.woff2) format("woff2"),url(../fonts/SourceCodePro-BoldItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-ExtraBold.woff2) format("woff2"),url(../fonts/SourceCodePro-ExtraBold.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-ExtraBoldItalic.woff2) format("woff2"),url(../fonts/SourceCodePro-ExtraBoldItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-ExtraLight.woff2) format("woff2"),url(../fonts/SourceCodePro-ExtraLight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-ExtraLightItalic.woff2) format("woff2"),url(../fonts/SourceCodePro-ExtraLightItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-Italic.woff2) format("woff2"),url(../fonts/SourceCodePro-Italic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-Light.woff2) format("woff2"),url(../fonts/SourceCodePro-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-LightItalic.woff2) format("woff2"),url(../fonts/SourceCodePro-LightItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-Medium.woff2) format("woff2"),url(../fonts/SourceCodePro-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-MediumItalic.woff2) format("woff2"),url(../fonts/SourceCodePro-MediumItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-Regular.woff2) format("woff2"),url(../fonts/SourceCodePro-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-SemiBold.woff2) format("woff2"),url(../fonts/SourceCodePro-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: SourceCodePro;
  font-display: swap;
  src: url(../fonts/SourceCodePro-SemiBoldItalic.woff2) format("woff2"),url(../fonts/SourceCodePro-SemiBoldItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

.about__btn:after,
[class*=" _icon-"]:before,
[class^=_icon-]:before {
  font-family: "icons",sans-serif;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*=" _icon-"]:before,
[class^=_icon-]:before {
  display: block;
}

._icon-mail:before {
  content: "\e90d";
}

._icon-mail-open:before {
  content: "\e90e";
}

._icon-email:before {
  content: "\e908";
}

._icon-skills:before {
  content: "\e904";
}

._icon-man:before {
  content: "\e905";
}

._icon-phone:before {
  content: "\e906";
}

._icon-contact:before {
  content: "\e907";
}

._icon-telegram:before {
  content: "\e909";
}

._icon-whatsapp:before {
  content: "\e90a";
}

._icon-about:before {
  content: "\e90b";
}

._icon-portfolio:before {
  content: "\e90c";
}

._icon-off:before {
  content: "\e902";
}

._icon-on:before {
  content: "\e903";
}

._icon-message:before {
  content: "\e901";
}

._icon-logo:before {
  content: "\e900";
}

@font-face {
  font-family: Cyber;
  src: url(https://assets.codepen.io/605876/Blender-Pro-Bold.otf);
  font-display: swap;
}

._touch .page,
body._lock {
  overflow: hidden;
}

._touch .on .page__scroll {
  display: none;
}

._touch .page {
  width: 100%;
}

._touch .content-scroll {
  height: 100%;
}

._touch .contact__left {
  display: none;
}

._touch .contact__right {
  -webkit-animation: unset;
          animation: unset;
}

.wrapper.on ._block {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

.wrapper.on ._block_content {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrapper.on._loaded .page__pagination {
  -webkit-transform: translate(0,-50%);
      -ms-transform: translate(0,-50%);
          transform: translate(0,-50%);
  opacity: 1;
  visibility: visible;
}

.wrapper.on .footer {
  display: none;
}

.wrapper.on .page {
  position: fixed;
  overflow: hidden;
  padding: 0;
}

.wrapper.on .page__wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.wrapper.on .page__scroll {
  position: relative;
  bottom: 2px;
  height: 2px;
}

.wrapper.on .page__scroll .page__drag-scroll {
  height: 100%;
  background: -o-linear-gradient(45deg,#fcee09,#ff003c);
  background: linear-gradient(45deg,#fcee09,#ff003c);
}

.wrapper.on .sidebar-btn {
  position: absolute;
}

.wrapper.on .technology.swiper-slide-active .skill-progress {
  opacity: 1;
  visibility: visible;
}

.wrapper.on .skill-progress {
  opacity: 0;
  visibility: hidden;
}

.wrapper.on .scroll-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrapper._loaded .page__pagination {
  -webkit-transform: translate(34px,-50%);
      -ms-transform: translate(34px,-50%);
          transform: translate(34px,-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(.175,.885,.32,1.275);
  transition: -webkit-transform 500ms cubic-bezier(.175,.885,.32,1.275);
  -o-transition: transform 500ms cubic-bezier(.175,.885,.32,1.275);
  transition: transform 500ms cubic-bezier(.175,.885,.32,1.275);
  transition: transform 500ms cubic-bezier(.175,.885,.32,1.275), -webkit-transform 500ms cubic-bezier(.175,.885,.32,1.275);
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
       -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
          transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
}

.wrapper._active .footer,
.wrapper._active .page {
  width: calc(100% - 250px);
}

.content-scroll {
  position: relative;
  height: 100vh;
  padding: 5px 0 5px 5px;
}

.page {
  position: relative;
  top: 0;
  right: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(100% - 76px);
  height: 100%;
  -webkit-transition: width 500ms cubic-bezier(.175,.885,.32,1.275);
  -o-transition: width 500ms cubic-bezier(.175,.885,.32,1.275);
  transition: width 500ms cubic-bezier(.175,.885,.32,1.275);
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
       -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
          transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  z-index: 2;
}

.page__pagination,
.page__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.page__wrapper {
  height: 100%;
}

.page__pagination {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translate(30px,-50%);
      -ms-transform: translate(30px,-50%);
          transform: translate(30px,-50%);
  opacity: 0;
  visibility: hidden;
}

.page__bullet {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer;
  background-color: rgba(0,0,0,.3);
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,51,.6),inset 0 0 2px #b6b6fb,8px 8px 32px rgba(0,0,51,.5),1px 1px 2px rgba(0,0,51,.75);
          box-shadow: inset 0 0 5px rgba(0,0,51,.6),inset 0 0 2px #b6b6fb,8px 8px 32px rgba(0,0,51,.5),1px 1px 2px rgba(0,0,51,.75);
  margin: 10px 0;
  -webkit-transition: background-color .3s ease 0s;
  -o-transition: background-color .3s ease 0s;
  transition: background-color .3s ease 0s;
}

.page__bullet_active {
  -webkit-box-shadow: -.05rem -.05rem .08rem rgba(0,0,51,.6),.05rem .05rem .1rem #b6b6fb,inset .5rem .5rem 2rem rgba(0,0,51,.5),inset .1rem .1rem .2rem rgba(0,0,51,.75),inset -.5rem -.5rem 4rem rgba(182,182,251,.5);
          box-shadow: -.05rem -.05rem .08rem rgba(0,0,51,.6),.05rem .05rem .1rem #b6b6fb,inset .5rem .5rem 2rem rgba(0,0,51,.5),inset .1rem .1rem .2rem rgba(0,0,51,.75),inset -.5rem -.5rem 4rem rgba(182,182,251,.5);
  background: -webkit-gradient(linear,left top, left bottom,from(#c1cdcd),to(#94a8a8));
  background: -o-linear-gradient(#c1cdcd,#94a8a8);
  background: linear-gradient(#c1cdcd,#94a8a8);
}

._block_content {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x)*.5);
  padding-left: calc(var(--bs-gutter-x)*.5);
  margin-right: auto;
  margin-left: auto;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(-1*var(--bs-gutter-y));
  margin-right: calc(-.5*var(--bs-gutter-x));
  margin-left: calc(-.5*var(--bs-gutter-x));
}

.row>* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x)*.5);
  padding-left: calc(var(--bs-gutter-x)*.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}

.row-cols-auto>* {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.row-cols-1>* {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.row-cols-2>* {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.row-cols-3>* {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4>* {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.row-cols-5>* {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20%;
}

.col-auto,
.row-cols-6>* {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  width: auto;
}

.col-1,
.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  width: 16.66666667%;
}

.col-3,
.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  width: 33.33333333%;
}

.col-5,
.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  width: 50%;
}

.col-7,
.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  width: 66.66666667%;
}

.col-10,
.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  width: 83.33333333%;
}

.col-11,
.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-block {
  display: block;
}

.d-grid {
  display: grid;
}

.d-table {
  display: table;
}

.d-table-row {
  display: table-row;
}

.d-table-cell {
  display: table-cell;
}

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

.d-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.d-none {
  display: none;
}

.flex-fill {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

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

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.flex-grow-0 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.flex-grow-1 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.flex-shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.flex-shrink-1 {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

.justify-content-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-content-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-content-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-content-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.justify-content-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.align-items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.align-items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

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

.align-items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.align-items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.align-content-start {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.align-content-end {
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

.align-content-center {
  -ms-flex-line-pack: center;
      align-content: center;
}

.align-content-between {
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.align-content-around {
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

.align-self-auto {
  -ms-flex-item-align: auto;
      align-self: auto;
}

.align-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.align-self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.align-self-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.align-self-baseline {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.order-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

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

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

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

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.order-last {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.m-0 {
  margin: 0;
}

.m-1 {
  margin: .25rem;
}

.m-2 {
  margin: .5rem;
}

.m-3 {
  margin: 1rem;
}

.m-4 {
  margin: 1.5rem;
}

.m-5 {
  margin: 3rem;
}

.m-auto {
  margin: auto;
}

.mx-0 {
  margin-right: 0;
  margin-left: 0;
}

.mx-1 {
  margin-right: .25rem;
  margin-left: .25rem;
}

.mx-2 {
  margin-right: .5rem;
  margin-left: .5rem;
}

.mx-3 {
  margin-right: 1rem;
  margin-left: 1rem;
}

.mx-4 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.mx-5 {
  margin-right: 3rem;
  margin-left: 3rem;
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.my-1 {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.my-2 {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.my-3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-5 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-3 {
  margin-top: 1rem;
}

.mt-4 {
  margin-top: 1.5rem;
}

.mt-5 {
  margin-top: 3rem;
}

.mt-auto {
  margin-top: auto;
}

.me-0 {
  margin-right: 0;
}

.me-1 {
  margin-right: .25rem;
}

.me-2 {
  margin-right: .5rem;
}

.me-3 {
  margin-right: 1rem;
}

.me-4 {
  margin-right: 1.5rem;
}

.me-5 {
  margin-right: 3rem;
}

.me-auto {
  margin-right: auto;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: .25rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.mb-3 {
  margin-bottom: 1rem;
}

.mb-4 {
  margin-bottom: 1.5rem;
}

.mb-5 {
  margin-bottom: 3rem;
}

.mb-auto {
  margin-bottom: auto;
}

.ms-0 {
  margin-left: 0;
}

.ms-1 {
  margin-left: .25rem;
}

.ms-2 {
  margin-left: .5rem;
}

.ms-3 {
  margin-left: 1rem;
}

.ms-4 {
  margin-left: 1.5rem;
}

.ms-5 {
  margin-left: 3rem;
}

.ms-auto {
  margin-left: auto;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: .25rem;
}

.p-2 {
  padding: .5rem;
}

.p-3 {
  padding: 1rem;
}

.p-4 {
  padding: 1.5rem;
}

.p-5 {
  padding: 3rem;
}

.px-0 {
  padding-right: 0;
  padding-left: 0;
}

.px-1 {
  padding-right: .25rem;
  padding-left: .25rem;
}

.px-2 {
  padding-right: .5rem;
  padding-left: .5rem;
}

.px-3 {
  padding-right: 1rem;
  padding-left: 1rem;
}

.px-4 {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.px-5 {
  padding-right: 3rem;
  padding-left: 3rem;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.py-3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-5 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: .25rem;
}

.pt-2 {
  padding-top: .5rem;
}

.pt-3 {
  padding-top: 1rem;
}

.pt-4 {
  padding-top: 1.5rem;
}

.pt-5 {
  padding-top: 3rem;
}

.pe-0 {
  padding-right: 0;
}

.pe-1 {
  padding-right: .25rem;
}

.pe-2 {
  padding-right: .5rem;
}

.pe-3 {
  padding-right: 1rem;
}

.pe-4 {
  padding-right: 1.5rem;
}

.pe-5 {
  padding-right: 3rem;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: .25rem;
}

.pb-2 {
  padding-bottom: .5rem;
}

.pb-3 {
  padding-bottom: 1rem;
}

.pb-4 {
  padding-bottom: 1.5rem;
}

.pb-5 {
  padding-bottom: 3rem;
}

.ps-0 {
  padding-left: 0;
}

.ps-1 {
  padding-left: .25rem;
}

.ps-2 {
  padding-left: .5rem;
}

.ps-3 {
  padding-left: 1rem;
}

.ps-4 {
  padding-left: 1.5rem;
}

.ps-5 {
  padding-left: 3rem;
}

.text-start {
  text-align: left;
}

.text-end {
  text-align: right;
}

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

.text-decoration-none {
  text-decoration: none;
}

.text-decoration-underline {
  text-decoration: underline;
}

.text-decoration-line-through {
  text-decoration: line-through;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-wrap {
  white-space: normal;
}

.text-nowrap {
  white-space: nowrap;
}

.text-break {
  word-wrap: break-word;
  word-break: break-word;
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity));
}

.text-secondary,
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity));
}

.text-success {
  color: rgba(var(--bs-success-rgb),var(--bs-text-opacity));
}

.text-info,
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb),var(--bs-text-opacity));
}

.text-warning {
  color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity));
}

.text-danger,
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity));
}

.text-light {
  color: rgba(var(--bs-light-rgb),var(--bs-text-opacity));
}

.text-black,
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity));
}

.text-black {
  color: rgba(var(--bs-black-rgb),var(--bs-text-opacity));
}

.text-body,
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb),var(--bs-text-opacity));
}

.text-body {
  color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity));
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d;
}

.text-black-50,
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(0,0,0,.5);
}

.text-white-50 {
  color: rgba(255,255,255,.5);
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity));
}

.bg-secondary,
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity));
}

.bg-success {
  background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity));
}

.bg-info,
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity));
}

.bg-warning {
  background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity));
}

.bg-danger,
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity));
}

.bg-light {
  background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity));
}

.bg-black,
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity));
}

.bg-black {
  background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity));
}

.bg-body,
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity));
}

.bg-body {
  background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity));
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient);
}

.user-select-all {
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
}

.user-select-auto {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
      user-select: auto;
}

.user-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.pe-none {
  pointer-events: none;
}

.pe-auto {
  pointer-events: auto;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
}

.sidebar {
  position: fixed;
  height: 99%;
  background: -webkit-gradient(linear,left top, left bottom,from(#c1cdcd),to(#94a8a8));
  background: -o-linear-gradient(#c1cdcd,#94a8a8);
  background: linear-gradient(#c1cdcd,#94a8a8);
  margin: 5px 0 5px 5px;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(.175,.885,.32,1.275);
  transition: -webkit-transform 500ms cubic-bezier(.175,.885,.32,1.275);
  -o-transition: transform 500ms cubic-bezier(.175,.885,.32,1.275);
  transition: transform 500ms cubic-bezier(.175,.885,.32,1.275);
  transition: transform 500ms cubic-bezier(.175,.885,.32,1.275), -webkit-transform 500ms cubic-bezier(.175,.885,.32,1.275);
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
       -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
          transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  z-index: 5;
}

.sidebar._active .switch {
  -webkit-animation: show 1s ease 0s 1 normal forwards;
          animation: show 1s ease 0s 1 normal forwards;
}

._touch .menu__link._active {
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
}

._touch .menu__btn-message {
  width: 55px;
  pointer-events: auto;
}

.menu {
  height: 100%;
}

.menu._active .menu__content {
  width: 250px;
}

.menu__content {
  width: 66px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: width 500ms cubic-bezier(.175,.885,.32,1.275);
  -o-transition: width 500ms cubic-bezier(.175,.885,.32,1.275);
  transition: width 500ms cubic-bezier(.175,.885,.32,1.275);
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
       -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
          transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
}

.menu__content .hr-top {
  margin-bottom: 40px;
}

.menu__content .hr-bottom,
.menu__content .hr-top {
  width: 100%;
  height: 1px;
  border: 0;
  background: rgba(255,255,255,.77);
}

.menu__inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.menu__button {
  width: 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 5px;
}

.menu__btn {
  position: relative;
  width: 55px;
  height: 60px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(.25,.25,.75,.75);
  transition: -webkit-transform 500ms cubic-bezier(.25,.25,.75,.75);
  -o-transition: transform 500ms cubic-bezier(.25,.25,.75,.75);
  transition: transform 500ms cubic-bezier(.25,.25,.75,.75);
  transition: transform 500ms cubic-bezier(.25,.25,.75,.75), -webkit-transform 500ms cubic-bezier(.25,.25,.75,.75);
  -webkit-transition-timing-function: cubic-bezier(.25,.25,.75,.75);
       -o-transition-timing-function: cubic-bezier(.25,.25,.75,.75);
          transition-timing-function: cubic-bezier(.25,.25,.75,.75);
}

.menu__btn-line1 {
  position: absolute;
  top: 48%;
  left: 50%;
  height: 4px;
  display: block;
  border-radius: 8px;
  background: #121212;
  -webkit-transition: -webkit-transform .5s cubic-bezier(.7,.5,0,1);
  transition: -webkit-transform .5s cubic-bezier(.7,.5,0,1);
  -o-transition: transform .5s cubic-bezier(.7,.5,0,1);
  transition: transform .5s cubic-bezier(.7,.5,0,1);
  transition: transform .5s cubic-bezier(.7,.5,0,1), -webkit-transform .5s cubic-bezier(.7,.5,0,1);
}

.menu__btn-line2 {
  -webkit-transform: translate(-50%,-48%);
      -ms-transform: translate(-50%,-48%);
          transform: translate(-50%,-48%);
  width: 40px;
}

.menu__btn-line2,
.menu__btn-line3 {
  position: absolute;
  top: 48%;
  left: 50%;
  height: 4px;
  display: block;
  border-radius: 8px;
  background: #121212;
  -webkit-transition: -webkit-transform .5s cubic-bezier(.7,.5,0,1);
  transition: -webkit-transform .5s cubic-bezier(.7,.5,0,1);
  -o-transition: transform .5s cubic-bezier(.7,.5,0,1);
  transition: transform .5s cubic-bezier(.7,.5,0,1);
  transition: transform .5s cubic-bezier(.7,.5,0,1), -webkit-transform .5s cubic-bezier(.7,.5,0,1);
}

.menu__btn-line1 {
  width: 20px;
  -webkit-transform: translate(-20px,-20px);
      -ms-transform: translate(-20px,-20px);
          transform: translate(-20px,-20px);
}

.menu__btn-line3 {
  width: 20px;
  -webkit-transform: translate(0,18px);
      -ms-transform: translate(0,18px);
          transform: translate(0,18px);
}

.menu._active .menu__btn-line1 {
  -webkit-transform: translate(-2px,-8px) rotate(-45deg);
      -ms-transform: translate(-2px,-8px) rotate(-45deg);
          transform: translate(-2px,-8px) rotate(-45deg);
}

.menu._active .menu__btn-line2 {
  -webkit-transform: translate(-50%,-50%) rotate(45deg);
      -ms-transform: translate(-50%,-50%) rotate(45deg);
          transform: translate(-50%,-50%) rotate(45deg);
}

.menu._active .menu__btn-line3 {
  -webkit-transform: translate(-16px,6px) rotate(-45deg);
      -ms-transform: translate(-16px,6px) rotate(-45deg);
          transform: translate(-16px,6px) rotate(-45deg);
}

.menu__btn::after {
  -webkit-box-shadow: 0 -8px 0 #333;
          box-shadow: 0 -8px 0 #333;
  -webkit-transform: translateY(8px);
      -ms-transform: translateY(8px);
          transform: translateY(8px);
}

.menu._active .menu__btn::before {
  -webkit-transform: translateY(0) rotate(45deg);
      -ms-transform: translateY(0) rotate(45deg);
          transform: translateY(0) rotate(45deg);
}

.menu._active .menu__btn::after {
  -webkit-box-shadow: 0 0 0 #333;
          box-shadow: 0 0 0 #333;
  -webkit-transform: translateY(0) rotate(-45deg);
      -ms-transform: translateY(0) rotate(-45deg);
          transform: translateY(0) rotate(-45deg);
}

.menu__logo {
  width: 100%;
  color: #121212;
}

.menu__logo-content {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 5px;
}

.menu__logo-icon {
  width: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu__logo-icon i:before {
  font-size: 78px;
  color: #121212;
}

.menu__logo-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  white-space: nowrap;
  padding: 0 15px;
  -webkit-animation: hide 1s ease 0s 1 normal forwards;
          animation: hide 1s ease 0s 1 normal forwards;
  -webkit-transition: visibility,opacity,-webkit-transform .5s cubic-bezier(.7,.5,0,1);
  transition: visibility,opacity,-webkit-transform .5s cubic-bezier(.7,.5,0,1);
  -o-transition: visibility,opacity,transform .5s cubic-bezier(.7,.5,0,1);
  transition: visibility,opacity,transform .5s cubic-bezier(.7,.5,0,1);
  transition: visibility,opacity,transform .5s cubic-bezier(.7,.5,0,1),-webkit-transform .5s cubic-bezier(.7,.5,0,1);
}

.menu._active .menu__logo-text {
  -webkit-animation: show 1s ease 0s 1 normal forwards;
          animation: show 1s ease 0s 1 normal forwards;
}

.menu__logo-name {
  display: inline-block;
  font-family: "Comfortaa",sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.menu__logo-pos {
  display: inline-block;
  font-size: 11px;
}

.menu__nav {
  width: 100%;
}

.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  width: 100%;
}

.menu__item {
  position: relative;
  width: 100%;
  height: 60px;
  list-style: none;
  padding: 0 5px;
}

.menu._active .menu__link._active {
  -webkit-transform: translateX(7px);
      -ms-transform: translateX(7px);
          transform: translateX(7px);
}

.menu__icon,
.menu__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu__link {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: center;
  text-decoration: none;
  -webkit-transition: -webkit-transform .5s cubic-bezier(.7,.5,0,1);
  transition: -webkit-transform .5s cubic-bezier(.7,.5,0,1);
  -o-transition: transform .5s cubic-bezier(.7,.5,0,1);
  transition: transform .5s cubic-bezier(.7,.5,0,1);
  transition: transform .5s cubic-bezier(.7,.5,0,1), -webkit-transform .5s cubic-bezier(.7,.5,0,1);
}

.menu__link._active .menu__icon {
  color: #f0f8ff;
  background: var(--clr);
}

.menu__link._active {
  -webkit-transform: translateX(16px);
      -ms-transform: translateX(16px);
          transform: translateX(16px);
}

.menu__link._active .menu__icon:before,
.menu__message._active .menu__message-content:before {
  opacity: 1;
}

.menu__link._active .menu__icon i:before {
  color: var(--bs-gray-400);
}

.menu__link._active .menu__text {
  color: var(--clr);
}

.menu__icon {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 55px;
  height: 50px;
  font-size: 24px;
  border-radius: 8px;
  color: #333;
  -webkit-transition: color .4s ease 0s;
  -o-transition: color .4s ease 0s;
  transition: color .4s ease 0s;
}

.menu__icon i:before {
  position: relative;
  z-index: 1;
}

.menu__icon::before {
  -webkit-transition: color .4s ease 0s;
  -o-transition: color .4s ease 0s;
  transition: color .4s ease 0s;
}

.menu__text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  font-weight: 500;
  white-space: nowrap;
  color: #333;
  padding: 0 15px;
  -webkit-animation: hide 3s ease 0s 1 normal forwards;
          animation: hide 3s ease 0s 1 normal forwards;
  -webkit-transition: -webkit-transform .5s cubic-bezier(.7,.5,0,1);
  transition: -webkit-transform .5s cubic-bezier(.7,.5,0,1);
  -o-transition: transform .5s cubic-bezier(.7,.5,0,1);
  transition: transform .5s cubic-bezier(.7,.5,0,1);
  transition: transform .5s cubic-bezier(.7,.5,0,1), -webkit-transform .5s cubic-bezier(.7,.5,0,1);
}

.menu._active .menu__text {
  -webkit-animation: show 1s ease 0s 1 normal forwards;
          animation: show 1s ease 0s 1 normal forwards;
}

.menu__message {
  width: 100%;
  padding: 0 5px;
  margin-bottom: 40px;
}

.menu__message._active .menu__message-content {
  background: var(--clr);
}

.menu__message._active .menu__message-content i:before {
  position: relative;
  color: var(--bs-gray-500);
  z-index: 1;
}

.menu__message-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  -webkit-transition: background,opacity .4s ease 0s;
  -o-transition: background,opacity .4s ease 0s;
  transition: background,opacity .4s ease 0s;
}

.menu__icon::before,
.menu__message-content:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr);
  -webkit-filter: blur(7px);
          filter: blur(7px);
  opacity: 0;
}

.menu__btn-message {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: center;
  pointer-events: none;
}

.menu__btn-icon {
  min-width: 55px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
}

.menu__btn-icon i:before,
.menu__icon i:before {
  color: #333;
  -webkit-transition: color .4s ease 0s;
  -o-transition: color .4s ease 0s;
  transition: color .4s ease 0s;
}

.menu__btn-text {
  color: #333;
  padding: 0 15px;
  -webkit-animation: hide 3s ease 0s 1 normal forwards;
          animation: hide 3s ease 0s 1 normal forwards;
  -webkit-transition: opacity,-webkit-transform .5s cubic-bezier(.7,.5,0,1);
  transition: opacity,-webkit-transform .5s cubic-bezier(.7,.5,0,1);
  -o-transition: opacity,transform .5s cubic-bezier(.7,.5,0,1);
  transition: opacity,transform .5s cubic-bezier(.7,.5,0,1);
  transition: opacity,transform .5s cubic-bezier(.7,.5,0,1),-webkit-transform .5s cubic-bezier(.7,.5,0,1);
}

.menu._active .menu__btn-text {
  -webkit-animation: show 1s ease 0s 1 normal forwards;
          animation: show 1s ease 0s 1 normal forwards;
  pointer-events: auto;
}

._touch .footer__content {
  height: 100%;
  padding: 5px;
}

.footer {
  position: relative;
  width: calc(100% - 66px);
  background: rgba(0,0,0,.55);
  -webkit-transition: width 500ms cubic-bezier(.175,.885,.32,1.275);
  -o-transition: width 500ms cubic-bezier(.175,.885,.32,1.275);
  transition: width 500ms cubic-bezier(.175,.885,.32,1.275);
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
       -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
          transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  z-index: 1;
}

.footer__content {
  width: 100%;
  height: 89px;
  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;
  padding: 10px;
}

.footer__content * {
  color: #f4f4f4;
}

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

.footer__logo {
  -ms-flex-item-align: center;
      align-self: center;
  font: 400 1.5rem Cyberpunk;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 1px;
}

.footer__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Raleway;
  font-weight: 500;
  letter-spacing: 1.2px;
}

.footer__copy span {
  margin: 0 5px;
}

.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__item:not(:last-child) {
  margin: 0 15px 0 0;
}

.footer__link {
  font-size: 24px;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.about__inner {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.about__header,
.about__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about__title {
  margin: 0 0 15px;
}

.about__subtitle {
  font-family: monospace,sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 0 0 50px;
}

.about__subtitle:before {
  position: relative;
  content: "​";
  display: inline-block;
  white-space: nowrap;
  text-shadow: 0 0 5px rgba(51,255,51,.75);
  border-right: 10px solid rgba(51,255,51,.75);
  border-right: calc(.1vw + 1px) solid rgba(51,255,51,.75);
  padding-right: 2px;
  padding-right: calc(2px + .1vw);
  -webkit-animation: typedAbout 28.7s linear 1s infinite,beam-blink 1s infinite;
          animation: typedAbout 28.7s linear 1s infinite,beam-blink 1s infinite;
}

.about__btn {
  position: relative;
  width: 250px;
  height: 50px;
  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;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font: 500 20px/1 "Jura",monospace,sans-serif;
  border-radius: 8px;
  color: #333;
  -webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);
          box-shadow: 0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);
  background: var(--bs-gray-500);
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  z-index: 1;
  overflow: hidden;
}

.about__btn:before {
  font-size: 26px;
  margin: 0 10px 0 0;
  -webkit-transition: -webkit-transform .5s cubic-bezier(.7,.5,0,1);
  transition: -webkit-transform .5s cubic-bezier(.7,.5,0,1);
  -o-transition: transform .5s cubic-bezier(.7,.5,0,1);
  transition: transform .5s cubic-bezier(.7,.5,0,1);
  transition: transform .5s cubic-bezier(.7,.5,0,1), -webkit-transform .5s cubic-bezier(.7,.5,0,1);
}

.about__btn:after {
  position: absolute;
  content: "\e90e";
  right: 0;
  font-size: 64px;
  color: rgba(0,0,0,.11);
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: opacity,-webkit-transform .5s cubic-bezier(.7,.5,0,1);
  transition: opacity,-webkit-transform .5s cubic-bezier(.7,.5,0,1);
  -o-transition: opacity,transform .5s cubic-bezier(.7,.5,0,1);
  transition: opacity,transform .5s cubic-bezier(.7,.5,0,1);
  transition: opacity,transform .5s cubic-bezier(.7,.5,0,1),-webkit-transform .5s cubic-bezier(.7,.5,0,1);
  visibility: hidden;
  opacity: 0;
}

._touch .technology__inner-content,
._touch .technology__inner-side {
  position: static;
}

._touch ._bottom,
._touch ._left,
._touch ._right,
._touch ._top {
  display: none;
}

.technology__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
}

.technology__subtitle {
  font: 500 1.2rem Jura,sans-serif;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 30px;
}

.technology__subtitle_right {
  margin: 0 0 50px;
}

.technology__body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: monospace;
  font-weight: 600;
}

.technology__left {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 20px;
}

.technology__item:not(:last-child) {
  margin: 0 0 5px;
}

.technology__right {
  width: calc(50% - 120px);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.technology__list:not(:last-child) {
  margin: 0 0 25px;
}

.technology__note {
  display: inline-block;
}

.technology__inner-wrapper {
  position: relative;
  width: 100%;
  height: 424px;
  padding-top: 0;
}

.technology__inner-content {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.technology__inner-content ._top {
  top: 188px;
  width: 100%;
  height: 50px;
  -webkit-transform: rotateX(90deg) translateZ(212px);
          transform: rotateX(90deg) translateZ(212px);
}

.technology__inner-content ._bottom {
  bottom: 188px;
  width: 100%;
  height: 50px;
  -webkit-transform: rotateX(-90deg) translateZ(212px);
          transform: rotateX(-90deg) translateZ(212px);
}

.technology__inner-content ._left {
  left: 238px;
  width: 50px;
  height: 100%;
  -webkit-transform: rotateY(-90deg) translateZ(262.5px);
          transform: rotateY(-90deg) translateZ(262.5px);
}

.technology__inner-content ._right {
  right: 238px;
  width: 50px;
  height: 100%;
  -webkit-transform: rotateY(90deg) translateZ(262.5px);
          transform: rotateY(90deg) translateZ(262.5px);
}

.technology__inner-content ._front {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(120px,1fr));
  width: 100%;
  -webkit-transform: rotateY(0) translateZ(25px);
          transform: rotateY(0) translateZ(25px);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.technology__inner-content,
.technology__inner-side {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+1) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(176.4deg);
      -ms-transform: rotate(176.4deg);
          transform: rotate(176.4deg);
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(1) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(2) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1) .inset .numbers {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: "98%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-1 2s ease-out;
          animation: go-1 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin-inline: auto;
  content: "HTML5";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+2) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(171deg);
      -ms-transform: rotate(171deg);
          transform: rotate(171deg);
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(1) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(2) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2) .inset .numbers {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: "95%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-2 2s ease-out;
          animation: go-2 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin-inline: auto;
  content: "CSS3";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+3) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(1) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(2) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3) .inset .numbers {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: "50%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-3 2s ease-out;
          animation: go-3 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin-inline: auto;
  content: "JS";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+4) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(1) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(2) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4) .inset .numbers {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: "75%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-4 2s ease-out;
          animation: go-4 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin-inline: auto;
  content: "GULP";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+5) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(1) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(2) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5) .inset .numbers {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: "75%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-5 2s ease-out;
          animation: go-5 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin-inline: auto;
  content: "PUG";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+6) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(1) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(2) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6) .inset .numbers {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: "75%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-6 2s ease-out;
          animation: go-6 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin-inline: auto;
  content: "SCSS";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+7) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(1) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(2) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7) .inset .numbers {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: "50%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-7 2s ease-out;
          animation: go-7 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin-inline: auto;
  content: "jQuery";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+8) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(117deg);
      -ms-transform: rotate(117deg);
          transform: rotate(117deg);
}

.skill-progress.go:nth-child(n+1):nth-child(1) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(1) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+1):nth-child(2) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(2) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 39px 15px rgba(199,64,145,.7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8) .inset .numbers {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: "65%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-8 2s ease-out;
          animation: go-8 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin-inline: auto;
  content: "WEBPACK";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.technology .scroll-down .chevrons_two {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-top: -68px;
}

.skill-progress {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 107px;
  height: 107px;
  border-radius: 50%;
  border: 1px solid #f4f4f4;
  -webkit-box-shadow: 0 0 11px rgba(0,0,0,.3),0 0 51px rgba(0,0,0,.2) inset;
          box-shadow: 0 0 11px rgba(0,0,0,.3),0 0 51px rgba(0,0,0,.2) inset;
  background-color: rgba(141,166,179,.4);
  margin-inline: auto;
  margin-block: auto;
  -webkit-transform: perspective(500px);
          transform: perspective(500px);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.skill-progress .circle,
.skill-progress .inset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4) inset;
          box-shadow: 0 0 5px rgba(0,0,0,.4) inset;
}

.skill-progress .circle .mask,
.skill-progress .circle .mask:before {
  width: 100px;
  height: 100px;
  position: absolute;
  border-radius: 50%;
  transition: -webkit-transform 2s;
  transition: -ms-transform 2s;
  -webkit-transition: -webkit-transform 2s;
  -o-transition: transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
  -webkit-backface-visibility: hidden;
  clip: rect(0,107px,107px,49.7674418605px);
}

.skill-progress .circle .mask:before {
  display: block;
  content: "";
  clip: rect(0,49.7674418605px,107px,0);
  --neon-border-color: #08f;
  -webkit-box-shadow: 0 0 5px #000 inset,inset 0 0 5px rgba(255,255,255,.8),inset 0 0 8px rgba(255,255,255,.8),inset 0 0 30px var(--neon-border-color),inset 0 0 30px var(--neon-border-color),inset 0 0 60px var(--neon-border-color),inset 0 0 60px var(--neon-border-color);
          box-shadow: 0 0 5px #000 inset,inset 0 0 5px rgba(255,255,255,.8),inset 0 0 8px rgba(255,255,255,.8),inset 0 0 30px var(--neon-border-color),inset 0 0 30px var(--neon-border-color),inset 0 0 60px var(--neon-border-color),inset 0 0 60px var(--neon-border-color);
}

.skill-progress .circle:before {
  content: "";
  display: block;
  width: 107px;
  height: 107px;
  position: absolute;
  border-radius: 50%;
  border: 2px solid rgba(0,0,0,.2);
  -webkit-box-shadow: 6px 6px 6px rgba(0,0,0,.3) inset;
          box-shadow: 6px 6px 6px rgba(0,0,0,.3) inset;
  background: #faebd7;
}

.skill-progress .inset {
  width: 75px;
  height: 75px;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #f4f4f4;
  color: var(--text-color);
  --colorChange: #f4f4f4;
  background-color: #3f3f3f;
  background-image: -o-radial-gradient(rgba(244,244,244,.125),rgba(244,244,244,0)),-o-linear-gradient(top,var(--colorChange),var(--colorChange) 2px,#111 3px);
  background-image: radial-gradient(rgba(244,244,244,.125),rgba(244,244,244,0)),linear-gradient(to bottom,var(--colorChange),var(--colorChange) 2px,#111 3px);
  background-repeat: repeat-y;
  background-position: center center;
  background-size: cover,100% 3px;
  -webkit-box-shadow: 6px 6px 10px rgba(0,0,0,.4),6px 6px 10px rgba(0,0,0,.4);
          box-shadow: 6px 6px 10px rgba(0,0,0,.4),6px 6px 10px rgba(0,0,0,.4);
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  -webkit-transform: translateZ(0) scale(.8);
          transform: translateZ(0) scale(.8);
}

.skill-progress .inset:before {
  content: "";
  overflow: hidden;
  -webkit-transition: width 2s 3s;
  -o-transition: width 2s 3s;
  transition: width 2s 3s;
}

.skill-progress .inset .numbers {
  -webkit-transition: width 2s;
  -o-transition: width 2s;
  transition: width 2s;
}

.skill-progress.go:nth-child(n+1) .circle .mask:before,
.skill-progress.go:nth-child(n+1) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(176.4deg);
      -ms-transform: rotate(176.4deg);
          transform: rotate(176.4deg);
}

.skill-progress.go:nth-child(n+1):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+1):nth-child(4) .inset,
.skill-progress.go:nth-child(n+1):nth-child(5) .inset,
.skill-progress.go:nth-child(n+1):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+1):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+1):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+1) .inset .numbers,
.skill-progress.go:nth-child(n+1) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.skill-progress.go:nth-child(n+1) .inset .numbers:before {
  content: "98%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-1 2s ease-out;
          animation: go-1 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.skill-progress.go:nth-child(n+1) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  font-weight: 700;
  text-align: center;
  margin-inline: auto;
  content: "HTML5";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.skill-progress.go:nth-child(n+2) .circle .mask:before,
.skill-progress.go:nth-child(n+2) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(171deg);
      -ms-transform: rotate(171deg);
          transform: rotate(171deg);
}

.skill-progress.go:nth-child(n+2):nth-child(1) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+2):nth-child(2) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
}

.skill-progress.go:nth-child(n+2):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+2):nth-child(4) .inset,
.skill-progress.go:nth-child(n+2):nth-child(5) .inset,
.skill-progress.go:nth-child(n+2):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+2):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+2):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+2) .inset .numbers,
.skill-progress.go:nth-child(n+2) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.skill-progress.go:nth-child(n+2) .inset .numbers:before {
  content: "95%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-2 2s ease-out;
          animation: go-2 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.skill-progress.go:nth-child(n+2) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  font-weight: 700;
  text-align: center;
  margin-inline: auto;
  content: "CSS3";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.skill-progress.go:nth-child(n+3) .circle .mask:before,
.skill-progress.go:nth-child(n+3) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.skill-progress.go:nth-child(n+3):nth-child(1) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+3):nth-child(2) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
}

.skill-progress.go:nth-child(n+3):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+3):nth-child(4) .inset,
.skill-progress.go:nth-child(n+3):nth-child(5) .inset,
.skill-progress.go:nth-child(n+3):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+3):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+3):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+3) .inset .numbers,
.skill-progress.go:nth-child(n+3) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.skill-progress.go:nth-child(n+3) .inset .numbers:before {
  content: "50%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-3 2s ease-out;
          animation: go-3 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.skill-progress.go:nth-child(n+3) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  font-weight: 700;
  text-align: center;
  margin-inline: auto;
  content: "JS";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.skill-progress.go:nth-child(n+4) .circle .mask:before,
.skill-progress.go:nth-child(n+4) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.skill-progress.go:nth-child(n+4):nth-child(1) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+4):nth-child(2) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
}

.skill-progress.go:nth-child(n+4):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+4):nth-child(4) .inset,
.skill-progress.go:nth-child(n+4):nth-child(5) .inset,
.skill-progress.go:nth-child(n+4):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+4):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+4):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+4) .inset .numbers,
.skill-progress.go:nth-child(n+4) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.skill-progress.go:nth-child(n+4) .inset .numbers:before {
  content: "75%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-4 2s ease-out;
          animation: go-4 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.skill-progress.go:nth-child(n+4) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  font-weight: 700;
  text-align: center;
  margin-inline: auto;
  content: "GULP";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.skill-progress.go:nth-child(n+5) .circle .mask:before,
.skill-progress.go:nth-child(n+5) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.skill-progress.go:nth-child(n+5):nth-child(1) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+5):nth-child(2) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
}

.skill-progress.go:nth-child(n+5):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+5):nth-child(4) .inset,
.skill-progress.go:nth-child(n+5):nth-child(5) .inset,
.skill-progress.go:nth-child(n+5):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+5):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+5):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+5) .inset .numbers,
.skill-progress.go:nth-child(n+5) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.skill-progress.go:nth-child(n+5) .inset .numbers:before {
  content: "75%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-5 2s ease-out;
          animation: go-5 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.skill-progress.go:nth-child(n+5) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  font-weight: 700;
  text-align: center;
  margin-inline: auto;
  content: "PUG";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.skill-progress.go:nth-child(n+6) .circle .mask:before,
.skill-progress.go:nth-child(n+6) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.skill-progress.go:nth-child(n+6):nth-child(1) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+6):nth-child(2) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
}

.skill-progress.go:nth-child(n+6):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+6):nth-child(4) .inset,
.skill-progress.go:nth-child(n+6):nth-child(5) .inset,
.skill-progress.go:nth-child(n+6):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+6):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+6):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+6) .inset .numbers,
.skill-progress.go:nth-child(n+6) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.skill-progress.go:nth-child(n+6) .inset .numbers:before {
  content: "75%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-6 2s ease-out;
          animation: go-6 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.skill-progress.go:nth-child(n+6) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  font-weight: 700;
  text-align: center;
  margin-inline: auto;
  content: "SCSS";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.skill-progress.go:nth-child(n+7) .circle .mask:before,
.skill-progress.go:nth-child(n+7) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.skill-progress.go:nth-child(n+7):nth-child(1) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+7):nth-child(2) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
}

.skill-progress.go:nth-child(n+7):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+7):nth-child(4) .inset,
.skill-progress.go:nth-child(n+7):nth-child(5) .inset,
.skill-progress.go:nth-child(n+7):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+7):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+7):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+7) .inset .numbers,
.skill-progress.go:nth-child(n+7) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.skill-progress.go:nth-child(n+7) .inset .numbers:before {
  content: "50%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-7 2s ease-out;
          animation: go-7 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.skill-progress.go:nth-child(n+7) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  font-weight: 700;
  text-align: center;
  margin-inline: auto;
  content: "jQuery";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.skill-progress.go:nth-child(n+8) .circle .mask:before,
.skill-progress.go:nth-child(n+8) .circle .mask:nth-child(2) {
  -webkit-transform: rotate(117deg);
      -ms-transform: rotate(117deg);
          transform: rotate(117deg);
}

.skill-progress.go:nth-child(n+8):nth-child(1) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+8):nth-child(2) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #54ad00 inset;
}

.skill-progress.go:nth-child(n+8):nth-child(3) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+8):nth-child(4) .inset,
.skill-progress.go:nth-child(n+8):nth-child(5) .inset,
.skill-progress.go:nth-child(n+8):nth-child(6) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+8):nth-child(7) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+8):nth-child(8) .inset {
  -webkit-box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
          box-shadow: -2px -4px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4) inset,6px 6px 10px rgba(0,0,0,.4),0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+8) .inset .numbers,
.skill-progress.go:nth-child(n+8) .inset .numbers:before {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.skill-progress.go:nth-child(n+8) .inset .numbers:before {
  content: "65%";
  font-size: 22px;
  color: #455fae;
  -webkit-animation: go-8 2s ease-out;
          animation: go-8 2s ease-out;
  background: #f4f4f4;
  border-top: 1.5px solid rgba(0,0,0,.4);
  border-bottom: 1.5px solid rgba(0,0,0,.4);
  padding: 1px 0;
}

.skill-progress.go:nth-child(n+8) .inset .numbers:after {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 100%;
  font-weight: 700;
  text-align: center;
  margin-inline: auto;
  content: "WEBPACK";
  color: #1a2a46;
  z-index: 1;
  --neon-border-color: #08f;
  text-shadow: 0 0 7px #fff,0 0 10px #fff,0 0 70px #fcee09,0 0 85px #f44336,0 0 82px #0fa,0 0 92px #0fa,0 0 12px #0fa,0 0 15px #0fa;
}

.portfolio__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
}

.portfolio__body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.portfolio__scroll {
  width: 100%;
  max-height: 400px;
  height: 100%;
  margin: 0 0 25px;
}

.portfolio__scroll .mCustomScrollBox {
  width: 100%;
}

.portfolio__scroll .mCustomScrollBox .mCSB_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 10px 0;
  margin-right: 48px!important;
}

.portfolio__scroll .mCSB_scrollTools {
  right: 35px;
}

.portfolio__items {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 20px;
  padding: 0 0 5px;
}

.portfolio__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 min(100% - 1rem,250px);
          flex: 1 1 min(100% - 1rem,250px);
}

.portfolio__btn {
  position: relative;
  width: 250px;
  height: 50px;
  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;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-radius: 8px;
  color: #333;
  -webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);
          box-shadow: 0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);
  background: var(--bs-gray-500);
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  z-index: 1;
  font: 500 20px/1 "Jura",monospace,sans-serif;
}

.portfolio__bottom {
  width: 100%;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.portfolio .chevrons_two {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-top: -68px;
}

.item__picture {
  position: relative;
  height: 250px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);
          box-shadow: 0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);
  margin-bottom: 20px;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  z-index: 5;
}

.item__title {
  position: relative;
  font-family: Jura,monospace,sans-serif;
  font-weight: 700;
}

.item__title:before {
  position: absolute;
  content: "";
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #3f3f3f;
  z-index: 0;
  -webkit-transition: width .4s ease 0s;
  -o-transition: width .4s ease 0s;
  transition: width .4s ease 0s;
}

:root {
  --yellow-color: #fcee09;
  --red-color: #ff003c;
  --black-color: #050a0e;
  --blue-color: #00f0ff;
  --white-color: #fafafa;
  --glitched-duration: 0.9s;
}

.contact__header {
  width: 100%;
  display: grid;
  place-content: center;
  margin-bottom: 50px;
}

.contact__title {
  margin: 0 0 15px;
}

.contact__subtitle {
  width: 100px;
  font: 500 calc(16px + 8*(100vw - 320px)/1600)/1 "VT323",monospace,sans-serif;
  letter-spacing: 1px;
}

.contact__subtitle:before {
  position: relative;
  content: "​";
  display: inline-block;
  white-space: nowrap;
  text-shadow: 0 0 5px rgba(51,255,51,.75);
  border-right: 10px solid rgba(51,255,51,.75);
  border-right: calc(.1vw + 1px) solid rgba(51,255,51,.75);
  padding-right: 2px;
  padding-right: calc(2px + .1vw);
  -webkit-animation: typed 9.7s linear 1s infinite,beam-blink 1s infinite;
          animation: typed 9.7s linear 1s infinite,beam-blink 1s infinite;
}

.contact__body {
  max-width: 750px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-inline: auto;
}

.contact__left {
  --aug-border-all: 2px;
  position: relative;
  max-width: 300px;
  width: 100%;
  height: 450px;
  border-radius: 8px 0 0 8px;
  overflow: hidden;
  background: #3f3f3f;
  -webkit-animation: closeLeft 1.5s normal forwards;
          animation: closeLeft 1.5s normal forwards;
}

.contact__left-body {
  position: relative;
  height: 100%;
  overflow: hidden;
  background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #242424),to(#303030));
  background-image: -o-linear-gradient(bottom,#242424 0,#303030 100%);
  background-image: linear-gradient(to top,#242424 0,#303030 100%);
  padding: 8px 0;
  -webkit-transition: all .6s ease-in-out 0s;
  -o-transition: all .6s ease-in-out 0s;
  transition: all .6s ease-in-out 0s;
}

.contact__left-body:before {
  position: absolute;
  content: "";
  top: 0;
  right: 100px;
  width: 50px;
  height: 500px;
  background: -o-linear-gradient(40deg,#2196f3,#b145e9);
  background: linear-gradient(50deg,#2196f3,#b145e9);
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-transform: translate(-300px,-5%);
      -ms-transform: translate(-300px,-5%);
          transform: translate(-300px,-5%);
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.contact__items,
.contact__left-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.contact__left-inner {
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #242424),to(#303030));
  background-image: -o-linear-gradient(bottom,#242424 0,#303030 100%);
  background-image: linear-gradient(to top,#242424 0,#303030 100%);
}

.contact__items {
  width: 100%;
}

.contact__item {
  --aug-border-all: 2px;
  position: relative;
  right: -100%;
  width: calc(100% - 15px);
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 17px;
  -webkit-transition: all .5s cubic-bezier(.7,.5,0,1);
  -o-transition: all .5s cubic-bezier(.7,.5,0,1);
  transition: all .5s cubic-bezier(.7,.5,0,1);
}

.contact__item:not(:last-child) {
  margin: 0 0 10px;
  z-index: 0;
}

.contact__item:nth-child(1) {
  width: 100%;
  height: 100%;
  right: unset;
  pointer-events: none;
}

.contact__item_overflow {
  position: relative;
  right: -100%;
  width: calc(100% - 15px);
  height: 64px;
  margin: 0 0 10px;
  -webkit-transition: all .5s cubic-bezier(.7,.5,0,1);
  -o-transition: all .5s cubic-bezier(.7,.5,0,1);
  transition: all .5s cubic-bezier(.7,.5,0,1);
  z-index: 1;
}

.contact__item-link {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #f4f4f4;
}

.contact__item-link span {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font: 400 1.1rem "Cyber",sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  padding: 0 0 0 15px;
  margin: 0 0 0 15px;
}

.contact__item-link span:before {
  position: absolute;
  content: "_";
  right: -8px;
  -webkit-animation-name: hxafter;
          animation-name: hxafter;
  -webkit-animation-duration: var(--glitched-duration);
          animation-duration: var(--glitched-duration);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.contact__item-link span:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #3f3f3f;
}

.contact__item-link:before {
  font-size: 28px;
  color: var(--blue-color);
}

.contact__item-link:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: all;
}

.contact__img {
  width: 150px;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font: 400 1.5rem Cyberpunk;
  text-transform: capitalize;
  color: hsl(0deg,0%,100%);
}

.contact__img img {
  display: block;
  max-width: 100%;
  width: 100%;
}

.contact__img i:before {
  font-size: 40px;
}

.contact__right {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: closeRight 1.5s normal forwards;
          animation: closeRight 1.5s normal forwards;
}

.contact__right-body {
  position: relative;
  max-width: 400px;
  width: 100%;
  height: 550px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  overflow: hidden;
  background: #171614;
  padding: 6px;
}

.contact__right-body:before {
  position: absolute;
  content: "";
  top: 0;
  right: 100px;
  width: 850px;
  height: 60px;
  background: -o-linear-gradient(40deg,#2196f3,#b145e9);
  background: linear-gradient(50deg,#2196f3,#b145e9);
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-transform: rotate(-45deg) translate(0,-110px);
      -ms-transform: rotate(-45deg) translate(0,-110px);
          transform: rotate(-45deg) translate(0,-110px);
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

section.contact .scroll-down {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

section.contact .form {
  position: relative;
  max-width: 100%;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  border-radius: 8px;
  overflow: hidden;
  background: #171614;
  padding: 5px;
  z-index: 1;
}

section.contact .form__item {
  height: 40px;
  margin: 0;
}

section.contact .form__hr {
  position: relative;
  width: 100%;
  height: 10px;
}

section.contact .form__hr,
section.contact .form__hr:before {
  background-color: var(--yellow-color);
  -webkit-clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
          clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
}

section.contact .form__item_textarea {
  height: 80px;
}

section.contact .form__item_textarea .form__label.form__label_four {
  top: 5px;
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
          transform: translateY(5px);
}

section.contact .form__input {
  width: 100%;
  height: 100%;
  font: 500 1rem monospace,sans-serif;
  border-radius: 4px;
  padding: 5px 10px;
}

section.contact .form__input.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + .75rem);
  background-image: url(data:image/svg+xml;base64,DQoNCg0KDQoNCjxzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PScwIDAgOCA4Jz4NCiAgICA8cGF0aCBmaWxsPScjMTk4NzU0JyBkPSdNMi4zIDYuNzMuNiA0LjUzYy0uNC0xLjA0LjQ2LTEuNCAxLjEtLjhsMS4xIDEuNCAzLjQtMy44Yy42LS42MyAxLjYtLjI3IDEuMi43bC00IDQuNmMtLjQzLjUtLjguNC0xLjEuMXonLz48L3N2Zz4NCg==);
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

section.contact .form__input.is-valid:focus {
  border-color: #198754;
  -webkit-box-shadow: 0 0 0 .25rem rgba(25,135,84,.25);
          box-shadow: 0 0 0 .25rem rgba(25,135,84,.25);
}

section.contact .form__input.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMiAxMicgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSdub25lJyBzdHJva2U9JyNkYzM1NDUnPjxjaXJjbGUgY3g9JzYnIGN5PSc2JyByPSc0LjUnLz48cGF0aCBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBkPSdNNS44IDMuNmguNEw2IDYuNXonLz48Y2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nI2RjMzU0NScgc3Ryb2tlPSdub25lJy8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

section.contact .form__input.is-invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 .25rem rgba(220,53,69,.25);
          box-shadow: 0 0 0 .25rem rgba(220,53,69,.25);
}

section.contact .form__input_email:focus+.form__label,
section.contact .form__input_email:valid+.form__label,
section.contact .form__input_name:focus+.form__label,
section.contact .form__input_name:valid+.form__label,
section.contact .form__input_tel:focus+.form__label,
section.contact .form__input_tel:valid+.form__label {
  font-size: 12px;
  color: #f4f4f4;
  -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
          transform: translateY(-40px);
}

section.contact .form__input_name:focus+.form__label:before,
section.contact .form__input_name:valid+.form__label:before {
  content: "Имя";
  -webkit-animation: both;
          animation: both;
}

section.contact .form__input_email:focus+.form__label:before,
section.contact .form__input_email:valid+.form__label:before {
  content: "Email";
  -webkit-animation: both;
          animation: both;
}

section.contact .form__input_tel:focus+.form__label:before,
section.contact .form__input_tel:valid+.form__label:before {
  content: "Телефон";
  -webkit-animation: both;
          animation: both;
}

section.contact .form__textarea_message:focus+.form__label,
section.contact .form__textarea_message:valid+.form__label {
  font-size: 12px;
  color: #f4f4f4;
  -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
          transform: translateY(-25px);
}

section.contact .form__textarea_message:focus+.form__label:before,
section.contact .form__textarea_message:valid+.form__label:before {
  content: "Сообщение";
  -webkit-animation: both;
          animation: both;
}

section.contact .form__textarea {
  width: 100%;
  height: 100%;
  font: 500 1rem monospace,sans-serif;
  border-radius: 4px;
  resize: none;
  padding: 5px 10px;
}

section.contact .form__textarea.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + .75rem);
  background-image: url(data:image/svg+xml;base64,DQoNCg0KDQoNCjxzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PScwIDAgOCA4Jz4NCiAgICA8cGF0aCBmaWxsPScjMTk4NzU0JyBkPSdNMi4zIDYuNzMuNiA0LjUzYy0uNC0xLjA0LjQ2LTEuNCAxLjEtLjhsMS4xIDEuNCAzLjQtMy44Yy42LS42MyAxLjYtLjI3IDEuMi43bC00IDQuNmMtLjQzLjUtLjguNC0xLjEuMXonLz48L3N2Zz4NCg==);
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

section.contact .form__textarea.is-valid:focus {
  border-color: #198754;
  -webkit-box-shadow: 0 0 0 .25rem rgba(25,135,84,.25);
          box-shadow: 0 0 0 .25rem rgba(25,135,84,.25);
}

section.contact .form__textarea.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMiAxMicgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSdub25lJyBzdHJva2U9JyNkYzM1NDUnPjxjaXJjbGUgY3g9JzYnIGN5PSc2JyByPSc0LjUnLz48cGF0aCBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBkPSdNNS44IDMuNmguNEw2IDYuNXonLz48Y2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nI2RjMzU0NScgc3Ryb2tlPSdub25lJy8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

section.contact .form__textarea.is-invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 .25rem rgba(220,53,69,.25);
          box-shadow: 0 0 0 .25rem rgba(220,53,69,.25);
}

section.contact .form__label {
  content: "​";
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  font: 500 1rem monospace,sans-serif;
  text-shadow: 0 0 5px rgba(51,255,51,.75);
  white-space: nowrap;
  color: #3f3f3f;
}

section.contact .form__label_four:before,
section.contact .form__label_one:before,
section.contact .form__label_three:before,
section.contact .form__label_two:before {
  border-right: 10px solid rgba(51,255,51,.75);
  border-right: calc(.1vw + 1px) solid rgba(51,255,51,.75);
  padding-right: 3px;
  padding-right: calc(3px + .1vw);
}

section.contact .form__label_one:before {
  content: "​";
  -webkit-animation: typed1 9.7s linear 1s infinite,beam-blink 1s infinite;
          animation: typed1 9.7s linear 1s infinite,beam-blink 1s infinite;
}

section.contact .form__label_two:before {
  content: "​";
  -webkit-animation: typed2 9.7s linear 1s infinite,beam-blink 1s infinite;
          animation: typed2 9.7s linear 1s infinite,beam-blink 1s infinite;
}

section.contact .form__label_three:before {
  content: "​";
  -webkit-animation: typed3 9.7s linear 1s infinite,beam-blink 1s infinite;
          animation: typed3 9.7s linear 1s infinite,beam-blink 1s infinite;
}

section.contact .form__label_four:before {
  content: "​";
  -webkit-animation: typed4 9.7s linear 1s infinite,beam-blink 1s infinite;
          animation: typed4 9.7s linear 1s infinite,beam-blink 1s infinite;
}

section.contact .form__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

section.contact .form__button {
  position: relative;
  width: 48%;
  height: 45px;
  font: 700 18px/75px "Jura",sans-serif;
  border: 0;
  text-transform: uppercase;
  color: var(--black-color);
  background-color: var(--black-color);
  -webkit-clip-path: polygon(92% 0,100% 25%,100% 100%,8% 100%,0 75%,0 0);
          clip-path: polygon(92% 0,100% 25%,100% 100%,8% 100%,0 75%,0 0);
}

section.contact .form__button-text:before,
section.contact .form__button:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

section.contact .form__button-text {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  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;
  background-color: var(--yellow-color);
  -webkit-clip-path: polygon(92% 0,100% 25%,100% 100%,8% 100%,0 75%,0 0);
          clip-path: polygon(92% 0,100% 25%,100% 100%,8% 100%,0 75%,0 0);
}

section.contact .form__button-text:before {
  color: var(--white-color);
}

.cyberpunk:before,
section.contact .form__button-glitch {
  content: "";
  position: absolute;
  width: 100%;
  background-color: var(--yellow-color);
}

section.contact .form__button-glitch {
  display: none;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-filter: drop-shadow(-2px 3px #67e3f3);
          filter: drop-shadow(-2px 3px #67e3f3);
}

section.contact .form__button-glitch:before {
  position: absolute;
  content: "";
  top: 5px;
  left: 5px;
  width: 100%;
  height: 30%;
  background-color: var(--red-color);
  -webkit-filter: drop-shadow(-2px 3px #67e3f3);
          filter: drop-shadow(-2px 3px #67e3f3);
}

section.contact .form__button-tag {
  position: absolute;
  bottom: -1px;
  right: 8%;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 1px;
  border-left: 3px solid var(--blue-color);
  color: hsl(0deg,0%,100%);
  background-color: #171614;
  padding: 0 5px;
  z-index: 3;
}

section.contact .form__button_reset {
  margin: 0 15px 0 0;
}

.cyberpunk:before {
  display: block;
  bottom: 0;
  left: 2px;
  height: 10px;
  -webkit-clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
          clip-path: polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px);
}

.cyberpunk.glitched,
.cyberpunk.glitched:before {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.cyberpunk.glitched {
  width: 100%;
  display: block;
  -webkit-animation-name: h1glitched;
          animation-name: h1glitched;
  -webkit-animation-duration: calc(var(--glitched-duration)*1.4);
          animation-duration: calc(var(--glitched-duration)*1.4);
}

.cyberpunk.glitched:before {
  -webkit-animation-name: h1beforeglitched;
          animation-name: h1beforeglitched;
  -webkit-animation-duration: calc(var(--glitched-duration)*2);
          animation-duration: calc(var(--glitched-duration)*2);
}

[data-augmented-ui~=bl-clip] {
  --aug-bl: 10px;
  --aug-b: 10px;
}

[data-augmented-ui~=tr-rect-x] {
  --aug-tr: 15px;
  --aug-b: 15px;
}

.contact__item[data-augmented-ui~=tl-2-clip-x] {
  --aug-tl: 8px;
}

.contact__left[data-augmented-ui~=b-rect-x] {
  --aug-bl: 25px;
}

.classes,
.modal {
  position: relative;
}

.classes {
  z-index: 50;
}

.modal {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  width: min(100% - .625rem,800px);
  border: 0;
  border-radius: 18px;
  overflow: initial;
  -webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);
          box-shadow: 0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);
  background: #121212;
  -webkit-animation-name: modalopen;
          animation-name: modalopen;
  -webkit-animation-duration: var(--modal-duration);
          animation-duration: var(--modal-duration);
}

.modal * {
  color: #f4f4f4;
}

.modal::-webkit-backdrop {
  background: rgba(0,0,0,.5);
}

.modal::backdrop {
  background: rgba(0,0,0,.5);
}

.modal::-webkit-scrollbar {
  display: none;
}

@supports (padding-top:clamp(.3125rem,.2104591837rem + .5102040816vw,.625rem)) {
  .modal__content {
    padding-top: clamp(.3125rem,.2104591837rem + .5102040816vw,.625rem);
  }
}

@supports not (padding-top:clamp(.3125rem,.2104591837rem + .5102040816vw,.625rem)) {
  .modal__content {
    padding-top: calc(.3125rem + .3125*(100vw - 20rem)/61.25);
  }
}

@supports (padding-right:clamp(.3125rem,.006377551rem + 1.5306122449vw,1.25rem)) {
  .modal__content {
    padding-right: clamp(.3125rem,.006377551rem + 1.5306122449vw,1.25rem);
  }
}

@supports not (padding-right:clamp(.3125rem,.006377551rem + 1.5306122449vw,1.25rem)) {
  .modal__content {
    padding-right: calc(.3125rem + .9375*(100vw - 20rem)/61.25);
  }
}

@supports (padding-bottom:clamp(.9375rem,.2232142857rem + 3.5714285714vw,3.125rem)) {
  .modal__content {
    padding-bottom: clamp(.9375rem,.2232142857rem + 3.5714285714vw,3.125rem);
  }
}

@supports not (padding-bottom:clamp(.9375rem,.2232142857rem + 3.5714285714vw,3.125rem)) {
  .modal__content {
    padding-bottom: calc(.9375rem + 2.1875*(100vw - 20rem)/61.25);
  }
}

@supports (padding-left:clamp(.3125rem,.006377551rem + 1.5306122449vw,1.25rem)) {
  .modal__content {
    padding-left: clamp(.3125rem,.006377551rem + 1.5306122449vw,1.25rem);
  }
}

@supports not (padding-left:clamp(.3125rem,.006377551rem + 1.5306122449vw,1.25rem)) {
  .modal__content {
    padding-left: calc(.3125rem + .9375*(100vw - 20rem)/61.25);
  }
}

.modal__close {
  position: absolute;
  width: 25px;
  height: 25px;
  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;
  border: 2px solid transparent;
  border-radius: 10%;
  cursor: pointer;
  background: 0 0;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  z-index: 5;
}

@supports (top:clamp(.625rem,.6045918367rem + .1020408163vw,.6875rem)) {
  .modal__close {
    top: clamp(.625rem,.6045918367rem + .1020408163vw,.6875rem);
  }
}

@supports not (top:clamp(.625rem,.6045918367rem + .1020408163vw,.6875rem)) {
  .modal__close {
    top: calc(.625rem + .0625*(100vw - 20rem)/61.25);
  }
}

@supports (right:clamp(.3125rem,.1492346939rem + .8163265306vw,.8125rem)) {
  .modal__close {
    right: clamp(.3125rem,.1492346939rem + .8163265306vw,.8125rem);
  }
}

@supports not (right:clamp(.3125rem,.1492346939rem + .8163265306vw,.8125rem)) {
  .modal__close {
    right: calc(.3125rem + .5*(100vw - 20rem)/61.25);
  }
}

.modal__close svg {
  width: 15px;
  height: 15px;
  stroke: #f4f4f4;
  fill: #f4f4f4;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.modal__top {
  position: relative;
  top: -30px;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 18px;
  margin-inline: auto;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.modal__line {
  position: absolute;
  inset: 0;
  background: #121212;
}

.modal__line:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  width: 800px;
  height: 100px;
  background: -webkit-gradient(linear,left top, left bottom,from(transparent),color-stop(var(--bs-pink)),color-stop(var(--bs-pink)),color-stop(var(--bs-pink)),to(transparent));
  background: -o-linear-gradient(transparent,var(--bs-pink),var(--bs-pink),var(--bs-pink),transparent);
  background: linear-gradient(transparent,var(--bs-pink),var(--bs-pink),var(--bs-pink),transparent);
  -webkit-filter: blur(7px);
          filter: blur(7px);
  -webkit-animation: rotation 4s linear infinite;
          animation: rotation 4s linear infinite;
}

._no-webp .modal__line:after{
  background: -o-radial-gradient(transparent,#121212),url(../images/bgModal.jpg) no-repeat center/100%; }

._no-webp .modal__line:after{
  background: radial-gradient(transparent,#121212),url(../images/bgModal.jpg) no-repeat center/100%; }

.modal__line:after {
  position: absolute;
  content: "";
  inset: 3px;
  border-radius: 18px;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.modal__body {
  position: relative;
  z-index: 1;
}

.modal__body,
.modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@supports (margin-bottom:clamp(1.5625rem,1.4604591837rem + .5102040816vw,1.875rem)) {
  .modal__header {
    margin-bottom: clamp(1.5625rem,1.4604591837rem + .5102040816vw,1.875rem);
  }
}

@supports not (margin-bottom:clamp(1.5625rem,1.4604591837rem + .5102040816vw,1.875rem)) {
  .modal__header {
    margin-bottom: calc(1.5625rem + .3125*(100vw - 20rem)/61.25);
  }
}

.modal__title {
  font-family: Comfortaa,sans-serif;
  text-transform: uppercase;
  font-size: 20px;
}

@supports (margin-bottom:clamp(.625rem,.5229591837rem + .5102040816vw,.9375rem)) {
  .modal__title {
    margin-bottom: clamp(.625rem,.5229591837rem + .5102040816vw,.9375rem);
  }
}

@supports not (margin-bottom:clamp(.625rem,.5229591837rem + .5102040816vw,.9375rem)) {
  .modal__title {
    margin-bottom: calc(.625rem + .3125*(100vw - 20rem)/61.25);
  }
}

.modal__inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal__left {
  position: relative;
  width: 48%;
}

.modal__left:before {
  position: absolute;
  content: "";
  top: 0;
  right: -4%;
  width: 1px;
  height: 100%;
  border: 1px solid transparent;
  -o-border-image: -o-linear-gradient(top,#121212,#eee,#121212) 1;
     border-image: -webkit-gradient(linear,left top, left bottom,from(#121212),color-stop(#eee),to(#121212)) 1;
     border-image: linear-gradient(180deg,#121212,#eee,#121212) 1;
}

.modal__right {
  width: 48%;
}

.modal__items {
  display: grid;
  place-items: center;
}

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

.modal__item a {
  font: 500 20px Raleway;
  letter-spacing: 1.5px;
}

.modal__item i:before {
  font-size: 24px;
}

.modal__item:not(:last-child) {
  margin: 0 0 calc(10px + 5*(100vw - 320px)/300);
}

.modal__icon {
  margin: 0 10px 0 0;
}

.form,
.form__item {
  position: relative;
  width: 100%;
}

.form input,
.form textarea {
  outline: 0;
  border: 0;
}

.form__item {
  height: 30px;
  margin: 0 0 30px;
}

.form__item_lust {
  margin: 0 0 calc(30px + 30*(100vw - 320px)/300);
}

.form__label,
.form__line {
  position: absolute;
  display: block;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  pointer-events: none;
}

.form__label {
  top: -5px;
  left: 0;
  font-family: Jura;
  font-size: 18px;
  line-height: 40px;
  z-index: 1;
}

.form__line {
  bottom: 0;
  width: 100%;
  height: .5px;
  border-radius: 2px;
  background: var(--bs-danger);
}

.form__text {
  resize: none;
  overflow: hidden;
}

.form__email,
.form__name,
.form__phone,
.form__text {
  position: absolute;
  width: 100%;
  height: 100%;
  letter-spacing: 1.5px;
  color: #f4f4f4;
  background: 0 0;
  padding: 5px;
  z-index: 1;
}

.form__email:focus+.form__label,
.form__email:valid+.form__label,
.form__name:focus+.form__label,
.form__name:valid+.form__label,
.form__phone:focus+.form__label,
.form__phone:valid+.form__label,
.form__text:focus+.form__label,
.form__text:valid+.form__label {
  font-size: 12px;
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);
}

.form__email:focus~.form__line,
.form__email:valid~.form__line,
.form__name:focus~.form__line,
.form__name:valid~.form__line,
.form__phone:focus~.form__line,
.form__phone:valid~.form__line,
.form__text:focus~.form__line,
.form__text:valid~.form__line {
  height: 100%;
}

.form__buttons {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.form__buttons:before {
  position: absolute;
  content: "";
  top: -4px;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: 1px;
  height: 33px;
  background: #1a1e21;
  z-index: 1;
}

.form__btn {
  position: relative;
  font: 700 14px/1 "Jura",sans-serif;
  letter-spacing: 1.2px;
  border: 1px solid #b18597;
  color: #f4f4f4;
  background: #541614;
}

.form__btn:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 99%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-shadow: 0 2px 3px #969696;
  color: #8e8e8e;
  background: #ce352e;
  padding: 2px 0;
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.form__btn:hover:before {
  background: #d54741;
}

.form__btn:active:before {
  text-shadow: 0 -2px 0 #ce352e,0 1px 1px #e3847f,0 0 4px #f4f4f4;
  color: #fae8e8;
  -webkit-transform: translateY(-3.3333333333px);
      -ms-transform: translateY(-3.3333333333px);
          transform: translateY(-3.3333333333px);
}

.form__btn_clean {
  width: 120px;
  height: 30px;
  border-right: none;
  border-radius: 10px 0 0 10px;
}

.form__btn_clean:before {
  content: "сброс";
  border-radius: 10px 0 0 10px;
}

.form__btn_send {
  width: 120px;
  height: 30px;
  border-left: none;
  border-radius: 0 10px 10px 0;
}

.form__btn_send:before {
  content: "отправить";
  border-radius: 0 10px 10px 0;
}

:root {
  --index: calc(1vw + 1vh);
  --color-scheme: light dark;
  --background-color: #fbfbfb;
  --text-color: #000;
  --colorChange: #f4f4f4;
  --modal-duration: 1s;
  --modal-color: #428bca;
  --vh: 1vh;
}

.title {
  position: relative;
  font-family: PoiretOne,sans-serif;
  font-weight: 600;
}

@supports (font-size:clamp(1.5rem,1.1326530612rem + 1.8367346939vw,2.625rem)) {
  .title {
    font-size: clamp(1.5rem,1.1326530612rem + 1.8367346939vw,2.625rem);
  }
}

@supports not (font-size:clamp(1.5rem,1.1326530612rem + 1.8367346939vw,2.625rem)) {
  .title {
    font-size: calc(1.5rem + 1.125*(100vw - 20rem)/61.25);
  }
}

.title:after {
  content: attr(data-text);
  overflow: hidden;
  clip: rect(0,9999px,0,0);
  animation: noise-anim 2s infinite linear alternate-reverse;
}

.img img,
.title:after,
.title:before {
  position: absolute;
  top: 0;
  left: 0;
}

.title:before {
  content: attr(data-text);
  overflow: hidden;
  clip: rect(0,9999px,0,0);
  animation: noise-anim-2 3s infinite linear alternate-reverse;
  -webkit-transform: translateX(-1px);
      -ms-transform: translateX(-1px);
          transform: translateX(-1px);
  text-shadow: 1px 0 #a10897;
}

.title:after {
  -webkit-transform: translateX(1px);
      -ms-transform: translateX(1px);
          transform: translateX(1px);
  text-shadow: -1px 0 #05d003;
}

.img {
  position: relative;
}

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

._touch .theme__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

._touch .theme__block {
  margin-bottom: 10px;
}

._touch .switch {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: unset;
          animation: unset;
}

._touch .switch__text {
  display: none;
}

._touch .switch__led-box,
._touch .switch__led-color,
._touch .switch__led-glass,
._touch .switch__led-light {
  border-radius: 50%;
}

._touch .switch__label {
  margin: 0;
}

._touch .switch__input:checked+.switch__btn {
  -webkit-box-shadow: inset 0 0 100px hsla(0deg,0%,0%,.2),inset 0 .5px 5px #999,inset 0 .7px 0 #888,inset 0 .9px 0 #777,inset 0 1.1px 0 #666,inset 0 1.3px 0 #555,inset 0 1.5px 0 #444,inset 0 1.7px 0 #333,0 0 16px 24px rgba(0,255,0,.1333333333),inset 0 0 16px 24px rgba(0,255,0,.1333333333);
          box-shadow: inset 0 0 100px hsla(0deg,0%,0%,.2),inset 0 .5px 5px #999,inset 0 .7px 0 #888,inset 0 .9px 0 #777,inset 0 1.1px 0 #666,inset 0 1.3px 0 #555,inset 0 1.5px 0 #444,inset 0 1.7px 0 #333,0 0 16px 24px rgba(0,255,0,.1333333333),inset 0 0 16px 24px rgba(0,255,0,.1333333333);
}

._touch .switch__input:checked+.switch__btn,
._touch .switch__input:checked+.switch__btn:before {
  background-image: -o-radial-gradient(#0f0,#0f0 100%,transparent 100%);
  background-image: radial-gradient(#0f0,#0f0 100%,transparent 100%);
}

._touch .anime {
  display: none;
}

.theme__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 10px 10px 5px;
}

.theme__box {
  position: relative;
  width: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.theme__icon {
  width: 33px;
  height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  border-radius: 50%;
  -webkit-box-shadow: -.05rem -.05rem .08rem rgba(0,0,51,.6),.05rem .05rem .1rem #b6b6fb,inset .5rem .5rem 2rem rgba(0,0,51,.5),inset .1rem .1rem .2rem rgba(0,0,51,.75),inset -.5rem -.5rem 4rem rgba(182,182,251,.5);
          box-shadow: -.05rem -.05rem .08rem rgba(0,0,51,.6),.05rem .05rem .1rem #b6b6fb,inset .5rem .5rem 2rem rgba(0,0,51,.5),inset .1rem .1rem .2rem rgba(0,0,51,.75),inset -.5rem -.5rem 4rem rgba(182,182,251,.5);
  margin-bottom: 20px;
}

.theme__icon ._icon-on {
  color: #ffeb3b;
  -webkit-transition: color .5s cubic-bezier(.7,.5,0,1);
  -o-transition: color .5s cubic-bezier(.7,.5,0,1);
  transition: color .5s cubic-bezier(.7,.5,0,1);
}

.theme__icon ._icon-off {
  display: none;
  color: var(--bs-gray-500);
  -webkit-transition: color .5s cubic-bezier(.7,.5,0,1);
  -o-transition: color .5s cubic-bezier(.7,.5,0,1);
  transition: color .5s cubic-bezier(.7,.5,0,1);
}

.theme__icon i:before {
  font-size: 20px;
}

.theme__btn {
  position: relative;
  width: 33px;
  height: 16px;
  border-radius: 25px;
  -webkit-filter: blur(.4px);
          filter: blur(.4px);
  -webkit-box-shadow: -.05rem -.05rem .08rem rgba(0,0,51,.6),.05rem .05rem .1rem #b6b6fb,inset .5rem .5rem 2rem rgba(0,0,51,.5),inset .1rem .1rem .2rem rgba(0,0,51,.75),inset -.5rem -.5rem 4rem rgba(182,182,251,.5);
          box-shadow: -.05rem -.05rem .08rem rgba(0,0,51,.6),.05rem .05rem .1rem #b6b6fb,inset .5rem .5rem 2rem rgba(0,0,51,.5),inset .1rem .1rem .2rem rgba(0,0,51,.75),inset -.5rem -.5rem 4rem rgba(182,182,251,.5);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.theme__switch {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--bs-gray-500);
  -webkit-filter: blur(.4px);
          filter: blur(.4px);
  -webkit-box-shadow: inset -.05rem -.05rem .08rem rgba(0,0,51,.6),inset .05rem .05rem .1rem #b6b6fb,.5rem .5rem 2rem rgba(0,0,51,.5),.1rem .1rem .2rem rgba(0,0,51,.75);
          box-shadow: inset -.05rem -.05rem .08rem rgba(0,0,51,.6),inset .05rem .05rem .1rem #b6b6fb,.5rem .5rem 2rem rgba(0,0,51,.5),.1rem .1rem .2rem rgba(0,0,51,.75);
  -webkit-animation: themeSwitchOff 1s ease 0s 1 normal forwards;
          animation: themeSwitchOff 1s ease 0s 1 normal forwards;
}

.switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  -webkit-animation: hide 1s ease 0s 1 normal forwards;
          animation: hide 1s ease 0s 1 normal forwards;
}

.switch__label {
  margin: 0 0 5px;
}

.switch__input {
  position: absolute;
  right: 0;
  opacity: 0;
}

.switch__input:checked+.switch__btn {
  -webkit-box-shadow: -.05rem -.05rem .08rem transparent,.05rem .05rem .1rem #b6b6fb,inset .5rem .5rem 2rem transparent,inset .1rem .1rem .2rem rgba(0,0,51,.3),inset -.5rem -.5rem 4rem rgba(182,182,251,.5);
          box-shadow: -.05rem -.05rem .08rem transparent,.05rem .05rem .1rem #b6b6fb,inset .5rem .5rem 2rem transparent,inset .1rem .1rem .2rem rgba(0,0,51,.3),inset -.5rem -.5rem 4rem rgba(182,182,251,.5);
  position: relative;
}

.switch__input:checked+.switch__btn:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(1px);
          filter: blur(1px);
}

.switch__input:checked+.switch__btn svg.scull {
  position: relative;
  -webkit-transform: scale(.9) translateY(2px);
      -ms-transform: scale(.9) translateY(2px);
          transform: scale(.9) translateY(2px);
  z-index: 1;
}

.switch__btn {
  position: relative;
  width: 50px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border-radius: 3px;
  -webkit-box-shadow: inset -.05rem -.05rem .08rem rgba(0,0,51,.6),inset .05rem .05rem .1rem #b6b6fb,.5rem .5rem 2rem rgba(0,0,51,.5),.1rem .1rem .2rem rgba(0,0,51,.75);
          box-shadow: inset -.05rem -.05rem .08rem rgba(0,0,51,.6),inset .05rem .05rem .1rem #b6b6fb,.5rem .5rem 2rem rgba(0,0,51,.5),.1rem .1rem .2rem rgba(0,0,51,.75);
  background: -webkit-gradient(linear,left top, left bottom,from(#c1cdcd),to(#94a8a8));
  background: -o-linear-gradient(#c1cdcd,#94a8a8);
  background: linear-gradient(#c1cdcd,#94a8a8);
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.switch__btn svg.scull {
  width: 15px;
  height: 15px;
  fill: #333;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.switch__led-box {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 0 0 9px;
}

.switch__led-color,
.switch__led-light {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.switch__led-color,
.switch__led-glass,
.switch__led-light {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-image: radial-gradient(#000,#030 42%,transparent 56%),-webkit-gradient(linear,left top, right top,color-stop(36%, rgba(0,0,0,.5)),to(rgba(255,255,255,.5)));
  background-image: -o-radial-gradient(#000,#030 42%,transparent 56%),-o-linear-gradient(left,rgba(0,0,0,.5) 36%,rgba(255,255,255,.5));
  background-image: radial-gradient(#000,#030 42%,transparent 56%),linear-gradient(to right,rgba(0,0,0,.5) 36%,rgba(255,255,255,.5));
  background-color: transparent;
}

.switch__led-color,
.switch__led-glass {
  border: 0;
  -webkit-box-shadow: 0 0 1em 1.5em rgba(0,255,0,.1333333333),inset 0 0 1em 1.5em rgba(0,255,0,.1333333333);
          box-shadow: 0 0 1em 1.5em rgba(0,255,0,.1333333333),inset 0 0 1em 1.5em rgba(0,255,0,.1333333333);
  background-image: -o-radial-gradient(#0f0,#0f0 50%,transparent 50%);
  background-image: radial-gradient(#0f0,#0f0 50%,transparent 50%);
  -webkit-filter: blur(1px);
          filter: blur(1px);
  opacity: 0;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}

.switch__led-glass {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image: -o-radial-gradient(rgba(255,255,255,0) 30%,rgba(0,0,0,.5333333333) 50%,rgba(255,255,255,0) 55%);
  background-image: radial-gradient(rgba(255,255,255,0) 30%,rgba(0,0,0,.5333333333) 50%,rgba(255,255,255,0) 55%);
  opacity: 1;
}

.switch__led-glass:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: -o-radial-gradient(#fff,rgba(255,255,255,0) 15%);
  background-image: radial-gradient(#fff,rgba(255,255,255,0) 15%);
}

.switch__text {
  font-family: "Jura",monospace,sans-serif;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  color: #f44336!important;
}

.anime {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.anime__li {
  position: absolute;
  bottom: -150px;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0,0,0,.18);
  background: rgba(0,0,0,.1);
  -webkit-animation: spin 5s linear infinite;
          animation: spin 5s linear infinite;
}

.anime__li:nth-child(1) {
  left: 35%;
  width: 150px;
  height: 150px;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.anime__li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  -webkit-transition-duration: 2s;
       -o-transition-duration: 2s;
          transition-duration: 2s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.anime__li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

.anime__li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  -webkit-transition-duration: 18s;
       -o-transition-duration: 18s;
          transition-duration: 18s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.anime__li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.anime__li:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.anime__li:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}

.anime__li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  -webkit-transition-duration: 45s;
       -o-transition-duration: 45s;
          transition-duration: 45s;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
}

.anime__li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  -webkit-transition-duration: 35s;
       -o-transition-duration: 35s;
          transition-duration: 35s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.anime__li:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  -webkit-transition-duration: 11s;
       -o-transition-duration: 11s;
          transition-duration: 11s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.scroll-down {
  --color: rgba(0, 0, 0, .11);
  --sizeX: 23px;
  --sizeY: 40px;
  position: relative;
  width: var(--sizeX);
  height: var(--sizeY);
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: calc(var(--sizeX)/10) solid rgba(51,51,51,.33);
  border-radius: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 10px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.scroll-down:before {
  content: "";
  position: absolute;
  bottom: 30px;
  top: 3px;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: 3px;
  height: 6px;
  background-color: rgba(51,51,51,.55);
  border-radius: 100%;
  -webkit-animation: scroll-down-anim 2s infinite;
          animation: scroll-down-anim 2s infinite;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 -5px 3px 1px rgba(51,51,51,.33);
          box-shadow: 0 -5px 3px 1px rgba(51,51,51,.33);
}

.chevrons {
  padding: 6px 0 0;
  margin-top: 38px;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.chevron-down {
  margin-top: -6px;
  position: relative;
  border: solid var(--color);
  border-width: 0 3px 3px 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.chevron-down:nth-child(odd) {
  -webkit-animation: pulse 500ms ease infinite alternate;
          animation: pulse 500ms ease infinite alternate;
}

.chevron-down:nth-child(even) {
  -webkit-animation: pulse 500ms ease infinite alternate 250ms;
          animation: pulse 500ms ease infinite alternate 250ms;
}

.info {
  position: fixed;
  top: 0;
  right: 15px;
  font-size: 16px;
  font-weight: 700;
  color: #a10897;
  z-index: 100;
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  right: auto;
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_container_wrapper,
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  overflow: hidden;
  top: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCSB_scrollTools {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
  background-repeat: no-repeat;
  opacity: .4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: .9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0,0,0,.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0,0,0,.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255,255,255,.1);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(255,255,255,.75);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0,0,0,.75);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255,255,255,.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: rgba(255,255,255,.75);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0,0,0,.75);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255,255,255,.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255,255,255,.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

._no-webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-repeat: repeat-y;
  opacity: .3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

._no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear,left top, right top,color-stop(0, rgba(255,255,255,.5)),to(rgba(255,255,255,0)));
  background-image: linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(255,255,255,.5)),to(rgba(255,255,255,0)));
  background-image: linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0,0,0,.2);
  -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2);
          box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,.1);
          box-shadow: inset 1px 0 1px rgba(0,0,0,.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
          box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
  -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5);
          box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0,0,0,.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,.1);
          box-shadow: inset 1px 1px 16px rgba(0,0,0,.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  -webkit-box-shadow: inset 0 0 14px rgba(0,0,0,.2);
          box-shadow: inset 0 0 14px rgba(0,0,0,.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2);
          box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0,0,0,.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,.1);
          box-shadow: inset 1px 1px 16px rgba(0,0,0,.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0,0,0,.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0,0,0,.2);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: rgba(0,0,0,.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0,0,0,.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255,255,255,.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0,0,0,.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255,255,255,.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.9);
}

.mCSB_inside>.mCSB_container {
  margin-right: 16px!important;
}

.mCSB_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

[data-theme=dark] {
  --text-color: #f4f4f4;
  --background-color: #3F3F3F;
}

[data-theme=dark] body {
  background-image: -o-radial-gradient(rgba(244,244,244,.125),rgba(244,244,244,0)),-o-linear-gradient(top,#3f3f3f,#3f3f3f 2px,#111 3px);
  background-image: radial-gradient(rgba(244,244,244,.125),rgba(244,244,244,0)),linear-gradient(to bottom,#3f3f3f,#3f3f3f 2px,#111 3px);
}

[data-theme=dark] hr {
  background: rgba(255,255,255,.22);
}

[data-theme=dark] .sidebar * {
  color: #f4f4f4;
}

[data-theme=dark] .menu {
  background: -webkit-gradient(linear,left top, left bottom,from(#576b6b),to(#3e4c4c));
  background: -o-linear-gradient(#576b6b,#3e4c4c);
  background: linear-gradient(#576b6b,#3e4c4c);
}

[data-theme=dark] ._icon-on {
  display: none;
}

[data-theme=dark] ._icon-off {
  display: block;
}

[data-theme=dark] .switch__btn {
  -webkit-box-shadow: inset -.05rem -.05rem .08rem rgba(0,0,51,.6),inset .05rem .05rem .1rem #b6b6fb,.5rem .5rem 2rem rgba(0,0,51,.5),.1rem .1rem .2rem rgba(0,0,51,.75);
          box-shadow: inset -.05rem -.05rem .08rem rgba(0,0,51,.6),inset .05rem .05rem .1rem #b6b6fb,.5rem .5rem 2rem rgba(0,0,51,.5),.1rem .1rem .2rem rgba(0,0,51,.75);
  background: -webkit-gradient(linear,left top, left bottom,from(#576b6b),to(#3e4c4c));
  background: -o-linear-gradient(#576b6b,#3e4c4c);
  background: linear-gradient(#576b6b,#3e4c4c);
}

[data-theme=dark] .switch__input:checked+.switch__btn {
  -webkit-box-shadow: -.05rem -.05rem .08rem rgba(0,0,51,.4),.05rem .05rem .1rem #b6b6fb,inset .5rem .5rem 2rem transparent,inset .1rem .1rem .2rem transparent,inset -.5rem -.5rem 4rem transparent;
          box-shadow: -.05rem -.05rem .08rem rgba(0,0,51,.4),.05rem .05rem .1rem #b6b6fb,inset .5rem .5rem 2rem transparent,inset .1rem .1rem .2rem transparent,inset -.5rem -.5rem 4rem transparent;
}

[data-theme=dark] .theme__switch {
  -webkit-animation: themeSwitchOn 1s ease 0s 1 normal forwards;
          animation: themeSwitchOn 1s ease 0s 1 normal forwards;
}

[data-theme=dark] .chevron-down,
[data-theme=dark] .scroll-down {
  border-color: #9e9e9e;
}

[data-theme=dark] .scroll-down::before {
  -webkit-box-shadow: 0 -5px 3px 1px rgba(255,255,255,.33);
          box-shadow: 0 -5px 3px 1px rgba(255,255,255,.33);
  background-color: #9e9e9e;
}

[data-theme=dark] .about__btn {
  color: #eee;
  background: #3f3f3f;
}

[data-theme=dark] .about__btn:after,
[data-theme=dark] .portfolio__btn:after {
  color: rgba(255,255,255,.33);
}

[data-theme=dark] .inset {
  background-image: -o-radial-gradient(rgba(244,244,244,.125),rgba(244,244,244,0)),-o-linear-gradient(top,#3f3f3f,#3f3f3f 2px,#111 3px);
  background-image: radial-gradient(rgba(244,244,244,.125),rgba(244,244,244,0)),linear-gradient(to bottom,#3f3f3f,#3f3f3f 2px,#111 3px);
}

[data-theme=dark] .skill-progress {
  border-color: #3f3f3f;
}

[data-theme=dark] .portfolio__btn {
  color: #eee;
  background: #3f3f3f;
}

[data-theme=dark] footer * {
  color: #eee;
}

.carousel {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

.carousel.is-draggable {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.carousel.is-dragging {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.carousel__viewport {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}

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

.carousel__slide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--carousel-slide-width, 60%);
  max-width: 100%;
  padding: 1rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.has-dots {
  margin-bottom: calc(.5rem + 22px);
}

.carousel__button,
.carousel__dots {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.carousel__dots {
  margin: 0 auto;
  position: absolute;
  top: calc(100% + .5rem);
  left: 0;
  right: 0;
  list-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.carousel__dots .carousel__dot {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.carousel__dots .carousel__dot:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  background-color: currentColor;
  opacity: .25;
  -webkit-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
}

.carousel__dots .carousel__dot.is-selected:after {
  opacity: 1;
}

.carousel__button {
  width: var(--carousel-button-width, 48px);
  height: var(--carousel-button-height, 48px);
  border: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: all;
  cursor: pointer;
  color: var(--carousel-button-color, currentColor);
  background: var(--carousel-button-bg, transparent);
  border-radius: var(--carousel-button-border-radius, 50%);
  -webkit-box-shadow: var(--carousel-button-shadow, none);
          box-shadow: var(--carousel-button-shadow, none);
  -webkit-transition: opacity .15s ease;
  -o-transition: opacity .15s ease;
  transition: opacity .15s ease;
}

.carousel__button.is-next,
.carousel__button.is-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.carousel__button.is-prev {
  left: 10px;
}

.carousel__button.is-next {
  right: 10px;
}

.carousel__button[disabled] {
  cursor: default;
  opacity: .3;
}

.carousel__button svg {
  width: var(--carousel-button-svg-width, 50%);
  height: var(--carousel-button-svg-height, 50%);
  fill: none;
  stroke: currentColor;
  stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
  stroke-linejoin: bevel;
  stroke-linecap: round;
  -webkit-filter: var(--carousel-button-svg-filter, none);
          filter: var(--carousel-button-svg-filter, none);
  pointer-events: none;
}

html.with-fancybox {
  scroll-behavior: auto;
}

body.compensate-for-scrollbar {
  overflow: hidden!important;
  -ms-touch-action: none;
      touch-action: none;
}

.fancybox__container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  margin: 0;
  padding: env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--fancybox-color, #fff);
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  z-index: 1050;
  outline: 0;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  --carousel-button-width: 48px;
  --carousel-button-height: 48px;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
  --carousel-button-svg-stroke-width: 2.5;
  --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}

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

.fancybox__container :focus {
  outline: 0;
}

body:not(.is-using-mouse) .fancybox__container :focus {
  -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
          box-shadow: 0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}

.fancybox__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
}

.fancybox__carousel {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  z-index: 10;
}

.fancybox__carousel.has-dots {
  margin-bottom: calc(.5rem + 22px);
}

.fancybox__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
  cursor: default;
}

.fancybox__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.fancybox__slide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 48px 8px 8px;
  position: relative;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  outline: 0;
  overflow: auto;
  --carousel-button-width: 36px;
  --carousel-button-height: 36px;
  --carousel-button-svg-width: 22px;
  --carousel-button-svg-height: 22px;
}

.fancybox__slide::after,
.fancybox__slide::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0px;
          flex: 0 0 0;
  margin: auto;
}

.fancybox__content {
  margin: 0 env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0);
  padding: 36px;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  position: relative;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 20;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: thin dotted;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.fancybox__caption {
  -ms-flex-item-align: center;
      align-self: center;
  max-width: 100%;
  margin: 0;
  padding: 1rem 0 0;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  visibility: visible;
  cursor: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow-wrap: anywhere;
}

.is-loading .fancybox__caption {
  visibility: hidden;
}

.fancybox__container>.carousel__dots {
  top: 100%;
  color: var(--fancybox-color, #fff);
}

.fancybox__nav .carousel__button {
  z-index: 40;
}

.fancybox__nav .carousel__button.is-next {
  right: 8px;
}

.fancybox__nav .carousel__button.is-prev {
  left: 8px;
}

.carousel__button.is-close {
  position: absolute;
  top: 8px;
  right: 8px;
  top: calc(env(safe-area-inset-top,0) + 8px);
  right: calc(env(safe-area-inset-right,0) + 8px);
  z-index: 40;
}

.fancybox__content>.carousel__button.is-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: var(--fancybox-color, #fff);
}

.fancybox__no-click,
.fancybox__no-click button {
  pointer-events: none;
}

.fancybox__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  width: 50px;
  height: 50px;
  color: var(--fancybox-color, currentColor);
}

.fancybox__slide .fancybox__spinner {
  cursor: pointer;
  z-index: 1053;
}

.fancybox__spinner svg {
  -webkit-animation: fancybox-rotate 2s linear infinite;
          animation: fancybox-rotate 2s linear infinite;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

.fancybox__spinner svg circle {
  fill: none;
  stroke-width: 2.75;
  stroke-miterlimit: 10;
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  -webkit-animation: fancybox-dash 1.5s ease-in-out infinite;
          animation: fancybox-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: currentColor;
}

.carousel__button.is-close,
.carousel__dots,
.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav {
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close,
.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav {
  -webkit-animation: .15s ease backwards fancybox-fadeIn;
          animation: .15s ease backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .carousel__button.is-close,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav {
  -webkit-animation: .15s ease both fancybox-fadeOut;
          animation: .15s ease both fancybox-fadeOut;
}

.fancybox-fadeIn {
  -webkit-animation: .15s ease both fancybox-fadeIn;
          animation: .15s ease both fancybox-fadeIn;
}

.fancybox-fadeOut {
  -webkit-animation: .1s ease both fancybox-fadeOut;
          animation: .1s ease both fancybox-fadeOut;
}

.fancybox-zoomInUp {
  -webkit-animation: .2s ease both fancybox-zoomInUp;
          animation: .2s ease both fancybox-zoomInUp;
}

.fancybox-zoomOutDown {
  -webkit-animation: .15s ease both fancybox-zoomOutDown;
          animation: .15s ease both fancybox-zoomOutDown;
}

.fancybox-throwOutUp {
  -webkit-animation: .15s ease both fancybox-throwOutUp;
          animation: .15s ease both fancybox-throwOutUp;
}

.fancybox-throwOutDown {
  -webkit-animation: .15s ease both fancybox-throwOutDown;
          animation: .15s ease both fancybox-throwOutDown;
}

.fancybox__carousel .carousel__slide {
  scrollbar-width: thin;
  scrollbar-color: #ccc rgba(255,255,255,.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
  background-color: rgba(255,255,255,.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2);
          box-shadow: inset 0 0 4px rgba(0,0,0,.2);
}

.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox__carousel .fancybox__slide .fancybox__content {
  cursor: auto;
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox__image {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.has-image .fancybox__content {
  padding: 0;
  background: 0 0;
  min-height: 1px;
}

.is-closing .has-image .fancybox__content {
  overflow: visible;
}

.has-image[data-image-fit=contain] {
  overflow: visible;
  -ms-touch-action: none;
      touch-action: none;
}

.has-image[data-image-fit=contain] .fancybox__content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.has-image[data-image-fit=contain] .fancybox__image {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.has-image[data-image-fit=contain-w] {
  overflow-x: hidden;
  overflow-y: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__content {
  min-height: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__image {
  max-width: 100%;
  height: auto;
}

.has-image[data-image-fit=cover] {
  overflow: visible;
  -ms-touch-action: none;
      touch-action: none;
}

.has-image[data-image-fit=cover] .fancybox__content {
  width: 100%;
  height: 100%;
}

.has-image[data-image-fit=cover] .fancybox__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  max-width: 100%;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  width: 100%;
  height: 80%;
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
  padding: 0;
  background: rgba(24,24,27,.9);
  color: #fff;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video,
.fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: 0 0;
}

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

.fancybox__thumbs {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  padding: 0 3px;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
  -webkit-animation: .15s ease-in backwards fancybox-fadeIn;
          animation: .15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
  opacity: 0;
}

.fancybox__thumbs .carousel__slide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--fancybox-thumbs-width, 96px);
  margin: 0;
  padding: 8px 3px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  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;
  overflow: visible;
  cursor: pointer;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-width: 5px;
  border-style: solid;
  border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  opacity: 0;
  -webkit-transition: opacity .15s ease;
  -o-transition: opacity .15s ease;
  transition: opacity .15s ease;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
  opacity: .92;
}

.fancybox__thumbs .carousel__slide>* {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.fancybox__thumb {
  position: relative;
  width: 100%;
  padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
  background-size: cover;
  background-position: center center;
  background-color: rgba(255,255,255,.1);
  background-repeat: no-repeat;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__toolbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background: -webkit-gradient(linear,left bottom, left top,color-stop(0, hsla(0deg,0%,0%,0)),color-stop(8.1%, hsla(0deg,0%,0%,.006)),color-stop(15.5%, hsla(0deg,0%,0%,.021)),color-stop(22.5%, hsla(0deg,0%,0%,.046)),color-stop(29%, hsla(0deg,0%,0%,.077)),color-stop(35.3%, hsla(0deg,0%,0%,.114)),color-stop(41.2%, hsla(0deg,0%,0%,.155)),color-stop(47.1%, hsla(0deg,0%,0%,.198)),color-stop(52.9%, hsla(0deg,0%,0%,.242)),color-stop(58.8%, hsla(0deg,0%,0%,.285)),color-stop(64.7%, hsla(0deg,0%,0%,.326)),color-stop(71%, hsla(0deg,0%,0%,.363)),color-stop(77.5%, hsla(0deg,0%,0%,.394)),color-stop(84.5%, hsla(0deg,0%,0%,.419)),color-stop(91.9%, hsla(0deg,0%,0%,.434)),to(hsla(0deg,0%,0%,.44)));
  background: -o-linear-gradient(bottom,hsla(0deg,0%,0%,0) 0,hsla(0deg,0%,0%,.006) 8.1%,hsla(0deg,0%,0%,.021) 15.5%,hsla(0deg,0%,0%,.046) 22.5%,hsla(0deg,0%,0%,.077) 29%,hsla(0deg,0%,0%,.114) 35.3%,hsla(0deg,0%,0%,.155) 41.2%,hsla(0deg,0%,0%,.198) 47.1%,hsla(0deg,0%,0%,.242) 52.9%,hsla(0deg,0%,0%,.285) 58.8%,hsla(0deg,0%,0%,.326) 64.7%,hsla(0deg,0%,0%,.363) 71%,hsla(0deg,0%,0%,.394) 77.5%,hsla(0deg,0%,0%,.419) 84.5%,hsla(0deg,0%,0%,.434) 91.9%,hsla(0deg,0%,0%,.44) 100%);
  background: linear-gradient(to top,hsla(0deg,0%,0%,0) 0,hsla(0deg,0%,0%,.006) 8.1%,hsla(0deg,0%,0%,.021) 15.5%,hsla(0deg,0%,0%,.046) 22.5%,hsla(0deg,0%,0%,.077) 29%,hsla(0deg,0%,0%,.114) 35.3%,hsla(0deg,0%,0%,.155) 41.2%,hsla(0deg,0%,0%,.198) 47.1%,hsla(0deg,0%,0%,.242) 52.9%,hsla(0deg,0%,0%,.285) 58.8%,hsla(0deg,0%,0%,.326) 64.7%,hsla(0deg,0%,0%,.363) 71%,hsla(0deg,0%,0%,.394) 77.5%,hsla(0deg,0%,0%,.419) 84.5%,hsla(0deg,0%,0%,.434) 91.9%,hsla(0deg,0%,0%,.44) 100%);
  padding: 0;
  -ms-touch-action: none;
      touch-action: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
  -webkit-animation: .15s ease-in backwards fancybox-fadeIn;
          animation: .15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
  opacity: 0;
}

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

.fancybox__toolbar__items--left {
  margin-right: auto;
}

.fancybox__toolbar__items--center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.fancybox__toolbar__items--right {
  margin-left: auto;
}

.fancybox__counter {
  min-width: 72px;
  padding: 0 10px;
  line-height: var(--carousel-button-height, 48px);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox__progress {
  background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0;
      -ms-transform-origin: 0;
          transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  z-index: 30;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.fancybox__container:-webkit-full-screen::backdrop {
  opacity: 0;
}

.fancybox__container:-ms-fullscreen::backdrop {
  opacity: 0;
}

.fancybox__container:fullscreen::-webkit-backdrop {
  opacity: 0;
}

.fancybox__container:fullscreen::backdrop {
  opacity: 0;
}

.fancybox__button--fullscreen g:nth-child(2),
.fancybox__button--slideshow g:nth-child(2) {
  display: none;
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
  display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
  display: block;
}

@media (min-width:576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }

  .col-sm {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .row-cols-sm-auto>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }

  .col-sm-auto,
  .row-cols-sm-6>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    width: auto;
  }

  .col-sm-1,
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-3,
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-5,
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7,
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-10,
  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-11,
  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }

  .d-sm-inline {
    display: inline;
  }

  .d-sm-inline-block {
    display: inline-block;
  }

  .d-sm-block {
    display: block;
  }

  .d-sm-grid {
    display: grid;
  }

  .d-sm-table {
    display: table;
  }

  .d-sm-table-row {
    display: table-row;
  }

  .d-sm-table-cell {
    display: table-cell;
  }

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

  .d-sm-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .d-sm-none {
    display: none;
  }

  .flex-sm-fill {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .flex-sm-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .flex-sm-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .flex-sm-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .flex-sm-grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }

  .flex-sm-grow-1 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .flex-sm-shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .flex-sm-shrink-1 {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }

  .justify-content-sm-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .justify-content-sm-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .justify-content-sm-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .justify-content-sm-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .justify-content-sm-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .align-items-sm-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .align-items-sm-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .align-items-sm-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .align-items-sm-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

  .align-items-sm-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }

  .align-self-sm-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .align-self-sm-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .align-self-sm-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }

  .order-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

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

  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-sm-last {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .m-sm-0 {
    margin: 0;
  }

  .m-sm-1 {
    margin: .25rem;
  }

  .m-sm-2 {
    margin: .5rem;
  }

  .m-sm-3 {
    margin: 1rem;
  }

  .m-sm-4 {
    margin: 1.5rem;
  }

  .m-sm-5 {
    margin: 3rem;
  }

  .m-sm-auto {
    margin: auto;
  }

  .mx-sm-0 {
    margin-right: 0;
    margin-left: 0;
  }

  .mx-sm-1 {
    margin-right: .25rem;
    margin-left: .25rem;
  }

  .mx-sm-2 {
    margin-right: .5rem;
    margin-left: .5rem;
  }

  .mx-sm-3 {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .mx-sm-4 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }

  .mx-sm-5 {
    margin-right: 3rem;
    margin-left: 3rem;
  }

  .mx-sm-auto {
    margin-right: auto;
    margin-left: auto;
  }

  .my-sm-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .my-sm-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .my-sm-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .my-sm-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .my-sm-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .my-sm-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .my-sm-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .mt-sm-0 {
    margin-top: 0;
  }

  .mt-sm-1 {
    margin-top: .25rem;
  }

  .mt-sm-2 {
    margin-top: .5rem;
  }

  .mt-sm-3 {
    margin-top: 1rem;
  }

  .mt-sm-4 {
    margin-top: 1.5rem;
  }

  .mt-sm-5 {
    margin-top: 3rem;
  }

  .mt-sm-auto {
    margin-top: auto;
  }

  .me-sm-0 {
    margin-right: 0;
  }

  .me-sm-1 {
    margin-right: .25rem;
  }

  .me-sm-2 {
    margin-right: .5rem;
  }

  .me-sm-3 {
    margin-right: 1rem;
  }

  .me-sm-4 {
    margin-right: 1.5rem;
  }

  .me-sm-5 {
    margin-right: 3rem;
  }

  .me-sm-auto {
    margin-right: auto;
  }

  .mb-sm-0 {
    margin-bottom: 0;
  }

  .mb-sm-1 {
    margin-bottom: .25rem;
  }

  .mb-sm-2 {
    margin-bottom: .5rem;
  }

  .mb-sm-3 {
    margin-bottom: 1rem;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem;
  }

  .mb-sm-5 {
    margin-bottom: 3rem;
  }

  .mb-sm-auto {
    margin-bottom: auto;
  }

  .ms-sm-0 {
    margin-left: 0;
  }

  .ms-sm-1 {
    margin-left: .25rem;
  }

  .ms-sm-2 {
    margin-left: .5rem;
  }

  .ms-sm-3 {
    margin-left: 1rem;
  }

  .ms-sm-4 {
    margin-left: 1.5rem;
  }

  .ms-sm-5 {
    margin-left: 3rem;
  }

  .ms-sm-auto {
    margin-left: auto;
  }

  .p-sm-0 {
    padding: 0;
  }

  .p-sm-1 {
    padding: .25rem;
  }

  .p-sm-2 {
    padding: .5rem;
  }

  .p-sm-3 {
    padding: 1rem;
  }

  .p-sm-4 {
    padding: 1.5rem;
  }

  .p-sm-5 {
    padding: 3rem;
  }

  .px-sm-0 {
    padding-right: 0;
    padding-left: 0;
  }

  .px-sm-1 {
    padding-right: .25rem;
    padding-left: .25rem;
  }

  .px-sm-2 {
    padding-right: .5rem;
    padding-left: .5rem;
  }

  .px-sm-3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .px-sm-4 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .px-sm-5 {
    padding-right: 3rem;
    padding-left: 3rem;
  }

  .py-sm-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .py-sm-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .py-sm-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .py-sm-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .py-sm-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .py-sm-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .pt-sm-0 {
    padding-top: 0;
  }

  .pt-sm-1 {
    padding-top: .25rem;
  }

  .pt-sm-2 {
    padding-top: .5rem;
  }

  .pt-sm-3 {
    padding-top: 1rem;
  }

  .pt-sm-4 {
    padding-top: 1.5rem;
  }

  .pt-sm-5 {
    padding-top: 3rem;
  }

  .pe-sm-0 {
    padding-right: 0;
  }

  .pe-sm-1 {
    padding-right: .25rem;
  }

  .pe-sm-2 {
    padding-right: .5rem;
  }

  .pe-sm-3 {
    padding-right: 1rem;
  }

  .pe-sm-4 {
    padding-right: 1.5rem;
  }

  .pe-sm-5 {
    padding-right: 3rem;
  }

  .pb-sm-0 {
    padding-bottom: 0;
  }

  .pb-sm-1 {
    padding-bottom: .25rem;
  }

  .pb-sm-2 {
    padding-bottom: .5rem;
  }

  .pb-sm-3 {
    padding-bottom: 1rem;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem;
  }

  .pb-sm-5 {
    padding-bottom: 3rem;
  }

  .ps-sm-0 {
    padding-left: 0;
  }

  .ps-sm-1 {
    padding-left: .25rem;
  }

  .ps-sm-2 {
    padding-left: .5rem;
  }

  .ps-sm-3 {
    padding-left: 1rem;
  }

  .ps-sm-4 {
    padding-left: 1.5rem;
  }

  .ps-sm-5 {
    padding-left: 3rem;
  }
}

@media (min-width:768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }

  .col-md {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .row-cols-md-auto>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }

  .col-md-auto,
  .row-cols-md-6>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    width: auto;
  }

  .col-md-1,
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-3,
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-5,
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7,
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-10,
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-11,
  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }

  .d-md-inline {
    display: inline;
  }

  .d-md-inline-block {
    display: inline-block;
  }

  .d-md-block {
    display: block;
  }

  .d-md-grid {
    display: grid;
  }

  .d-md-table {
    display: table;
  }

  .d-md-table-row {
    display: table-row;
  }

  .d-md-table-cell {
    display: table-cell;
  }

  .d-md-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .d-md-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .d-md-none {
    display: none;
  }

  .flex-md-fill {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .flex-md-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .flex-md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .flex-md-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .flex-md-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .flex-md-grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }

  .flex-md-grow-1 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .flex-md-shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .flex-md-shrink-1 {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }

  .justify-content-md-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .justify-content-md-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .justify-content-md-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .justify-content-md-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .justify-content-md-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .align-items-md-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .align-items-md-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .align-items-md-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .align-items-md-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

  .align-items-md-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .align-content-md-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }

  .align-content-md-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }

  .align-content-md-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }

  .align-self-md-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .align-self-md-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .align-self-md-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }

  .order-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

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

  .order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-md-last {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .m-md-0 {
    margin: 0;
  }

  .m-md-1 {
    margin: .25rem;
  }

  .m-md-2 {
    margin: .5rem;
  }

  .m-md-3 {
    margin: 1rem;
  }

  .m-md-4 {
    margin: 1.5rem;
  }

  .m-md-5 {
    margin: 3rem;
  }

  .m-md-auto {
    margin: auto;
  }

  .mx-md-0 {
    margin-right: 0;
    margin-left: 0;
  }

  .mx-md-1 {
    margin-right: .25rem;
    margin-left: .25rem;
  }

  .mx-md-2 {
    margin-right: .5rem;
    margin-left: .5rem;
  }

  .mx-md-3 {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .mx-md-4 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }

  .mx-md-5 {
    margin-right: 3rem;
    margin-left: 3rem;
  }

  .mx-md-auto {
    margin-right: auto;
    margin-left: auto;
  }

  .my-md-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .my-md-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .my-md-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .my-md-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .my-md-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .my-md-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .my-md-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .mt-md-0 {
    margin-top: 0;
  }

  .mt-md-1 {
    margin-top: .25rem;
  }

  .mt-md-2 {
    margin-top: .5rem;
  }

  .mt-md-3 {
    margin-top: 1rem;
  }

  .mt-md-4 {
    margin-top: 1.5rem;
  }

  .mt-md-5 {
    margin-top: 3rem;
  }

  .mt-md-auto {
    margin-top: auto;
  }

  .me-md-0 {
    margin-right: 0;
  }

  .me-md-1 {
    margin-right: .25rem;
  }

  .me-md-2 {
    margin-right: .5rem;
  }

  .me-md-3 {
    margin-right: 1rem;
  }

  .me-md-4 {
    margin-right: 1.5rem;
  }

  .me-md-5 {
    margin-right: 3rem;
  }

  .me-md-auto {
    margin-right: auto;
  }

  .mb-md-0 {
    margin-bottom: 0;
  }

  .mb-md-1 {
    margin-bottom: .25rem;
  }

  .mb-md-2 {
    margin-bottom: .5rem;
  }

  .mb-md-3 {
    margin-bottom: 1rem;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem;
  }

  .mb-md-5 {
    margin-bottom: 3rem;
  }

  .mb-md-auto {
    margin-bottom: auto;
  }

  .ms-md-0 {
    margin-left: 0;
  }

  .ms-md-1 {
    margin-left: .25rem;
  }

  .ms-md-2 {
    margin-left: .5rem;
  }

  .ms-md-3 {
    margin-left: 1rem;
  }

  .ms-md-4 {
    margin-left: 1.5rem;
  }

  .ms-md-5 {
    margin-left: 3rem;
  }

  .ms-md-auto {
    margin-left: auto;
  }

  .p-md-0 {
    padding: 0;
  }

  .p-md-1 {
    padding: .25rem;
  }

  .p-md-2 {
    padding: .5rem;
  }

  .p-md-3 {
    padding: 1rem;
  }

  .p-md-4 {
    padding: 1.5rem;
  }

  .p-md-5 {
    padding: 3rem;
  }

  .px-md-0 {
    padding-right: 0;
    padding-left: 0;
  }

  .px-md-1 {
    padding-right: .25rem;
    padding-left: .25rem;
  }

  .px-md-2 {
    padding-right: .5rem;
    padding-left: .5rem;
  }

  .px-md-3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .px-md-4 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .px-md-5 {
    padding-right: 3rem;
    padding-left: 3rem;
  }

  .py-md-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .py-md-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .py-md-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .py-md-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .py-md-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .py-md-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .pt-md-0 {
    padding-top: 0;
  }

  .pt-md-1 {
    padding-top: .25rem;
  }

  .pt-md-2 {
    padding-top: .5rem;
  }

  .pt-md-3 {
    padding-top: 1rem;
  }

  .pt-md-4 {
    padding-top: 1.5rem;
  }

  .pt-md-5 {
    padding-top: 3rem;
  }

  .pe-md-0 {
    padding-right: 0;
  }

  .pe-md-1 {
    padding-right: .25rem;
  }

  .pe-md-2 {
    padding-right: .5rem;
  }

  .pe-md-3 {
    padding-right: 1rem;
  }

  .pe-md-4 {
    padding-right: 1.5rem;
  }

  .pe-md-5 {
    padding-right: 3rem;
  }

  .pb-md-0 {
    padding-bottom: 0;
  }

  .pb-md-1 {
    padding-bottom: .25rem;
  }

  .pb-md-2 {
    padding-bottom: .5rem;
  }

  .pb-md-3 {
    padding-bottom: 1rem;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem;
  }

  .pb-md-5 {
    padding-bottom: 3rem;
  }

  .ps-md-0 {
    padding-left: 0;
  }

  .ps-md-1 {
    padding-left: .25rem;
  }

  .ps-md-2 {
    padding-left: .5rem;
  }

  .ps-md-3 {
    padding-left: 1rem;
  }

  .ps-md-4 {
    padding-left: 1.5rem;
  }

  .ps-md-5 {
    padding-left: 3rem;
  }

  .modal__line:after {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
  }
}

@media (min-width:992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }

  .col-lg {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .row-cols-lg-auto>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }

  .col-lg-auto,
  .row-cols-lg-6>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    width: auto;
  }

  .col-lg-1,
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-3,
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-5,
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7,
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-10,
  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-11,
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }

  .d-lg-inline {
    display: inline;
  }

  .d-lg-inline-block {
    display: inline-block;
  }

  .d-lg-block {
    display: block;
  }

  .d-lg-grid {
    display: grid;
  }

  .d-lg-table {
    display: table;
  }

  .d-lg-table-row {
    display: table-row;
  }

  .d-lg-table-cell {
    display: table-cell;
  }

  .d-lg-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .d-lg-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .d-lg-none {
    display: none;
  }

  .flex-lg-fill {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .flex-lg-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .flex-lg-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .flex-lg-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .flex-lg-grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }

  .flex-lg-grow-1 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .flex-lg-shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .flex-lg-shrink-1 {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }

  .justify-content-lg-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .justify-content-lg-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .justify-content-lg-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .justify-content-lg-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .justify-content-lg-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .align-items-lg-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .align-items-lg-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .align-items-lg-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .align-items-lg-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

  .align-items-lg-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }

  .align-self-lg-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .align-self-lg-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .align-self-lg-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }

  .order-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

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

  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-lg-last {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .m-lg-0 {
    margin: 0;
  }

  .m-lg-1 {
    margin: .25rem;
  }

  .m-lg-2 {
    margin: .5rem;
  }

  .m-lg-3 {
    margin: 1rem;
  }

  .m-lg-4 {
    margin: 1.5rem;
  }

  .m-lg-5 {
    margin: 3rem;
  }

  .m-lg-auto {
    margin: auto;
  }

  .mx-lg-0 {
    margin-right: 0;
    margin-left: 0;
  }

  .mx-lg-1 {
    margin-right: .25rem;
    margin-left: .25rem;
  }

  .mx-lg-2 {
    margin-right: .5rem;
    margin-left: .5rem;
  }

  .mx-lg-3 {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .mx-lg-4 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }

  .mx-lg-5 {
    margin-right: 3rem;
    margin-left: 3rem;
  }

  .mx-lg-auto {
    margin-right: auto;
    margin-left: auto;
  }

  .my-lg-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .my-lg-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .my-lg-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .my-lg-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .my-lg-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .my-lg-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .my-lg-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .mt-lg-0 {
    margin-top: 0;
  }

  .mt-lg-1 {
    margin-top: .25rem;
  }

  .mt-lg-2 {
    margin-top: .5rem;
  }

  .mt-lg-3 {
    margin-top: 1rem;
  }

  .mt-lg-4 {
    margin-top: 1.5rem;
  }

  .mt-lg-5 {
    margin-top: 3rem;
  }

  .mt-lg-auto {
    margin-top: auto;
  }

  .me-lg-0 {
    margin-right: 0;
  }

  .me-lg-1 {
    margin-right: .25rem;
  }

  .me-lg-2 {
    margin-right: .5rem;
  }

  .me-lg-3 {
    margin-right: 1rem;
  }

  .me-lg-4 {
    margin-right: 1.5rem;
  }

  .me-lg-5 {
    margin-right: 3rem;
  }

  .me-lg-auto {
    margin-right: auto;
  }

  .mb-lg-0 {
    margin-bottom: 0;
  }

  .mb-lg-1 {
    margin-bottom: .25rem;
  }

  .mb-lg-2 {
    margin-bottom: .5rem;
  }

  .mb-lg-3 {
    margin-bottom: 1rem;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem;
  }

  .mb-lg-5 {
    margin-bottom: 3rem;
  }

  .mb-lg-auto {
    margin-bottom: auto;
  }

  .ms-lg-0 {
    margin-left: 0;
  }

  .ms-lg-1 {
    margin-left: .25rem;
  }

  .ms-lg-2 {
    margin-left: .5rem;
  }

  .ms-lg-3 {
    margin-left: 1rem;
  }

  .ms-lg-4 {
    margin-left: 1.5rem;
  }

  .ms-lg-5 {
    margin-left: 3rem;
  }

  .ms-lg-auto {
    margin-left: auto;
  }

  .p-lg-0 {
    padding: 0;
  }

  .p-lg-1 {
    padding: .25rem;
  }

  .p-lg-2 {
    padding: .5rem;
  }

  .p-lg-3 {
    padding: 1rem;
  }

  .p-lg-4 {
    padding: 1.5rem;
  }

  .p-lg-5 {
    padding: 3rem;
  }

  .px-lg-0 {
    padding-right: 0;
    padding-left: 0;
  }

  .px-lg-1 {
    padding-right: .25rem;
    padding-left: .25rem;
  }

  .px-lg-2 {
    padding-right: .5rem;
    padding-left: .5rem;
  }

  .px-lg-3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .px-lg-4 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .px-lg-5 {
    padding-right: 3rem;
    padding-left: 3rem;
  }

  .py-lg-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .py-lg-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .py-lg-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .py-lg-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .py-lg-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .py-lg-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .pt-lg-0 {
    padding-top: 0;
  }

  .pt-lg-1 {
    padding-top: .25rem;
  }

  .pt-lg-2 {
    padding-top: .5rem;
  }

  .pt-lg-3 {
    padding-top: 1rem;
  }

  .pt-lg-4 {
    padding-top: 1.5rem;
  }

  .pt-lg-5 {
    padding-top: 3rem;
  }

  .pe-lg-0 {
    padding-right: 0;
  }

  .pe-lg-1 {
    padding-right: .25rem;
  }

  .pe-lg-2 {
    padding-right: .5rem;
  }

  .pe-lg-3 {
    padding-right: 1rem;
  }

  .pe-lg-4 {
    padding-right: 1.5rem;
  }

  .pe-lg-5 {
    padding-right: 3rem;
  }

  .pb-lg-0 {
    padding-bottom: 0;
  }

  .pb-lg-1 {
    padding-bottom: .25rem;
  }

  .pb-lg-2 {
    padding-bottom: .5rem;
  }

  .pb-lg-3 {
    padding-bottom: 1rem;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem;
  }

  .pb-lg-5 {
    padding-bottom: 3rem;
  }

  .ps-lg-0 {
    padding-left: 0;
  }

  .ps-lg-1 {
    padding-left: .25rem;
  }

  .ps-lg-2 {
    padding-left: .5rem;
  }

  .ps-lg-3 {
    padding-left: 1rem;
  }

  .ps-lg-4 {
    padding-left: 1.5rem;
  }

  .ps-lg-5 {
    padding-left: 3rem;
  }
}

@media all and (min-width:1024px) {
  .fancybox__container {
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 27px;
    --carousel-button-svg-height: 27px;
  }

  .fancybox__slide {
    padding: 64px 100px;
  }

  .fancybox__nav .carousel__button.is-next {
    right: 40px;
  }

  .fancybox__nav .carousel__button.is-prev {
    left: 40px;
  }

  .carousel__button.is-close {
    right: 40px;
  }

  .fancybox__toolbar {
    padding: 8px;
  }
}

@media (min-width:1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }

  .col-xl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .row-cols-xl-auto>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }

  .col-xl-auto,
  .row-cols-xl-6>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    width: auto;
  }

  .col-xl-1,
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    width: 16.66666667%;
  }

  .col-xl-3,
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    width: 33.33333333%;
  }

  .col-xl-5,
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    width: 50%;
  }

  .col-xl-7,
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    width: 66.66666667%;
  }

  .col-xl-10,
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    width: 83.33333333%;
  }

  .col-xl-11,
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }

  .d-xl-inline {
    display: inline;
  }

  .d-xl-inline-block {
    display: inline-block;
  }

  .d-xl-block {
    display: block;
  }

  .d-xl-grid {
    display: grid;
  }

  .d-xl-table {
    display: table;
  }

  .d-xl-table-row {
    display: table-row;
  }

  .d-xl-table-cell {
    display: table-cell;
  }

  .d-xl-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .d-xl-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .d-xl-none {
    display: none;
  }

  .flex-xl-fill {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .flex-xl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .flex-xl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .flex-xl-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .flex-xl-grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }

  .flex-xl-grow-1 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .flex-xl-shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .flex-xl-shrink-1 {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }

  .justify-content-xl-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .justify-content-xl-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .justify-content-xl-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .justify-content-xl-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .justify-content-xl-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .justify-content-xl-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .align-items-xl-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .align-items-xl-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .align-items-xl-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .align-items-xl-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

  .align-items-xl-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .align-content-xl-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }

  .align-content-xl-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }

  .align-content-xl-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }

  .align-content-xl-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }

  .align-self-xl-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }

  .align-self-xl-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .align-self-xl-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .align-self-xl-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }

  .order-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

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

  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-xl-last {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .m-xl-0 {
    margin: 0;
  }

  .m-xl-1 {
    margin: .25rem;
  }

  .m-xl-2 {
    margin: .5rem;
  }

  .m-xl-3 {
    margin: 1rem;
  }

  .m-xl-4 {
    margin: 1.5rem;
  }

  .m-xl-5 {
    margin: 3rem;
  }

  .m-xl-auto {
    margin: auto;
  }

  .mx-xl-0 {
    margin-right: 0;
    margin-left: 0;
  }

  .mx-xl-1 {
    margin-right: .25rem;
    margin-left: .25rem;
  }

  .mx-xl-2 {
    margin-right: .5rem;
    margin-left: .5rem;
  }

  .mx-xl-3 {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .mx-xl-4 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }

  .mx-xl-5 {
    margin-right: 3rem;
    margin-left: 3rem;
  }

  .mx-xl-auto {
    margin-right: auto;
    margin-left: auto;
  }

  .my-xl-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .my-xl-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .my-xl-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .my-xl-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .my-xl-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .my-xl-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .my-xl-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .mt-xl-0 {
    margin-top: 0;
  }

  .mt-xl-1 {
    margin-top: .25rem;
  }

  .mt-xl-2 {
    margin-top: .5rem;
  }

  .mt-xl-3 {
    margin-top: 1rem;
  }

  .mt-xl-4 {
    margin-top: 1.5rem;
  }

  .mt-xl-5 {
    margin-top: 3rem;
  }

  .mt-xl-auto {
    margin-top: auto;
  }

  .me-xl-0 {
    margin-right: 0;
  }

  .me-xl-1 {
    margin-right: .25rem;
  }

  .me-xl-2 {
    margin-right: .5rem;
  }

  .me-xl-3 {
    margin-right: 1rem;
  }

  .me-xl-4 {
    margin-right: 1.5rem;
  }

  .me-xl-5 {
    margin-right: 3rem;
  }

  .me-xl-auto {
    margin-right: auto;
  }

  .mb-xl-0 {
    margin-bottom: 0;
  }

  .mb-xl-1 {
    margin-bottom: .25rem;
  }

  .mb-xl-2 {
    margin-bottom: .5rem;
  }

  .mb-xl-3 {
    margin-bottom: 1rem;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem;
  }

  .mb-xl-5 {
    margin-bottom: 3rem;
  }

  .mb-xl-auto {
    margin-bottom: auto;
  }

  .ms-xl-0 {
    margin-left: 0;
  }

  .ms-xl-1 {
    margin-left: .25rem;
  }

  .ms-xl-2 {
    margin-left: .5rem;
  }

  .ms-xl-3 {
    margin-left: 1rem;
  }

  .ms-xl-4 {
    margin-left: 1.5rem;
  }

  .ms-xl-5 {
    margin-left: 3rem;
  }

  .ms-xl-auto {
    margin-left: auto;
  }

  .p-xl-0 {
    padding: 0;
  }

  .p-xl-1 {
    padding: .25rem;
  }

  .p-xl-2 {
    padding: .5rem;
  }

  .p-xl-3 {
    padding: 1rem;
  }

  .p-xl-4 {
    padding: 1.5rem;
  }

  .p-xl-5 {
    padding: 3rem;
  }

  .px-xl-0 {
    padding-right: 0;
    padding-left: 0;
  }

  .px-xl-1 {
    padding-right: .25rem;
    padding-left: .25rem;
  }

  .px-xl-2 {
    padding-right: .5rem;
    padding-left: .5rem;
  }

  .px-xl-3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .px-xl-4 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .px-xl-5 {
    padding-right: 3rem;
    padding-left: 3rem;
  }

  .py-xl-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .py-xl-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .py-xl-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .py-xl-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .py-xl-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .py-xl-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .pt-xl-0 {
    padding-top: 0;
  }

  .pt-xl-1 {
    padding-top: .25rem;
  }

  .pt-xl-2 {
    padding-top: .5rem;
  }

  .pt-xl-3 {
    padding-top: 1rem;
  }

  .pt-xl-4 {
    padding-top: 1.5rem;
  }

  .pt-xl-5 {
    padding-top: 3rem;
  }

  .pe-xl-0 {
    padding-right: 0;
  }

  .pe-xl-1 {
    padding-right: .25rem;
  }

  .pe-xl-2 {
    padding-right: .5rem;
  }

  .pe-xl-3 {
    padding-right: 1rem;
  }

  .pe-xl-4 {
    padding-right: 1.5rem;
  }

  .pe-xl-5 {
    padding-right: 3rem;
  }

  .pb-xl-0 {
    padding-bottom: 0;
  }

  .pb-xl-1 {
    padding-bottom: .25rem;
  }

  .pb-xl-2 {
    padding-bottom: .5rem;
  }

  .pb-xl-3 {
    padding-bottom: 1rem;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem;
  }

  .pb-xl-5 {
    padding-bottom: 3rem;
  }

  .ps-xl-0 {
    padding-left: 0;
  }

  .ps-xl-1 {
    padding-left: .25rem;
  }

  .ps-xl-2 {
    padding-left: .5rem;
  }

  .ps-xl-3 {
    padding-left: 1rem;
  }

  .ps-xl-4 {
    padding-left: 1.5rem;
  }

  .ps-xl-5 {
    padding-left: 3rem;
  }
}

@media (min-width:1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }

  .col-xxl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .row-cols-xxl-auto>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6>* {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1,
  .col-xxl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    width: 16.66666667%;
  }

  .col-xxl-3,
  .col-xxl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    width: 33.33333333%;
  }

  .col-xxl-5,
  .col-xxl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    width: 50%;
  }

  .col-xxl-7,
  .col-xxl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    width: 66.66666667%;
  }

  .col-xxl-10,
  .col-xxl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    width: 83.33333333%;
  }

  .col-xxl-11,
  .col-xxl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }

  .d-xxl-inline {
    display: inline;
  }

  .d-xxl-inline-block {
    display: inline-block;
  }

  .d-xxl-block {
    display: block;
  }

  .d-xxl-grid {
    display: grid;
  }

  .d-xxl-table {
    display: table;
  }

  .d-xxl-table-row {
    display: table-row;
  }

  .d-xxl-table-cell {
    display: table-cell;
  }

  .d-xxl-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .d-xxl-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .d-xxl-none {
    display: none;
  }

  .flex-xxl-fill {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .flex-xxl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .flex-xxl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .flex-xxl-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .flex-xxl-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .flex-xxl-grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }

  .flex-xxl-grow-1 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .flex-xxl-shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .flex-xxl-shrink-1 {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }

  .flex-xxl-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }

  .justify-content-xxl-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .justify-content-xxl-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .justify-content-xxl-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .justify-content-xxl-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .justify-content-xxl-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .justify-content-xxl-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .align-items-xxl-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .align-items-xxl-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .align-items-xxl-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .align-items-xxl-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

  .align-items-xxl-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .align-content-xxl-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }

  .align-content-xxl-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }

  .align-content-xxl-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }

  .align-content-xxl-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .align-content-xxl-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }

  .align-self-xxl-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }

  .align-self-xxl-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .align-self-xxl-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .align-self-xxl-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .align-self-xxl-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }

  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }

  .order-xxl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .order-xxl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .order-xxl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-xxl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

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

  .order-xxl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-xxl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-xxl-last {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .m-xxl-0 {
    margin: 0;
  }

  .m-xxl-1 {
    margin: .25rem;
  }

  .m-xxl-2 {
    margin: .5rem;
  }

  .m-xxl-3 {
    margin: 1rem;
  }

  .m-xxl-4 {
    margin: 1.5rem;
  }

  .m-xxl-5 {
    margin: 3rem;
  }

  .m-xxl-auto {
    margin: auto;
  }

  .mx-xxl-0 {
    margin-right: 0;
    margin-left: 0;
  }

  .mx-xxl-1 {
    margin-right: .25rem;
    margin-left: .25rem;
  }

  .mx-xxl-2 {
    margin-right: .5rem;
    margin-left: .5rem;
  }

  .mx-xxl-3 {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }

  .mx-xxl-5 {
    margin-right: 3rem;
    margin-left: 3rem;
  }

  .mx-xxl-auto {
    margin-right: auto;
    margin-left: auto;
  }

  .my-xxl-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .my-xxl-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .my-xxl-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .my-xxl-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .my-xxl-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .my-xxl-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .my-xxl-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .mt-xxl-0 {
    margin-top: 0;
  }

  .mt-xxl-1 {
    margin-top: .25rem;
  }

  .mt-xxl-2 {
    margin-top: .5rem;
  }

  .mt-xxl-3 {
    margin-top: 1rem;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem;
  }

  .mt-xxl-5 {
    margin-top: 3rem;
  }

  .mt-xxl-auto {
    margin-top: auto;
  }

  .me-xxl-0 {
    margin-right: 0;
  }

  .me-xxl-1 {
    margin-right: .25rem;
  }

  .me-xxl-2 {
    margin-right: .5rem;
  }

  .me-xxl-3 {
    margin-right: 1rem;
  }

  .me-xxl-4 {
    margin-right: 1.5rem;
  }

  .me-xxl-5 {
    margin-right: 3rem;
  }

  .me-xxl-auto {
    margin-right: auto;
  }

  .mb-xxl-0 {
    margin-bottom: 0;
  }

  .mb-xxl-1 {
    margin-bottom: .25rem;
  }

  .mb-xxl-2 {
    margin-bottom: .5rem;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem;
  }

  .mb-xxl-auto {
    margin-bottom: auto;
  }

  .ms-xxl-0 {
    margin-left: 0;
  }

  .ms-xxl-1 {
    margin-left: .25rem;
  }

  .ms-xxl-2 {
    margin-left: .5rem;
  }

  .ms-xxl-3 {
    margin-left: 1rem;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem;
  }

  .ms-xxl-5 {
    margin-left: 3rem;
  }

  .ms-xxl-auto {
    margin-left: auto;
  }

  .p-xxl-0 {
    padding: 0;
  }

  .p-xxl-1 {
    padding: .25rem;
  }

  .p-xxl-2 {
    padding: .5rem;
  }

  .p-xxl-3 {
    padding: 1rem;
  }

  .p-xxl-4 {
    padding: 1.5rem;
  }

  .p-xxl-5 {
    padding: 3rem;
  }

  .px-xxl-0 {
    padding-right: 0;
    padding-left: 0;
  }

  .px-xxl-1 {
    padding-right: .25rem;
    padding-left: .25rem;
  }

  .px-xxl-2 {
    padding-right: .5rem;
    padding-left: .5rem;
  }

  .px-xxl-3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .px-xxl-4 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .px-xxl-5 {
    padding-right: 3rem;
    padding-left: 3rem;
  }

  .py-xxl-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .py-xxl-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .py-xxl-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .py-xxl-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .py-xxl-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .py-xxl-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .pt-xxl-0 {
    padding-top: 0;
  }

  .pt-xxl-1 {
    padding-top: .25rem;
  }

  .pt-xxl-2 {
    padding-top: .5rem;
  }

  .pt-xxl-3 {
    padding-top: 1rem;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem;
  }

  .pt-xxl-5 {
    padding-top: 3rem;
  }

  .pe-xxl-0 {
    padding-right: 0;
  }

  .pe-xxl-1 {
    padding-right: .25rem;
  }

  .pe-xxl-2 {
    padding-right: .5rem;
  }

  .pe-xxl-3 {
    padding-right: 1rem;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem;
  }

  .pe-xxl-5 {
    padding-right: 3rem;
  }

  .pb-xxl-0 {
    padding-bottom: 0;
  }

  .pb-xxl-1 {
    padding-bottom: .25rem;
  }

  .pb-xxl-2 {
    padding-bottom: .5rem;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem;
  }

  .ps-xxl-0 {
    padding-left: 0;
  }

  .ps-xxl-1 {
    padding-left: .25rem;
  }

  .ps-xxl-2 {
    padding-left: .5rem;
  }

  .ps-xxl-3 {
    padding-left: 1rem;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem;
  }

  .ps-xxl-5 {
    padding-left: 3rem;
  }
}

@media (max-width:1280px) {
  ._block_content {
    padding-top: calc(25px + -20*((100vw - 320px)/960));
    padding-bottom: calc(25px + -20*((100vw - 320px)/960));
  }

  .menu__content {
    width: calc(60px + 6*((100vw - 320px)/960));
  }

  .menu__content .hr-top {
    margin-bottom: calc(5px + 35*((100vw - 320px)/960));
  }

  .menu__button {
    width: calc(60px + 6*((100vw - 320px)/960));
  }

  .menu__btn {
    width: calc(50px + 5*((100vw - 320px)/960));
    height: calc(55px + 5*((100vw - 320px)/960));
  }

  .menu__logo-icon {
    width: calc(42px + 13*((100vw - 320px)/960));
  }

  .menu__logo-name {
    font-size: calc(15px + 2*((100vw - 320px)/960));
  }

  .menu__item {
    height: calc(35px + 25*((100vw - 320px)/960));
  }

  .menu__icon {
    min-width: calc(50px + 5*((100vw - 320px)/960));
    height: calc(35px + 15*((100vw - 320px)/960));
    font-size: calc(18px + 6*((100vw - 320px)/960));
    border-radius: calc(0px + 8*((100vw - 320px)/960));
  }

  .menu__message {
    margin-bottom: calc(10px + 30*((100vw - 320px)/960));
  }

  .menu__message-content {
    border-radius: calc(0px + 8*((100vw - 320px)/960));
  }

  .menu__btn-icon {
    min-width: calc(50px + 5*((100vw - 320px)/960));
    height: calc(40px + 10*((100vw - 320px)/960));
    font-size: calc(18px + 6*((100vw - 320px)/960));
  }

  .about__subtitle {
    font-size: calc(12px + 12*((100vw - 320px)/960));
  }

  .technology__header {
    margin-bottom: calc(25px + 25*((100vw - 320px)/960));
  }

  .technology__subtitle {
    margin-bottom: calc(20px + 10*((100vw - 320px)/960));
  }

  .technology__left {
    margin-right: calc(0px + 20*((100vw - 320px)/960));
  }

  .technology__inner-wrapper {
    padding-top: calc(20px + -20*((100vw - 320px)/960));
  }

  .portfolio__header {
    margin-bottom: calc(25px + 25*((100vw - 320px)/960));
  }

  .portfolio__items {
    -webkit-column-gap: calc(0px + 20*((100vw - 320px)/960));
       -moz-column-gap: calc(0px + 20*((100vw - 320px)/960));
            column-gap: calc(0px + 20*((100vw - 320px)/960));
    row-gap: calc(15px + 5*((100vw - 320px)/960));
  }

  .portfolio__btn {
    width: calc(200px + 50*((100vw - 320px)/960));
    height: calc(40px + 10*((100vw - 320px)/960));
  }

  .item__picture {
    height: calc(200px + 50*((100vw - 320px)/960));
    margin-bottom: calc(15px + 5*((100vw - 320px)/960));
  }

  .contact__header {
    margin-bottom: calc(25px + 25*((100vw - 320px)/960));
  }

  .modal__title {
    font-size: calc(16px + 4*((100vw - 320px)/960));
  }

  ._touch .theme__block {
    margin-bottom: calc(15px + -5*((100vw - 320px)/960));
  }

  .theme__content {
    padding: calc(10px + 0*((100vw - 320px)/960)) calc(5px + 5*((100vw - 320px)/960)) calc(10px + 0*((100vw - 320px)/960)) calc(5px + 0*((100vw - 320px)/960));
  }

  .theme__icon {
    width: calc(14px + 19*((100vw - 320px)/960));
    height: calc(14px + 19*((100vw - 320px)/960));
    margin-bottom: calc(5px + 15*((100vw - 320px)/960));
  }

  .theme__icon i:before {
    font-size: calc(10px + 10*((100vw - 320px)/960));
  }

  .theme__btn {
    width: calc(25px + 8*((100vw - 320px)/960));
    height: calc(15px + 1*((100vw - 320px)/960));
    border-radius: calc(1px + 24*((100vw - 320px)/960));
  }

  .theme__switch {
    width: calc(10px + 0*((100vw - 320px)/960));
    height: calc(10px + 0*((100vw - 320px)/960));
  }

  .switch__btn {
    width: calc(25px + 25*((100vw - 320px)/960));
    height: calc(15px + 5*((100vw - 320px)/960));
  }

  .switch__btn svg.scull {
    width: calc(10px + 5*((100vw - 320px)/960));
    height: calc(10px + 5*((100vw - 320px)/960));
  }

  .switch__led-box {
    width: calc(16px + 4*((100vw - 320px)/960));
    height: calc(16px + 4*((100vw - 320px)/960));
  }

  .switch__led-color,
  .switch__led-glass,
  .switch__led-light {
    width: calc(16px + 4*((100vw - 320px)/960));
    height: calc(16px + 4*((100vw - 320px)/960));
  }

  .switch__text {
    font-size: calc(11px + 1*((100vw - 320px)/960));
  }
}

@media all and (max-width:1023px) and (max-height:767px) and (orientation:landscape) {
  .wrapper.on._loaded .page__pagination {
    display: none;
  }
}

@media (max-width:768px) {
  .technology__right {
    width: 50%;
  }
}

@media only screen and (max-width:768px) and (max-height:768px) {
  .modal {
    height: 100%;
  }

  .modal__content {
    height: 100%;
    overflow: auto;
  }

  .modal__top {
    top: unset;
    -webkit-margin-after: 20px;
            margin-block-end: 20px;
  }
}

@media all and (max-width:767px) and (max-height:1023px) and (orientation:portrait) {
  .wrapper.on._loaded .page__pagination {
    display: none;
  }
}

@media (max-width:767px) {
  .menu__link._active {
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
  }

  .portfolio__items {
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
  }

  .scroll-down {
    margin: 0;
  }
}

@media (max-width:740px) and (max-height:740px) {
  ._touch .on .page {
    overflow: hidden!important;
    padding: 0!important;
  }

  ._touch .on section [class*=__body] {
    height: 100%;
    overflow: auto;
  }

  ._touch .on .about__body {
    height: unset!important;
    overflow: unset!important;
  }

  ._touch .on ._block_content {
    height: 100vh;
  }

  ._touch .on .portfolio__content {
    -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
            justify-content: flex-start!important;
  }

  ._touch .on .portfolio__btn {
    margin: 0 0 8px;
  }

  ._touch .on .scroll-down {
    display: none!important;
  }

  ._touch .on .technology__content {
    padding-bottom: 40px;
  }

  ._touch .on .technology__inner-wrapper {
    height: 550px;
  }

  ._touch .on .contact__content {
    padding-bottom: calc(var(--vh, 1vh)*12);
  }
}

@media (max-width:740px) and (max-height:740px) and (orientation:portrait) {
  ._touch .on .portfolio__body {
    height: unset!important;
  }
}

@media (max-width:740px) {
  ._touch .contact__right {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (hover:none) and (pointer:coarse) and (max-width:740px) and (orientation:landscape) {
  .menu__logo {
    display: none;
  }

  .menu__message {
    display: none;
  }

  ._touch .theme__block {
    margin: 0 0 10px;
  }

  .theme__icon {
    display: none;
  }

  .switch__led-box {
    display: none;
  }
}

@media (max-width:736px) and (min-height:320px) {
  .technology__content {
    height: 100%;
  }

  .portfolio__content {
    height: 100%;
  }

  .contact__content {
    height: 100%;
  }

  .contact__right {
    max-width: 400px;
  }

  .contact__right-body {
    max-width: 100%;
  }
}

@media (max-width:640px) {
  .fancybox__toolbar__items--center:not(:last-child) {
    display: none;
  }
}

@media (max-width:620px) and (orientation:landscape) {
  .menu__content .hr-top {
    margin: 0;
  }
}

@media (max-width:620px) {
  .menu__logo-icon i:before {
    font-size: calc(54px + 24*(100vw - 320px)/300);
  }

  .footer__logo {
    font-size: calc(14px + 8*(100vw - 320px)/300);
  }

  .footer__link:before {
    font-size: calc(20px + 4*(100vw - 320px)/300);
  }

  .about__btn {
    font-size: calc(16px + 4*(100vw - 320px)/300);
  }

  .technology__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .technology__left {
    width: 100%;
    height: unset;
    margin: 0 0 35px;
  }

  .technology__right {
    width: 100%;
  }

  .portfolio__btn {
    font-size: calc(16px + 4*(100vw - 320px)/300);
  }

  .contact__subtitle:before {
    font-size: calc(12px + 12*(100vw - 320px)/448);
  }

  .modal__top {
    width: calc(100px + 100*(100vw - 320px)/300);
    height: calc(100px + 100*(100vw - 320px)/300);
  }

  .modal__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .modal__left {
    width: 100%;
    margin: 0 0 25px;
  }

  .modal__left:before {
    display: none;
  }

  .modal__right {
    width: 100%;
  }

  .modal__item a {
    font-size: calc(14px + 6*(100vw - 320px)/300);
  }

  .modal__item i:before {
    font-size: calc(14px + 10*(100vw - 320px)/300);
  }

  ._touch .switch {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  ._touch .switch__led-box,
  ._touch .switch__led-color,
  ._touch .switch__led-glass,
  ._touch .switch__led-light {
    border-radius: calc(16% + 34*(100vw - 320px)/1600);
  }

  .theme__block {
    width: 100%;
  }

  .theme__box {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .theme__icon {
    border-radius: calc(16% + 34*(100vw - 320px)/1600);
    margin: 0;
  }

  .theme__switch {
    top: -1.5px;
    border-radius: calc(16% + 34*(100vw - 320px)/1600);
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
  }

  .switch__label {
    width: 100%;
  }

  .switch__btn {
    width: 100%;
  }

  .switch__led-box {
    display: none;
    margin: 0;
  }

  .switch__led-color,
  .switch__led-glass,
  .switch__led-light {
    background-image: radial-gradient(#000,#030 42%,transparent 56%),-webkit-gradient(linear,left top, right top,color-stop(-22%, rgba(0,0,0,.5)),to(rgba(255,255,255,.5)));
    background-image: -o-radial-gradient(#000,#030 42%,transparent 56%),-o-linear-gradient(left,rgba(0,0,0,.5) -22%,rgba(255,255,255,.5));
    background-image: radial-gradient(#000,#030 42%,transparent 56%),linear-gradient(to right,rgba(0,0,0,.5) -22%,rgba(255,255,255,.5));
  }
}

@media (hover:none) and (pointer:coarse) and (max-width:620px) and (orientation:portrait) {
  .technology__inner-wrapper {
    height: 100%;
  }

  .skill-progress {
    margin: 0 0 30px;
  }
}

@media (max-width:620px) and (min-height:740px) and (orientation:portrait) {
  .portfolio__scroll {
    max-height: 540px;
  }
}

@media (max-width:620px) and (max-height:740px) and (orientation:portrait) {
  .portfolio__scroll {
    max-height: 540px;
  }
}

@media (max-width:600px) {
  ._touch .sidebar {
    height: 98.8%;
  }
}

@media (max-width:568px) and (orientation:landscape) {
  .menu__item {
    height: 35px;
  }

  .menu__icon {
    height: 35px;
  }
}

@media all and (max-width:420px) and (orientation:portrait) {
  .footer__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

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

  .footer__logo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .footer__social {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 10px 0;
  }

  .footer__item:not(:last-child) {
    margin: 0 25px 0 0;
  }
}

@media (max-width:420px) {
  .about__subtitle:before {
    letter-spacing: normal;
  }

  .skill-progress {
    justify-self: center;
  }

  section.technology .scroll-down {
    display: none;
  }

  .contact__subtitle:before {
    letter-spacing: normal;
  }
}

@media (max-width:410px) and (max-height:740px) and (orientation:portrait) {
  .portfolio__scroll {
    max-height: 480px;
  }
}

@media (max-width:410px) {
  .modal__subtitle {
    text-align: center;
  }
}

@media all and (max-width:380px) and (orientation:portrait) {
  section.contact .form__item_textarea {
    height: 70px;
  }
}

@media (max-width:375px) and (max-height:740px) and (orientation:portrait) {
  .portfolio__scroll {
    max-height: 500px;
  }
}

@media (max-width:320px) {
  .menu__list {
    gap: 5px;
  }
}

@media (max-width:420px) and (min-width:410px) and (orientation:portrait) {
  .menu__content .hr-top {
    margin: 0 0 10px;
  }
}

@media (max-height:640px) and (orientation:landscape) {
  ._touch .on .contact__content,
  ._touch .on .portfolio__content {
    padding-bottom: calc(var(--vh, 1vh)*21);
  }
}

@media (max-height:640px) {
  ._touch .on .portfolio__scroll {
    height: 350px!important;
  }
}

@media (hover:none) and (pointer:coarse) and (orientation:landscape) {
  ._touch ._block_content {
    height: 100%;
  }

  .technology__body {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }

  .technology__inner-wrapper {
    height: 100%;
  }
}

@media print {
  .d-print-inline {
    display: inline;
  }

  .d-print-inline-block {
    display: inline-block;
  }

  .d-print-block {
    display: block;
  }

  .d-print-grid {
    display: grid;
  }

  .d-print-table {
    display: table;
  }

  .d-print-table-row {
    display: table-row;
  }

  .d-print-table-cell {
    display: table-cell;
  }

  .d-print-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .d-print-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .d-print-none {
    display: none;
  }
}

@media (any-hover:hover) {
  .menu__link:hover .menu__text,
  .menu__link:hover i:before {
    color: var(--clr);
  }

  .menu__message-content:hover {
    background: var(--clr);
  }

  .menu__message-content:hover:before {
    opacity: 1;
  }

  .menu__message-content:hover i:before {
    position: relative;
    color: var(--bs-gray-400);
    z-index: 1;
  }

  .menu__message-content:hover .menu__btn-text {
    color: #f4f4f4;
  }

  .footer__link:hover {
    color: var(--clr);
  }

  .about__btn:hover {
    -webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,.5),0 7px 20px 0 rgba(0,0,0,.2);
            box-shadow: 0 5px 8px 0 rgba(0,0,0,.5),0 7px 20px 0 rgba(0,0,0,.2);
  }

  .about__btn:hover:before {
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
  }

  .about__btn:hover:after {
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    visibility: visible;
    opacity: 1;
  }

  .technology__inner-content ._front:hover .skill-progress {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
  }

  .skill-progress:hover .inset {
    -webkit-transform: translateZ(30px) scale(.9);
            transform: translateZ(30px) scale(.9);
  }

  .portfolio__btn:hover {
    -webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,.5),0 7px 20px 0 rgba(0,0,0,.2);
            box-shadow: 0 5px 8px 0 rgba(0,0,0,.5),0 7px 20px 0 rgba(0,0,0,.2);
  }

  .item__picture:hover {
    -webkit-box-shadow: 0 8px 10px 0 rgba(0,0,0,.5),0 10px 25px 0 rgba(0,0,0,.2);
            box-shadow: 0 8px 10px 0 rgba(0,0,0,.5),0 10px 25px 0 rgba(0,0,0,.2);
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
  }

  .item__title:hover:before {
    width: 0%;
  }

  .contact__body:hover .contact__left {
    -webkit-animation: openLeft 1s normal forwards;
            animation: openLeft 1s normal forwards;
  }

  .contact__body:hover .contact__right {
    -webkit-animation: openRight 1s normal forwards;
            animation: openRight 1s normal forwards;
  }

  .contact__body:hover .contact__left-body:before {
    -webkit-animation: ef2 3s linear infinite;
            animation: ef2 3s linear infinite;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
  }

  .contact__body:hover .contact__item,
  .contact__body:hover .contact__item_overflow {
    right: -78%;
    -webkit-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
  }

  .contact__body:hover .contact__item .contact__item,
  .contact__body:hover .contact__item_overflow .contact__item {
    right: unset;
  }

  .contact__item:nth-child(2):hover,
  .contact__item:nth-child(3):hover {
    right: -5%;
  }

  .contact__item:nth-child(2):hover .contact__item-link:before,
  .contact__item:nth-child(3):hover .contact__item-link:before {
    color: var(--red-color);
    -webkit-filter: drop-shadow(0 1px 1px transparent);
            filter: drop-shadow(0 1px 1px transparent);
  }

  .contact__item_overflow:hover {
    right: -5%!important;
  }

  .contact__item_overflow:hover .contact__item-link:before {
    color: var(--red-color);
    -webkit-filter: drop-shadow(0 1px 1px transparent);
            filter: drop-shadow(0 1px 1px transparent);
  }

  .contact__item_overflow:hover .contact__item {
    right: 0!important;
  }

  .contact__right-body:hover:before {
    -webkit-animation: ef 2s linear infinite;
            animation: ef 2s linear infinite;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
  }

  section.contact .form__button:hover .form__button-glitch,
  section.contact .form__button:hover .form__button-text:before {
    display: block;
    -webkit-animation: glitch-animation 2s linear 0s infinite;
            animation: glitch-animation 2s linear 0s infinite;
  }

  .modal__close:hover {
    border-color: #f4f4f4;
  }

  .modal__line:hover:after {
    -webkit-filter: unset;
            filter: unset;
  }

  .modal__item:hover i:before {
    color: var(--clr);
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
  }

  .modal__item:hover a {
    color: var(--clr);
  }
}

@media (hover:none) and (pointer:coarse) and (max-height:420px) and (orientation:landscape) {
  .skill-progress {
    margin: 0 0 30px;
  }
}

@media (hover:none) and (pointer:coarse) {
  .portfolio__scroll {
    overflow: auto;
  }
}

._webp .modal__line:after{ background: -o-radial-gradient(transparent,#121212),url(../images/bgModal.webp) no-repeat center/100%; }

._webp .modal__line:after{ background: radial-gradient(transparent,#121212),url(../images/bgModal.webp) no-repeat center/100%; }

._webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{ background-image: url(data:image/webp;base64,UklGRl4AAABXRUJQVlA4WAoAAAAQAAAABwAABwAAQUxQSCAAAAABFyAQSILaX22NiAgHBW3bsLnsb+wKYRH9D4A/leoPAFZQOCAYAAAAMAEAnQEqCAAIAAIANCWkAANwAP77lAAA); }

._webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url(data:image/webp;base64,UklGRl4AAABXRUJQVlA4WAoAAAAQAAAABwAABwAAQUxQSCAAAAABFyAQSILaX22NiAgHBW3bsLnsb+wKYRH9D4A/leoPAFZQOCAYAAAAMAEAnQEqCAAIAAIANCWkAANwAP77/VAA); }