.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  -webkit-transform: translateZ(0) scale(1, 1);
          transform: translateZ(0) scale(1, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%; }

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%; }

#noty_layout__topLeft {
  top: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__topCenter {
  top: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__topRight {
  top: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%; }

#noty_layout__bottomLeft {
  bottom: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px), -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerLeft {
  top: 50%;
  left: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerRight {
  top: 50%;
  right: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

.noty_progressbar {
  display: none; }

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10); }

.noty_bar {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
  -ms-transform: translate(0, 0) scale(1, 1);
      transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden; }

.noty_effects_open {
  opacity: 0;
  -webkit-transform: translate(50%);
      -ms-transform: translate(50%);
          transform: translate(50%);
  -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.noty_effects_close {
  -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.noty_fix_effects_height {
  -webkit-animation: noty_anim_height 75ms ease-out;
          animation: noty_anim_height 75ms ease-out; }

.noty_close_with_click {
  cursor: pointer; }

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: .3;
  left: 0;
  top: 0; }

.noty_modal.noty_modal_open {
  opacity: 0;
  -webkit-animation: noty_modal_in .3s ease-out;
          animation: noty_modal_in .3s ease-out; }

.noty_modal.noty_modal_close {
  -webkit-animation: noty_modal_out .3s ease-out;
          animation: noty_modal_out .3s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@-webkit-keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@-webkit-keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; } }

@-webkit-keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
            transform: translate(50%);
    opacity: 0; } }

@keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
            transform: translate(50%);
    opacity: 0; } }

@-webkit-keyframes noty_anim_height {
  100% {
    height: 0; } }

@keyframes noty_anim_height {
  100% {
    height: 0; } }

/*# sourceMappingURL=noty.css.map*/
.noty_theme__mint.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__mint.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px; }
  .noty_theme__mint.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__mint.noty_type__alert,
.noty_theme__mint.noty_type__notification {
  background-color: #fff;
  border-bottom: 1px solid #D1D1D1;
  color: #2F2F2F; }

.noty_theme__mint.noty_type__warning {
  background-color: #FFAE42;
  border-bottom: 1px solid #E89F3C;
  color: #fff; }

.noty_theme__mint.noty_type__error {
  background-color: #DE636F;
  border-bottom: 1px solid #CA5A65;
  color: #fff; }

.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information {
  background-color: #7F7EFF;
  border-bottom: 1px solid #7473E8;
  color: #fff; }

.noty_theme__mint.noty_type__success {
  background-color: #AFC765;
  border-bottom: 1px solid #A0B55C;
  color: #fff; }

body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
@font-face {
    font-family: "rouble";
    src: url('../themes/tmp/assets/fonts/rouble.otf?v=1') format("opentype");
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

table {
    width: 100%;
    margin: 0 0 15px;
    border-collapse: collapse;
}

table td,
table th {
    border: 1px solid #ddd;
    padding: 8px;
}

.container.container-lg {padding-top: 60px; padding-bottom: 60px;}

.h1-title {font-size: 60px; margin-bottom: 40px;}
.h1-title.center {text-align: center;}

.h4-title {font-size: 25px; color: #888888; margin-bottom: 40px;}
.h4-title.center {text-align: center;}

.ul-grid-3 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;   margin: 30px 0; padding: 0; list-style: none;}
.ul-grid-3 li {padding: 30px; background: #ffffff; border-radius: 15px; text-align: center;}
.ul-grid-3 li h3 {font-size: 35px; color: #2f4b7e; line-height: 1.2;}

.reg-grid-2 {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.reg-grid-col p {border-radius: 15px; overflow: hidden;;}
.reg-grid-col p img {display: block; width: 100%; height: auto;}
.reg-grid-col h2 {text-align: center;}

.container-lg-btn {display: flex; align-items: center; justify-content: center; padding: 50px 0;}
body .btn-giant {height: 60px; padding: 0 40px; border-radius: 12px; font-size: 30px;}

.lg-grid-4 {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; list-style: none; margin: 60px 0;}
.lg-grid-4 li {background: #F6F6F6; background: #ffffff; padding: 20px; text-align: center; border-radius: 15px;}

html, body {
    margin: 0;
    padding: 0;
    font-size: 10px;
    background: #f5f7f9;
    font-family: 'Roboto', sans-serif;
    line-height: 1.2;
}

img {max-width: 100%; height: auto;}

.rub { font-family: rouble }

.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(189, 8, 29, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(189, 8, 29, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(189, 8, 29, 0);
    }
}

a:link, a:visited {
    color: #3b5998;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
    color: #384b87;
}

.fancybox-container {
    font-size: 1.6rem;
}

.modal {
    padding: 0;
    border-radius: 6px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.form-label {
    margin: 0 0 5px;
    display: inline-block;
}

.form-control {
    display: block;
    width: 100%;
    height: 35px;
    font-size: 1.6rem;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin: 0;
    padding: 0 10px;
}

.form-control:disabled {
    background: #e9ecef;
    color: #212529;
    border: 1px solid #ced4da;
}

.form-control:disabled:hover {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

button, input, textarea, select {
    font-size: inherit;
    font-family: inherit;
}

button:hover {
    cursor: pointer;
}

button:focus, input:focus, textarea:focus, a:focus, select:focus {
    outline: none;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0 0 15px;
    padding: 0;
}

ul, ol {
    line-height: 1.5;
    margin: 0 0 15px 20px;
    padding: 0;
}

.box {
    padding: 25px;
    background: #FFFFFF;
    border-radius: 8px;
}

.pageTitle {font-size: 2.8rem; margin-bottom: 25px;}
.pageTitle.blue {color: #3b5998;}

.bottom_radius_0 {border-radius: 0;}

body .mb_0 {margin-bottom: 0px;}
body .mb_5 {margin-bottom: 5px;}
body .mb_10 {margin-bottom: 10px;}
body .mb_15 {margin-bottom: 15px;}
body .mb_20 {margin-bottom: 20px;}
body .mb_60 {margin-bottom: 60px;}

.grey {color: #a1a1a1;}

.alert {
    padding: 15px;
    border: 1px solid #dddddd;
    background: #fafafa;
    border-radius: 4px;
}

.alert-danger {
    color: #842029;
    background: #f8d7da;
    border-color: #f5c2c7;
}

.alert-warning {
    color: #664d03;
    background: #fff3cd;
    border-color: #ffecb5;
}

.alert-success {
    color: #0f5132;
    background: #d1e7dd;
    border-color: #badbcc;
}

.alert p {margin: 0;}

.btn {
    border-radius: 6px;
    margin: 0;
    padding: 0 10px;
    height: 35px;
    border: 1px solid #dddddd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

a.btn:link, a.btn:visited {
    text-decoration: none;
}

.btn_red, a.btn_red {
    background: #bd081d;
    color: #ffffff;
    border-color: #bd081d;
}

.btn_red:hover {
    background: #a5081a;
    border-color: #a5081a;
}

.btn_blue, a.btn_blue {background: #3b5998; color: #ffffff; border-color: #3b5998;}
.btn_blue:hover {background: #2f4b7e; border-color: #2f4b7e;}

.btn_big {
    height: 40px;
}

.enter_btn {
    padding: 0 17px;
}

.main {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-size: 1.6rem;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 0 10px;
}

.container.small {
    max-width: 800px;
}

.pageContainer {
    padding: 25px 0;
}

ul.bread {margin: 0; padding: 0; display: flex; flex-wrap: wrap; font-size: 1.2rem; color: #444444;}
ul.bread li {list-style: none;}
ul.bread li a:link, ul.bread li a:visited {color: #3b5998; text-decoration: underline;}
ul.bread li a:hover {text-decoration: none;}
ul.bread li + li:before {
    content: '/';
    display: inline-flex;
    padding: 0 4px;
}

header, footer, nav, section {
    display: block;
    position: relative;
}

header ul,
header ol,
footer ul,
footer ol {margin: 0 0 15px 20px; padding: 0;}

header {
    background: #ffffff;
}

footer {
    background: #333333;
    color: #ffffff;
}

header {
    position: sticky;
}

.header {
    padding: 15px 0;
    display: flex;
    align-items: center;
    gap: 25px;
}

header .logo {
    flex-grow: 1;
}

header .nav a:link, header .nav a:visited {
    color: #333333;
    text-decoration: none;
}

header .nav ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
    gap: 15px;
    flex-wrap: wrap;
}

header .nav ul li {
    list-style: none;
}

.header-menu {margin-bottom: 10px; background: #f5f7f9; border-radius: 8px;}
.header-menu a {display: block;  padding: 8px 12px}
.header-menu a:link, .header-menu a:visited {color: #000000; text-decoration: none;}
.header-menu a:hover {color: #3b5998;}
.header-menu ul {margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; text-transform: uppercase; font-weight: bold;}


.enterUserInfo {
    display: flex;
    align-items: center;
    gap: 15px;
}

.userHeaderBths {
    display: flex;
    background: #bd081d;
    border-radius: 6px;
    overflow: hidden;
}

.userHeaderBths a:link, .userHeaderBths a:visited {
    color: #ffffff;
    text-decoration: none;
}

.userHeaderBths .btn {
    border: 0;
}

.exitBtn {
    background: #870715;
    border-radius: 0;
}

.exitBtn svg {
    display: block;
    width: 25px;
    height: 25px;
}

#create {gap: 10px;}
#create svg {display: block; width: 25px; height: 25px;}

#logo a, #logo img {display: block; height: 40px; width: auto;}

#enterModal {
    width: 100%;
    max-width: 330px;
    padding: 15px;
}

#enterModal a:link, #enterModal a:visited {
    color: #3b5998;
    text-decoration: none;
}

#enterModal a:hover {
    text-decoration: underline;
}

.smsBox {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
}

.alertEnterForm {display: none;}
.alertEnterForm.visible {display: block; margin-top: 10px;}

.authorizationModalTitle {text-transform: uppercase; font-size: 2rem; color: #3b5998; margin: 0 0 20px;}
.authorizationModalTitle:after {
    content: ' ';
    display: block;
    height: 2px;
    background: #3b5998;
    width: 40px;
    margin-top: 5px;
}

.pageWrap {
    padding: 20px 0 0;
}

.mainCols {
    display: grid;
    grid-template-columns: 1fr 350px;
    grid-gap: 35px;
    padding: 60px 0 0 0;
}

.section {padding: 0 0 40px;}

.sectionTitle {
    display: grid;
    grid-template-columns: 100%;
    margin-bottom: 35px;
    font-size: 3rem;
    text-align: center;
}

.sectionTitle h3, h4 {
    margin: 0;
    padding: 0;
}

.sectionTitle h3 {
    text-transform: uppercase;
    color: #3b5998;
    font-weight: 900;
}

.sectionTitle h4 {
    font-size: 1.8rem;
    color: #555555;
}

.main .servises {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
}

.servisesFull {display: grid; grid-template-columns: 100%; gap: 40px;}
.servFullItem {display: flex; gap: 40px; width: 100%; max-width: 800px; margin: 0 auto; align-items: center;
    direction: rtl;
}

.servFullItemInfo {width: calc(100% - 390px); text-align: left;}
.servFullItemImage {width: 350px;}

.servFullItemImage img {display: block; max-width: 100%; border-radius: 10px;
    box-shadow: 16px 17px 8px -3px rgba(0, 0, 0, 0.15);
    border: 1px solid #eaeaea;;
}

.servFullItemInfo h2 {color: #3b5998; font-size: 2.3rem; text-transform: uppercase;}

.servFullItem ul {margin: 0 0 20px; padding: 0; display: grid; grid-template-columns: 100%; gap: 5px;}
.servFullItem ul li {list-style: none; font-size: 1.6rem; position: relative; padding-left: 15px;}
.servFullItem ul li:before {
    content: ' ';
    display: block;
    width: 8px;
    height: 8px;
    background: #3b5998;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 7px;
}

.sectionServises {
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.sectionServises:after {
    content: ' ';
    display: block;
    width: 50%;
    padding: 100% 0 0 0;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../themes/tmp/assets/images/checklist.png); background-size: 250px auto;
    border-radius: 50% 0 0;
}

.sectionServises .container {
    z-index: 1;
}

.serviseItem {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 100%;
    border: 1px solid #dddddd;
}

.serviseItemTitle {
    font-size: 1.8rem;
    margin: 0 auto;
    text-align: center;
    padding: 15px 15px;
}

.serviseItemPrice {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    color: #3b5998;
}

.serviseItemImage img {
    display: block;
    width: 100%;
    height: auto;
}

.serviseItemInfo {
    display: grid;
    grid-template-columns: 100%;
    align-content: space-between;
}

.serviseItemBottom {
    padding: 15px;
    text-align: center;
}

.btn_servise {width: 100%; height: 50px; font-size: 2rem; justify-content: center;}

.advantages {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    margin: 0;
    padding: 0;
}

.advantageCol {
    padding: 25px;
    background: #ffffff;
    border-radius: 10px;
    list-style: none;
    text-align: center;
}

.advantageColIcon img {
    display: block;
    height: 60px;
    width: auto;
    margin: 0 auto;
}

.publications {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
}

.publicationsItem {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
}

.publicationsItemImage a, .publicationsItemImage img {
    display: block;
    max-width: 100%;
}

.publicationsItemImage img {
    width: 100%;
    height: auto;
}

.publicationsItemIn {
    padding: 15px;
}

.publicationsItemName {
    font-size: 16px;
    margin: 0;
}

.sectionSteps {
    position: relative;
    overflow: hidden;
    padding: 60px 0;
}

.sectionSteps .container {
    z-index: 1;
}

.sectionSteps:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 60%;
    width: calc(100% * 1);
    height: calc(100% * 1);
    border-radius: 20px;
    background: #ffffff;
    transform: rotate(-35deg);
}

.steps {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 40px;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    align-items: center;
}

.stepItem {
    position: relative;
    padding-left: 90px;
    display: flex;
    align-items: center;
    gap: 40px;
}

.stepItemTitle {
    font-size: 2.4rem;
    text-transform: uppercase;
    margin: 0 0 20px;
    position: relative;
}

.stepItemTitle:after {
    content: ' ';
    display: block;
    height: 3px;
    width: 100%;
    max-width: 60px;
    background: #3b5998;
    margin-top: 5px;
}

.stepItemNum {
    font-size: 12rem;
    color: #3b5998;
    font-weight: bold;
    line-height: 1;
    text-shadow: 5px 5px 0 #B3B3B3;
}

.stepItemInfo {
    flex-grow: 1;
}

.stepItemIntrotext {
    max-width: 400px;
}

.sectionContactForm {
    background: #EFEFEF;
    padding: 60px 0;
}

.contactForm {max-width: 700px; margin: 0 auto;}

.contactForm input[type="text"], .contactForm textarea, .contactForm button {
    display: block;
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 8px;
}

.contactForm input[type="text"] {height: 45px; padding: 0 20px;}
.contactForm textarea {min-height: 100%;padding: 15px 20px;}
.contactForm button { height: 60px; text-transform: uppercase; font-size: 2rem;}
.contactFormBox {position: relative;}
.error {color: #bd081d;}
.contactFormBox .error {display: none; font-size: 1rem; position: absolute; right: 10px; top: -6px; padding: 2px 8px; background: #bd081d; color: #FFFFFF; border-radius: 6px;}
.contactFormBox .error.visible {display: block;}
.alertMessage {
    font-size: 2rem;
    text-align: center;
}

.contactFormCols {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.contactFormCols .cols {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 10px;
}

.contactFormBottom {
    max-width: 400px;
    padding: 20px 0 0 0;
    text-align: center;
    margin: 0 auto;
}

.contactFormBottom .alert {
    font-size: 1.4rem;
    text-align: left;
}

#map {
    width: 100%;
    height: 400px;
}

.questionsSection {
    background: #ffffff;
    background-image: url(../themes/tmp/assets/images/questions.jpg);
    background-size: 450px auto;
    background-position: calc(100% + 150px) bottom;
    background-repeat: no-repeat;
}

.mainMinText {
    width: 100%;
    max-width: 500px;
    line-height: 1.5;
}

.mainMinText .pageTitle {color: #3b5998;}


.appsWrap {display: grid; grid-template-columns: 100%; grid-gap: 15px;}
.appItem {padding: 15px; overflow: auto; max-width: 100%; background: #f5f7f9; border-radius: 8px;}
.appItemTop {position: relative;}
.appStatus {width: 15px; height: 15px; background: #888888; border-radius: 15px; position: absolute; right: 0; top: 0; display: none;}

.appStatus_0 .appStatus {background: #2aa328;display: block;}

.appItemNum {font-size: 18px; margin: 0 0 2px;}
.appItemDate {margin: 0 0 8px; font-size: 1rem; color: #888888;}
.appItemNum a:link, .appItemNum a:visited {color: #1d1d1d; text-decoration: none;}
.appItemParams {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 3px;
    margin: 0 0 8px;
}
.appItemMore a {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px 4px 13px;
    background: #bd081d;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 1.4rem;
    line-height: 1;
    gap: 4px;
}
.appItemMore a svg {
    height: 16px;
    width: auto;
    display: block;
}
.appItemMore a:hover {
    background: #a5081a;
}
table.appTable {
    width: 100%;
}
table.appTable tr:nth-child(2n) {
    background: #f5f7f9;
}
table.appTable td, table.appTable th {
    padding: 5px 4px;
}
.appPageForm fieldset {
    padding: 15px;
    border: 1px solid #dddddd;
    border-radius: 8px;
}
.appPageForm fieldset legend {margin: 0 5px; padding: 0 10px;}
.appPageTitle {font-size: 18px;}

.appPageFormParamRows {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 8px;
}
.arrSaveBtn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.arrSaveBtn svg {
    display: block;
    height: 20px;
    width: auto;;
}
.appDataContainer {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 15px;
}
.appDataContainerRow {
    padding: 15px;
    background: #f5f7f9;
    border-radius: 15px;
}

.appRow {padding: 0 0 5px;}
.appRow hr {display: block; width: 100%; height: 1px; border: 0; border-top: 1px solid #dddddd; border-bottom: 1px solid #FFFFFF;}

.appRow b {
    display: block;
    font-size: 1.3rem;
    color: #333333;
    margin: 0 0 5px;
}

.userMenu {
    padding: 10px 0;
    border-top: 1px solid #f5f7f9;
}

#moneyLink {
    display: flex;
    align-items: center;
    gap: 5px;
}

#moneyLink svg {
    height: 20px;
    width: auto;
    display: block;
    stroke: #3b5998;
}

.userMenu a:hover {
    color: #3b5998;
}

.userMenuWrap {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 800;
    display: flex; flex-wrap: wrap;
    line-height: 1;
    align-items: center;
    gap: 40px;
}

.userMenuWrap a:link, .userMenuWrap a:visited {color: #1e1e1e; text-decoration: none;}

.userMenuWrap ul {margin: 0; padding: 0; display: flex; gap: 15px; line-height: 1; flex-grow: 1}
.userMenuWrap ul li {list-style: none; }

.postImageFirst {margin: -25px -25px 20px;}
.postImageFirst img {display: block; max-width: 100%; height: auto; width: 100%;}

.postDate {font-size: 1.2rem; color: #444444;}

.appPrices {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
}

.appPricesRow {
    padding: 15px;
    border-radius: 15px;
}

.containerCabinet {
    display: grid;
    grid-template-columns: 1fr 700px 1fr;
    grid-gap: 25px;
}

.cabinetNav ul {margin: 0; padding: 0; font-size: 1.5rem; text-transform: uppercase; font-weight: 800; display: flex; flex-direction: column; gap: 10px;}
.cabinetNav ul li {list-style: none; text-align: right;}
.cabinetNav ul li a {display: block;}
.cabinetNav ul li a span {display: block; font-size: 1.2rem; text-transform: none; color: #a1a1a1;}
.cabinetNav a:link, .cabinetNav a:visited {color: #1e1e1e; text-decoration: none;}
.cabinetNav a:hover {color: #3b5998;}

.cabinetMoney {text-align: right; background: #ffffff; padding: 15px;}
.cabinetMoney h4 {font-size: 1.4rem;}
.cabinetMoney hr {display: block; width: 100%; height: 1px; border: 0; margin: 10px 0; background: #f5f7f9;}
.moneyRow {font-size: 2.5rem;}

.moneyFormBottom {display: grid; grid-template-columns: 1fr auto; grid-gap: 5px;}
.moneyFormBottom .form-control, .moneyFormBottom .btn {
    height: 30px;
    font-size: 1.2rem;
    border-radius: 4px;
    gap: 10px;
    max-width: 100%;
}


.supportTable {width: 100%; border-collapse: collapse; border: 1px solid #dddddd;}
.supportTable td, .supportTable th {padding: 9px; text-align: left;}
.supportTable tr {border-bottom: 1px solid #dddddd;}
.supportTable tbody tr:nth-child(2n) {background: #f5f7f9; }
.supportTable thead {background: #f5f7f9;}
.supportTable .num {width: 60px;}

img.fullImage {width: 100%; height: auto;}

footer {
    margin-top: auto;
    padding: 25px 0;
    background: #2C3E50;
    font-size: 1.4rem;
}

footer ul {margin: 0 0 15px 0; padding: 0; display: flex; gap: 25px; align-items: center; flex-wrap: wrap;}
footer ul li {list-style: none;}
footer a:link, footer a:visited {color: #ffffff; text-decoration: none;}
.grid {
    display: grid;
    grid-gap: 10px;
}

.grid_2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid_3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid_full_180 {
    grid-template-columns: 1fr 180px;
}
@media screen and (max-width: 768px) {
    .sectionServises {padding: 40px;}
    .sectionTitle {font-size: 2.2rem;}
    .servFullItem {grid-template-columns: 1fr 220px;}
    .servFullItemInfo h2 {font-size: 2rem;}
    .servFullItem ul li {font-size: 1.4rem;}
    .advantageCol {padding: 15px; font-size: 1.4rem;}
    .advantageCol h3 {line-height: 1;}
    .advantageColIcon {margin-bottom: 10px;}
    .advantageColIcon img {height: 40px;}
}

@media screen and (max-width: 616px) {
    .sectionServises {padding-left: 10px; padding-right: 10px;}
    .stepItem {padding-left: 0;}
    .publications {grid-template-columns: repeat(2, 1fr)}
    body .section {margin-bottom: 20px;}

    .stepItemNum {font-size: 10rem;}
    .stepItemTitle {font-size: 2rem;}
    .stepItem {font-size: 1.4rem;}

    .servFullItem {
        display: block;
        direction: inherit;
    }
    .servFullItemImage {width: 200px; float: right; margin-left: 25px; margin-bottom: 15px;}
    .servFullItemInfo {width: auto;}
}

@media screen and (max-width: 459px) {
    .contactFormCols {grid-template-columns: 100%;}
    .servFullItemImage {width: 120px;}
}
