/* Start:/local/templates/blog/js/carousel/assets/owl.carousel.min.css?15483221092926*/
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/blog/js/carousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/blog/js/fb/jquery.fancybox.min.css?154480333812795*/
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)}}
/* End */


/* Start:/local/templates/blog/css/main.css?1750768180167427*/
/*!
 * Bootstrap v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
*,
*::before,
*::after {
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit; }

h1, .h1 {
  font-size: 2.5rem; }

h2, .h2 {
  font-size: 2rem; }

h3, .h3 {
  font-size: 1.75rem; }

h4, .h4 {
  font-size: 1.5rem; }

h5, .h5 {
  font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
  font-size: 80%;
  font-weight: 400; }

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d; }
.blockquote-footer::before {
  content: "\2014 \00A0"; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
@media (min-width: 576px) {
  .container {
    max-width: 540px; } }
@media (min-width: 768px) {
  .container {
    max-width: 758px; } }
@media (min-width: 992px) {
  .container {
    max-width: 903px; } }
@media (min-width: 1130px) {
  .container {
    max-width: 1130px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1130px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.bg-primary {
  background-color: #007bff !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important; }

.bg-secondary {
  background-color: #6c757d !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important; }

.bg-success {
  background-color: #28a745 !important; }

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important; }

.bg-info {
  background-color: #17a2b8 !important; }

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important; }

.bg-warning {
  background-color: #ffc107 !important; }

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important; }

.bg-danger {
  background-color: #dc3545 !important; }

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important; }

.bg-light {
  background-color: #f8f9fa !important; }

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important; }

.bg-dark {
  background-color: #343a40 !important; }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important; }

.bg-white {
  background-color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }

.border {
  border: 1px solid #dee2e6 !important; }

.border-top {
  border-top: 1px solid #dee2e6 !important; }

.border-right {
  border-right: 1px solid #dee2e6 !important; }

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important; }

.border-left {
  border-left: 1px solid #dee2e6 !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #007bff !important; }

.border-secondary {
  border-color: #6c757d !important; }

.border-success {
  border-color: #28a745 !important; }

.border-info {
  border-color: #17a2b8 !important; }

.border-warning {
  border-color: #ffc107 !important; }

.border-danger {
  border-color: #dc3545 !important; }

.border-light {
  border-color: #f8f9fa !important; }

.border-dark {
  border-color: #343a40 !important; }

.border-white {
  border-color: #fff !important; }

.rounded {
  border-radius: 0.25rem !important; }

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important; }

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-0 {
  border-radius: 0 !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

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

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

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

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

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1130px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
.embed-responsive::before {
  display: block;
  content: ""; }
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1130px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1130px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020; } }

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

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

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  box-shadow: none !important; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1130px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1130px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

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

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #007bff !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #0062cc !important; }

.text-secondary {
  color: #6c757d !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #545b62 !important; }

.text-success {
  color: #28a745 !important; }

a.text-success:hover, a.text-success:focus {
  color: #1e7e34 !important; }

.text-info {
  color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus {
  color: #117a8b !important; }

.text-warning {
  color: #ffc107 !important; }

a.text-warning:hover, a.text-warning:focus {
  color: #d39e00 !important; }

.text-danger {
  color: #dc3545 !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #bd2130 !important; }

.text-light {
  color: #f8f9fa !important; }

a.text-light:hover, a.text-light:focus {
  color: #dae0e5 !important; }

.text-dark {
  color: #343a40 !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #1d2124 !important; }

.text-body {
  color: #212529 !important; }

.text-muted {
  color: #6c757d !important; }

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

/*
@import "/local/templates/blog/css/root";
@import "/local/templates/blog/css/reboot";
@import "/local/templates/blog/css/images";
@import "/local/templates/blog/css/code";
@import "/local/templates/blog/css/tables";
@import "/local/templates/blog/css/forms";
@import "/local/templates/blog/css/buttons";
@import "/local/templates/blog/css/transitions";
@import "/local/templates/blog/css/dropdown";
@import "/local/templates/blog/css/button-group";
@import "/local/templates/blog/css/input-group";
@import "/local/templates/blog/css/custom-forms";
@import "/local/templates/blog/css/nav";
@import "/local/templates/blog/css/navbar";
@import "/local/templates/blog/css/card";
@import "/local/templates/blog/css/breadcrumb";
@import "/local/templates/blog/css/pagination";
@import "/local/templates/blog/css/badge";
@import "/local/templates/blog/css/jumbotron";
@import "/local/templates/blog/css/alert";
@import "/local/templates/blog/css/progress";
@import "/local/templates/blog/css/media";
@import "/local/templates/blog/css/list-group";
@import "/local/templates/blog/css/close";
@import "/local/templates/blog/css/modal";
@import "/local/templates/blog/css/tooltip";
@import "/local/templates/blog/css/popover";
@import "/local/templates/blog/css/carousel";

@import "/local/templates/blog/css/print";*/
@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/blog/css/fonts/ProximaNova-Black.eot");
  src: local("Proxima Nova Black"), local("ProximaNova-Black"), url("/local/templates/blog/css/fonts/ProximaNova-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/blog/css/fonts/ProximaNova-Black.woff") format("woff"), url("/local/templates/blog/css/fonts/ProximaNova-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/blog/css/fonts/ProximaNova-Extrabld.eot");
  src: local("Proxima Nova Extrabold"), local("ProximaNova-Extrabld"), url("/local/templates/blog/css/fonts/ProximaNova-Extrabld.eot?#iefix") format("embedded-opentype"), url("/local/templates/blog/css/fonts/ProximaNova-Extrabld.woff") format("woff"), url("/local/templates/blog/css/fonts/ProximaNova-Extrabld.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/blog/css/fonts/ProximaNova-Bold.eot");
  src: local("Proxima Nova Bold"), local("ProximaNova-Bold"), url("/local/templates/blog/css/fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/blog/css/fonts/ProximaNova-Bold.woff") format("woff"), url("/local/templates/blog/css/fonts/ProximaNova-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/blog/css/fonts/ProximaNova-Semibold.eot");
  src: local("Proxima Nova Semibold"), local("ProximaNova-Semibold"), url("/local/templates/blog/css/fonts/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("/local/templates/blog/css/fonts/ProximaNova-Semibold.woff") format("woff"), url("/local/templates/blog/css/fonts/ProximaNova-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/blog/css/fonts/ProximaNova-Regular.eot");
  src: local("Proxima Nova Regular"), local("ProximaNova-Regular"), url("/local/templates/blog/css/fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/blog/css/fonts/ProximaNova-Regular.woff") format("woff"), url("/local/templates/blog/css/fonts/ProximaNova-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/blog/css/fonts/ProximaNova-Light.eot");
  src: local("Proxima Nova Light"), local("ProximaNova-Light"), url("/local/templates/blog/css/fonts/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/blog/css/fonts/ProximaNova-Light.woff") format("woff"), url("/local/templates/blog/css/fonts/ProximaNova-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/blog/css/fonts/ProximaNovaT-Thin.eot");
  src: local("Proxima Nova Thin"), local("ProximaNovaT-Thin"), url("/local/templates/blog/css/fonts/ProximaNovaT-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/blog/css/fonts/ProximaNovaT-Thin.woff") format("woff"), url("/local/templates/blog/css/fonts/ProximaNovaT-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Ferry';
  src: url("/local/templates/blog/css/fonts/Ferry-Black.eot");
  src: url("/local/templates/blog/css/fonts/Ferry-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/blog/css/fonts/Ferry-Black.woff2") format("woff2"), url("/local/templates/blog/css/fonts/Ferry-Black.woff") format("woff"), url("/local/templates/blog/css/fonts/Ferry-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a, a:hover, a:active {
  border: none; }

input, textarea {
  outline: none;
  font-family: inherit; }

button {
  background: transparent;
  border: none;
  font-family: inherit;
  cursor: pointer;
  outline: none;
  margin: 0;
  padding: 0; }

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

body {
  color: #1B1B1D;
  font-family: 'Proxima Nova';
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

body.pro-page {
  background-color: #2F2F2F;
  color: #fff; }

body > img {
  display: none; }

main {
  flex-grow: 1; }

/* header */
.header {
  justify-content: space-between;
  align-items: center;
  padding-top: 29px;
  z-index: 9; }

.header-logo svg {
  height: 34px;
  width: 177px; }

.header-logo {
  margin-right: 33px;
  position: relative; }

.header-logo span {
  color: #000000;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  opacity: 0;
  transition: ease 300ms;
  position: absolute;
  left: 2px;
  bottom: -11px; }

.header-logo:hover span {
  opacity: 0.2; }

.header-logo svg {
  fill: #1B1B1D; }

.dark-page .header-logo svg {
  fill: #fff; }

/* .header-menu ul {
  display: flex;
  margin: 0 -5px; }

.header-menu ul li {
  margin: 0 5px; }

.header-menu ul a {
  background: #E9E9EC;
  border-radius: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
  height: 40px;
  padding: 0 16px;
  transition: ease 300ms; }

.header-menu ul li.active a,
.header-menu ul a:hover {
  background: #1B1B1D;
  color: #fff; } */

/* .header-nav {
  display: flex;
  align-items: center; } */

.header-user-icon img {
  border-radius: 50%;
  overflow: hidden; }

.header-user-icon img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 51px;
  width: 51px; }

.header-actions {
  display: flex;
  align-items: center; }

.header-search svg {
  fill: #1B1B1D;
  height: 28px;
  width: 28px; }

.dark-page .header-search svg {
  fill: #fff; }

.header-menu li.-pro a:before {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -164px -34px;
  background-size: 208.5px 203px;
  width: 41.5px;
  height: 35px;
  content: '';
  margin-right: 5px; }

.header-menu li.-pro a {
  padding-left: 9px; }

.header-menu li.-video a:before {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -25px -164px;
  background-size: 208.5px 203px;
  width: 27.5px;
  height: 31px;
  content: '';
  margin-right: 10px; }

.header-menu li.-video a {
  padding-left: 13px; }

.header-menu li.-archive a:before {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -164px -70px;
  background-size: 208.5px 203px;
  width: 38px;
  height: 33px;
  content: '';
  margin-right: 13px; }

.header-menu li.-archive a {
  padding-left: 10px; }

.header-menu li.-home svg {
  stroke: #000;
  transition: ease 300ms;
  height: 20px;
  width: 20px; }

.header-menu li.-home.active a:hover svg,
.header-menu li.-home a:hover svg {
  stroke: #fff; }

.header-menu li.-home a {
  padding: 0 7px;
  width: 40px; }

.pro-page .header-menu ul a {
  background-color: #6D6D70; }

.header-menu-pro,
.header-menu-close,
.header-menu-open {
  display: none; }

.header-user {
  position: relative; }

.header-user-menu {
  background: #FFFFFF;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  visibility: hidden;
  opacity: 0;
  padding: 10px 5px;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  transition: ease 300ms; }

.header-user:hover .header-user-menu {
  opacity: 1;
  visibility: visible; }

.header-user-menu:before {
  background-color: transparent;
  content: '';
  height: 10px;
  position: absolute;
  left: 0;
  top: -10px;
  width: 100%; }

.header-user-menu a {
  border-radius: 50px;
  display: inline-block;
  font-size: 17px;
  line-height: 21px;
  padding: 6px 12px;
  transition: ease 300ms; }

.header-user-menu a:hover {
  background: rgba(27, 27, 29, 0.05); }

.header-user-login {
  fill: #1D1D1B;
  height: 28px;
  width: 28px; }

.dark-page .header-user-login {
  fill: #fff; }

.header-user-menu a {
  white-space: nowrap; }

.header-menu li.-pro a {
  cursor: pointer; }

@media (max-width: 1129.98px) {
  .menu-opened {
    overflow: hidden; }
  .header-menu-open {
    background: #E9E9EC;
    border-radius: 70px;
    color: #1B1B1D;
    display: block;
    font-weight: 700;
    font-size: 17px;
    line-height: 21px;
    padding: 5px 15px;
    height: 40px;
  }
  .header-menu {
    background-color: #fff;
    border-radius: 0 0 20px 20px;
    padding-top: 26px;
    opacity: 0;
    padding-bottom: 30px;
    transition: ease 300ms;
    transform: translateY(-40px);
    visibility: hidden;
    width: 100%;
    max-height: 0;
    position: absolute }
  .header-menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    max-height: 1000px;
    position: static;
    padding-bottom: 0;}
  .header-menu .header-menu-wrapper {
    max-width: 903px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    z-index: 3; }
  .header-menu-close {
    display: block;
    margin-bottom: 29px;
    position: relative;
    height: 22px;
    width: 22px; }
  .header-menu-close:after,
  .header-menu-close:before {
    background-color: #1B1B1D;
    content: '';
    display: block;
    opacity: .8;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: rotate(-45deg);
    height: 2px;
    width: 100%; }
  .header-menu-close:after {
    transform: rotate(45deg); }

  .header-menu ul {
    border-bottom-width: 0;
    &.header-nav__icons-list {
      flex-wrap: nowrap;
    }
    &.header-nav__dropdown-list {
      flex-direction: column;
      align-items: flex-start;
      .header-nav__dropdown-item {
        margin-bottom: 14px;
        width: 100%;
        &:first-of-type {
          .dropdown-item__toggle {
            margin-left: 0;
          }
          .dropdown-item__menu-wrap {
            left: -10px;
          }
        }
        &:last-of-type {
          margin-bottom: 0;
        }
      }
      .dropdown-item__toggle {
        padding: 0;
        transition: none;

        .toggle-chevron {
          margin-left: auto;
        }
        &.--active {
          background-color: #fff;
          & + .dropdown-item__menu-wrap {
            padding: 15px 15px 0 0;
            position: static;
            border-radius: 0;
            background-color: #fff;
            max-height: 1000px;
            .dropdown-item__menu {
              display: flex;
              flex-direction: column;
              max-height: 250px;
              gap:12px;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 991.98px) {
  .header-menu .header-menu-wrapper {
    max-width: 758px; } }

@media (max-width: 767.98px) {
  .header-menu .header-menu-wrapper {
    max-width: 540px; }
  .header-menu ul li.-pro {
    display: none; }
  .header-menu ul a {
    border-radius: 10px; }
  .header-menu {
    padding-bottom: 0;
    position: static; }
  .header-menu-pro {
    background: rgba(27, 27, 29, 0.05);
    border-radius: 0 0 20px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 20px;
    position: relative;
    z-index: 2; }
  .header-menu-pro-text {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: #1B1B1D; }
  .header-menu-pro:before {
    background-image: url(/local/templates/blog/css/imgs/sprite.png);
    background-position: -164px -34px;
    background-size: 208.5px 203px;
    width: 41.5px;
    height: 35px;
    content: '';
    margin-right: 5px; }
  .header-menu-pro-switch {
    background: rgba(27, 27, 29, 0.1);
    border-radius: 50px;
    margin-left: 20px;
    position: relative;
    height: 24px;
    width: 54px; }
  .header-menu-pro.active .header-menu-pro-switch {
    background: linear-gradient(96.54deg, #5167DD -95.8%, #64C16D 100%); }
  .header-menu-pro-switch:before {
    background: #FFFFFF;
    box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    height: 20px;
    width: 20px; }
  .header-menu-pro.active .header-menu-pro-switch:before {
    left: auto;
    right: 2px; } }

@media (max-width: 575.98px) {
  .header-menu-open {
    order: 4;
    margin: 0 0 0 auto;
    z-index: 1;
  }
}

.header-nav__icons-list {
  display: flex;
  gap: 30px;
  margin-bottom: 32px;
  @media (max-width: 575.98px){
    flex-wrap: nowrap;
  }
}

.header-nav__icons-item a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #262E3F;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -.1px;
  .icons-item__icon {
    width: 40px;
    height: 40px;
    background-color: #F2F2F5;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px;
    transition: ease 300ms;
    &.--video {
      background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 5.55c.04 0 3.94 0 6.514.185l.114.01c.343.032.715.068 1.079.444.172.172.368.78.435 1.215.108.954.166 1.913.172 2.872v1.417c-.006.96-.064 1.92-.172 2.873-.064.425-.265 1.042-.433 1.204-.363.374-.743.41-1.078.443l-.117.012c-2.53.172-6.34.19-6.512.19-.198 0-4.813-.047-6.286-.173a4.945 4.945 0 0 0-.271-.036c-.392-.046-.837-.1-1.157-.431-.172-.172-.368-.779-.433-1.212a26.814 26.814 0 0 1-.172-2.872v-1.403c.006-.96.063-1.918.172-2.872.067-.438.266-1.046.435-1.215.364-.376.744-.41 1.08-.443l.112-.01c2.579-.184 6.475-.186 6.513-.186H11m0-1.117s-3.969 0-6.614.189c-.37.043-1.174.046-1.89.789-.566.567-.751 1.854-.751 1.854-.12 1-.187 2.005-.198 3.011v1.417c.008 1.01.071 2.02.189 3.023 0 0 .184 1.287.751 1.853.72.742 1.664.72 2.085.799 1.512.143 6.428.187 6.428.187s3.972 0 6.619-.194c.37-.043 1.175-.048 1.89-.79.566-.566.752-1.853.752-1.853.119-1.004.183-2.013.192-3.024V10.29a27.899 27.899 0 0 0-.189-3.023s-.184-1.287-.751-1.855c-.719-.742-1.525-.747-1.89-.789-2.651-.19-6.623-.19-6.623-.19v.012Z' fill='%23323232'/%3E%3Cpath d='M9.304 8.183v5.634L14.114 11l-4.81-2.817Z' fill='%23323232'/%3E%3C/svg%3E");
    }
    &.--test {
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M3 11.291c0 2.683 1.42 5.045 3.599 6.534-.001.855.001 2.007.001 3.216l3.531-1.747a9.896 9.896 0 0 0 1.869.179c4.952 0 9-3.643 9-8.182 0-4.539-4.048-8.182-9-8.182s-9 3.643-9 8.182Z' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.899 12.328v-.207c0-.678.419-1.045.839-1.327.41-.276.821-.636.821-1.3a1.659 1.659 0 0 0-3.319-.001M11.898 14.667a.148.148 0 0 0-.15.15.15.15 0 1 0 .15-.15' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    &.--author {
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%224213460_account_avatar_head_person_profile_icon%201%22%3E%3Cg%20id%3D%22Group%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M5.625%209.1875C5.625%2012.6938%208.49375%2015.5625%2012%2015.5625C15.5063%2015.5625%2018.375%2012.6938%2018.375%209.1875C18.375%205.68125%2015.5063%202.8125%2012%202.8125C8.49375%202.8125%205.625%205.68125%205.625%209.1875ZM16.875%209.1875C16.875%2011.8687%2014.6812%2014.0625%2012%2014.0625C9.31875%2014.0625%207.125%2011.8687%207.125%209.1875C7.125%206.50625%209.31875%204.3125%2012%204.3125C14.6812%204.3125%2016.875%206.50625%2016.875%209.1875Z%22%20fill%3D%22%23323232%22%2F%3E%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M4.57498%2022.3875C6.56248%2020.4%209.18748%2019.3125%2012%2019.3125C14.8125%2019.3125%2017.4375%2020.4%2019.425%2022.3875L20.4937%2021.3187C18.225%2019.0687%2015.2062%2017.8125%2012%2017.8125C8.79373%2017.8125%205.77498%2019.0687%203.50623%2021.3187L4.57498%2022.3875Z%22%20fill%3D%22%23323232%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    }
    &.--specproject {
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_301_11)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.2283%201.05517C15.4272%201.15722%2015.5341%201.37888%2015.4903%201.59806L14.0737%208.68113L19.6756%2010.7818C19.8319%2010.8405%2019.9486%2010.9732%2019.9868%2011.1357C20.0249%2011.2983%2019.9794%2011.4691%2019.8655%2011.5912L9.36554%2022.8412C9.21302%2023.0046%208.97058%2023.0469%208.77171%2022.9448C8.57285%2022.8428%208.46588%2022.6211%208.50972%2022.4019L9.92633%2015.3189L4.32445%2013.2182C4.16813%2013.1595%204.05139%2013.0268%204.01324%2012.8643C3.97509%2012.7017%204.02057%2012.5309%204.13448%2012.4088L14.6345%201.15884C14.787%200.995435%2015.0294%200.953105%2015.2283%201.05517ZM5.37582%2012.5444L10.6756%2014.5318C10.9051%2014.6179%2011.0384%2014.8577%2010.9903%2015.0981L9.8355%2020.872L18.6242%2011.4556L13.3244%209.46817C13.0949%209.3821%2012.9616%209.14232%2013.0097%208.90194L14.1645%203.12797L5.37582%2012.5444Z%22%20fill%3D%22%23323232%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_301_11%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    }
  }
  &:hover {
    .icons-item__icon {
      background-color: #1B1B1D;
      &.--video {
        background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 5.55c.04 0 3.94 0 6.514.185l.114.01c.343.032.715.068 1.079.444.172.172.368.78.435 1.215.108.954.166 1.913.172 2.872v1.417c-.006.96-.064 1.92-.172 2.873-.064.425-.265 1.042-.433 1.204-.363.374-.743.41-1.078.443l-.117.012c-2.53.172-6.34.19-6.512.19-.198 0-4.813-.047-6.286-.173a4.945 4.945 0 0 0-.271-.036c-.392-.046-.837-.1-1.157-.431-.172-.172-.368-.779-.433-1.212a26.814 26.814 0 0 1-.172-2.872v-1.403c.006-.96.063-1.918.172-2.872.067-.438.266-1.046.435-1.215.364-.376.744-.41 1.08-.443l.112-.01c2.579-.184 6.475-.186 6.513-.186H11m0-1.117s-3.969 0-6.614.189c-.37.043-1.174.046-1.89.789-.566.567-.751 1.854-.751 1.854-.12 1-.187 2.005-.198 3.011v1.417c.008 1.01.071 2.02.189 3.023 0 0 .184 1.287.751 1.853.72.742 1.664.72 2.085.799 1.512.143 6.428.187 6.428.187s3.972 0 6.619-.194c.37-.043 1.175-.048 1.89-.79.566-.566.752-1.853.752-1.853.119-1.004.183-2.013.192-3.024V10.29a27.899 27.899 0 0 0-.189-3.023s-.184-1.287-.751-1.855c-.719-.742-1.525-.747-1.89-.789-2.651-.19-6.623-.19-6.623-.19v.012Z' fill='%23fff'/%3E%3Cpath d='M9.304 8.183v5.634L14.114 11l-4.81-2.817Z' fill='%23fff'/%3E%3C/svg%3E");
      }
      &.--test {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M3 11.291c0 2.683 1.42 5.045 3.599 6.534-.001.855.001 2.007.001 3.216l3.531-1.747a9.896 9.896 0 0 0 1.869.179c4.952 0 9-3.643 9-8.182 0-4.539-4.048-8.182-9-8.182s-9 3.643-9 8.182Z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.899 12.328v-.207c0-.678.419-1.045.839-1.327.41-.276.821-.636.821-1.3a1.659 1.659 0 0 0-3.319-.001M11.898 14.667a.148.148 0 0 0-.15.15.15.15 0 1 0 .15-.15' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      }
      &.--author {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%224213460_account_avatar_head_person_profile_icon%201%22%3E%3Cg%20id%3D%22Group%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M5.625%209.1875C5.625%2012.6938%208.49375%2015.5625%2012%2015.5625C15.5063%2015.5625%2018.375%2012.6938%2018.375%209.1875C18.375%205.68125%2015.5063%202.8125%2012%202.8125C8.49375%202.8125%205.625%205.68125%205.625%209.1875ZM16.875%209.1875C16.875%2011.8687%2014.6812%2014.0625%2012%2014.0625C9.31875%2014.0625%207.125%2011.8687%207.125%209.1875C7.125%206.50625%209.31875%204.3125%2012%204.3125C14.6812%204.3125%2016.875%206.50625%2016.875%209.1875Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M4.57498%2022.3875C6.56248%2020.4%209.18748%2019.3125%2012%2019.3125C14.8125%2019.3125%2017.4375%2020.4%2019.425%2022.3875L20.4937%2021.3187C18.225%2019.0687%2015.2062%2017.8125%2012%2017.8125C8.79373%2017.8125%205.77498%2019.0687%203.50623%2021.3187L4.57498%2022.3875Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
      }
      &.--specproject {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_301_11)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.2283%201.05517C15.4272%201.15722%2015.5341%201.37888%2015.4903%201.59806L14.0737%208.68113L19.6756%2010.7818C19.8319%2010.8405%2019.9486%2010.9732%2019.9868%2011.1357C20.0249%2011.2983%2019.9794%2011.4691%2019.8655%2011.5912L9.36554%2022.8412C9.21302%2023.0046%208.97058%2023.0469%208.77171%2022.9448C8.57285%2022.8428%208.46588%2022.6211%208.50972%2022.4019L9.92633%2015.3189L4.32445%2013.2182C4.16813%2013.1595%204.05139%2013.0268%204.01324%2012.8643C3.97509%2012.7017%204.02057%2012.5309%204.13448%2012.4088L14.6345%201.15884C14.787%200.995435%2015.0294%200.953105%2015.2283%201.05517ZM5.37582%2012.5444L10.6756%2014.5318C10.9051%2014.6179%2011.0384%2014.8577%2010.9903%2015.0981L9.8355%2020.872L18.6242%2011.4556L13.3244%209.46817C13.0949%209.3821%2012.9616%209.14232%2013.0097%208.90194L14.1645%203.12797L5.37582%2012.5444Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_301_11%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
      }
    }
  }
}


.header-nav__dropdown-list {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 17px;

  .header-nav__dropdown-item {
    position: relative;
    @media (min-width: 1130px) {
      &:hover {
        .dropdown-item__toggle {
          z-index: 10;
          position: relative;

          .toggle-chevron {
            transform: rotate(180deg);
            margin-top: 7px;
          }

          & + .dropdown-item__menu-wrap {
            max-height: 1000px;
            transition: max-height 300ms ease-in-out;
            background-color: #F2F2F5;
            padding: 56px 11px 28px 18px;
            z-index: 2;
            width: 100%;
            left: -10px;
            .dropdown-item__menu {
              max-height: 384px;
              transition: max-height 300ms ease-in-out;
              padding-left: 10px;
            }
          }
        }
      }
    }

    &:first-of-type {

      .dropdown-item__toggle {
        margin-left: -15px;
        & + .dropdown-item__menu-wrap {
          padding-left: 5px;
        }
      }
    }
  }

  .dropdown-item__toggle {
    font-size: 17px;
    line-height: 24px;
    font-weight: 700;
    display: flex;
    gap: 8px;
    transition: ease 300ms;
    padding: 0 18px;
    cursor: pointer;
    .toggle-chevron {
      width: 15px;
      height: 16px;
      background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M7.31 15.07.24 8 7.31.928l7.071 7.071-7.07 7.071Z'/%3E%3C/mask%3E%3Cpath d='m7.31 15.07-1.414 1.414 1.414 1.414 1.414-1.414L7.31 15.07Zm1.414-1.414-7.07-7.071-2.83 2.828 7.072 7.071 2.828-2.828Zm4.243-7.071-7.071 7.07 2.828 2.83 7.071-7.072-2.828-2.828Z' fill='%231B1B1D' fill-opacity='.4' mask='url(%23a)'/%3E%3C/svg%3E");
      margin-top: 2px;
      transition: ease 300ms;
    }
  }
}

.dropdown-item__menu-wrap {
  background-color: transparent;
  padding: 0;
  border-radius: 20px;
  position: absolute;
  top: -16px;
  max-height: 0;
  transition: max-height 300ms cubic-bezier(0, 1, 0, 1);
  z-index: -1;
}

.dropdown-item__menu {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow-y: auto;
  padding-right: 7px;
  max-height: 0;
  transition: max-height 300ms cubic-bezier(0, 1, 0, 1);
  transition-delay: -1s;
}

.header-menu__inner-item {
  a {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
  }
}


.dropdown-item__menu::-webkit-scrollbar {
  width: 6px;                    /* ширина scrollbar */
}
.dropdown-item__menu::-webkit-scrollbar-track {
  background: transparent;        /* цвет дорожки */
}
.dropdown-item__menu::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;    /* цвет плашки */
  border-radius: 4px;             /* закругления плашки */
  border: 0 solid transparent;    /* padding вокруг плашки */
}

.header-nav__logo-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 52px;
  @media (max-width: 1129.98px){
    margin-bottom: 0;
    flex-wrap: wrap;
  }
  .header-actions {
    margin-left: auto;
  }

  .logo__nav {
    display: flex;
    align-items: center;
    gap: 10px;
    @media (max-width: 768px){
      order: 3;
      margin-top: 15px;
    }
    @media (max-width: 550px){
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .logo__item {
      @media (max-width: 450px){
        width: 50%;
        flex: 0 0 calc(50% - 5px);
      }
      a {
        background: #E9E9EC;
        border-radius: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 700;
        font-size: 17px;
        line-height: 21px;
        height: 40px;
        padding: 0 16px;
        transition: ease 300ms;
        @media (max-width: 450px){
          border-radius: 10px;
          font-size: 15px;
          white-space: nowrap;
        }
      }
      &:first-of-type {
        a {
          padding: 0 7px;
          width: 40px;
          svg {
            stroke: #000;
            transition: ease 300ms;
            height: 20px;
            width: 20px;
          }
        }
        &:hover {
          a {
            svg {
              stroke: #fff;
            }
          }
        }
        @media (max-width: 550px){
         order: 1;
         width: 50%;
        }
      }

      &:last-of-type {
        @media (max-width: 550px){
          order: 2;
          margin: 0 0 0 auto;
         }
      }

      &:nth-of-type(2) {
        @media (max-width: 550px){
          order: 3;
          width: 48%;
         }
      }


      &:nth-of-type(3) {
        @media (max-width: 550px){
          order: 4;
          width: 48%;
         }
      }      

      &:hover {
        a {
          background: #1B1B1D;
          color: #fff;
        }
      }
      &.js-cancel-pro-switch {
        a {
          background: #1B1B1D;
          color: #fff;
        }
      }
    }
  }
}

.pro-page {
  .header-menu {
    background-color: transparent;
  }
  .header-nav__logo-wrap {
    & .logo__nav {
      & .logo__item {
        &:first-of-type {
          a {
            svg {
              stroke: #fff;
            }
          }
        }
        a {
          background-color: #6D6D70;
        }

        &.js-pro-switch {
          a {
            background: #1B1B1D;
            color: #fff;
          }
        }
      }
    }
  }

  .header-nav__dropdown-list {
    .header-nav__dropdown-item {
      a {
        background: transparent;
      }
      &:hover {
        a {
          color: #000;
        }
        & .toggle-chevron {
          background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M7.31 15.07.24 8 7.31.928l7.071 7.071-7.07 7.071Z'/%3E%3C/mask%3E%3Cpath d='m7.31 15.07-1.414 1.414 1.414 1.414 1.414-1.414L7.31 15.07Zm1.414-1.414-7.07-7.071-2.83 2.828 7.072 7.071 2.828-2.828Zm4.243-7.071-7.071 7.07 2.828 2.83 7.071-7.072-2.828-2.828Z' fill='%231B1B1D' fill-opacity='.4' mask='url(%23a)'/%3E%3C/svg%3E");
        }
      }

    }
  }
  .header-nav__dropdown-list {
    & .dropdown-item__toggle {
      .toggle-chevron {
        background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M7.31 15.07.24 8 7.31.928l7.071 7.071-7.07 7.071Z'/%3E%3C/mask%3E%3Cpath d='m7.31 15.07-1.414 1.414 1.414 1.414 1.414-1.414L7.31 15.07Zm1.414-1.414-7.07-7.071-2.83 2.828 7.072 7.071 2.828-2.828Zm4.243-7.071-7.071 7.07 2.828 2.83 7.071-7.072-2.828-2.828Z' fill='%23FFF' fill-opacity='1' mask='url(%23a)'/%3E%3C/svg%3E");
      }
    }
  }
  .article {
    .article-tags__item {
      background-color: #6D6D70;
      border-width: 0;
    }
  }
  .article-container {
    color: #1B1B1D;
    &::before {
      background-color: #fff;
    }

    .article-mask {
      top: -3px;
    }
  }

  .header-nav__dropdown-list {
    border-bottom-width: 0;
  }

}

.pro-page .header-menu .header-nav__icons-item a{
  background-color: transparent;
  color: #fff;
}

.banner {
  background-color: #252D3D;
  border-radius: 25px;
  height: 542px;
  width: 100%;
  @media (max-width: 767.98px) {
    height: auto;
  }
  @media (max-width: 575.98px) {
    margin-bottom: 15px;
  }
  .banner__wrap {
    position: relative;
    padding: 70px;
    overflow: hidden;
    height: 100%;
    @media (max-width: 1129.98px) {
      padding-bottom: 0;
    }
    @media (max-width: 767.98px) {
      padding: 30px 15px;
    }
  }

  .banner__col {
    &.banner__col--img {
      position: absolute;
      top: 0;
      right: 70px;
      background-image: url(/local/templates/blog/css/imgs/author.png);
      width: 463px;
      height: 542px;
      @media (max-width: 1129.98px) {
        top: 40px;
        right: 0;
        width: 389px;
      }
      @media (max-width: 767.98px) {
        display: none;
      }
    }
  }

  .banner__title {
    font-family: 'Ferry', sans-serif;
    font-weight: 900;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: -0.3px;
    color: #fff;
    max-width: 650px;
    margin-bottom: 20px;
  }

  .banner__list {
    margin-bottom: 20px;
  }

  .banner__item {
    padding-left: 18px;
    position: relative;
    color: #BDBFC6;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.1px;
    margin-bottom: 16px;
    max-width: 280px;
    &:first-of-type {
      max-width: 306px;
    }
    &:last-of-type {
      margin-bottom: 0;
    }
    &::before {
      content: '';
      display: block;
      width: 6px;
      height: 6px;
      background-color: #fff;
      position: absolute;
      top: 6px;
      left: 0;
    }
  }


  .button {

  }
}



/* footer */
.footer {
  flex-shrink: 0; }

.footer-contacts {
  border-top: 1px solid rgba(27, 27, 29, 0.2);
  padding: 40px 0; }

.footer-nav,
.footer-row {
  display: flex;
  margin: 0 -15px; }

.footer-block,
.footer-nav > ul,
.footer-col {
  padding: 0 15px;
  width: 50%;
  flex-grow: 1;
  flex-basis: 0; }

.footer-nav {
  margin-bottom: 40px;
  flex-wrap: wrap;
  height: 80px;

  & > ul {
    width: 50%;
    flex: 0 0 50%;
    height: 20px;
    & > li {
      white-space: nowrap;
    }
  }
}

.footer-phone {
  margin-bottom: 25px; }

.footer-phone a {
  font-size: 44px;
  line-height: 1.1; }

.footer-phone span {
  color: rgba(27, 27, 29, 0.5);
  display: block;
  padding-top: 5px; }

.footer-nav a {
  font-size: 16px;
  line-height: 1;
  transition: ease 300ms; }

.footer-nav > ul > li > a {
  font-weight: 600; }

.footer-nav ul ul a {
  color: rgba(27, 27, 29, 0.5); }

.footer-nav ul ul a:hover {
  color: rgba(27, 27, 29, 0.8); }

.footer-nav li {
  margin-bottom: 10px; }

.footer-nav ul ul {
  margin-top: 20px; }

.footer-title {
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  margin-bottom: 20px; }

.footer-social-title {
  font-weight: 600;
  font-size: 23px;
  line-height: 21px;
  margin-bottom: 20px; }

.footer-social {
  display: flex;
  margin: 0 -5px; }

.footer-social li {
  margin: 0 5px; }

.footer-social-item {
  display: block; }

.footer-social-item.-vk {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: 0px -123px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.footer-social-item.-yt {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -123px -123px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.footer-social-item.-ok {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -82px -41px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.footer-social-item.-im {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -41px -41px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.footer-social-item.-tt {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -123px -41px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.footer-social-item.-sp {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -82px -82px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.footer-social-item.-dz {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -41px 0px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.footer-social-item.-tm {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -123px 0px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.footer-social-item.-fb {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: 0px -41px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.footer-social-item.-yq {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -82px -123px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.pro-page .footer-social-item.-yq {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -41px -123px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.footer-social-item.-rb {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -41px -82px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.pro-page .footer-social-item.-rb {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: 0px -82px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.footer-feedback:before {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -164px -104px;
  background-size: 208.5px 203px;
  width: 33.5px;
  height: 33px;
  content: '';
  margin-right: 9px; }

.footer-feedback {
  background: #E9E9EC;
  border-radius: 70px;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  height: 41px;
  padding: 0 16px 0 13px;
  transition: ease 300ms; }

.footer-feedback:hover {
  background: #DDDDE1; }

.footer-box-feedback {
  display: flex;
  align-items: flex-end;
  margin: 0 -15px; }

.footer-company {
  background: #F2F2F5;
  padding: 31px 0 35px; }

.footer-company-title {
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  margin-bottom: 20px; }

.footer-projects-wrapper {
  display: flex;
  margin: 0 -15px 20px; }

.footer-projects ul {
  padding: 0 15px; }

.footer-projects ul li {
  margin-bottom: 10px; }

.footer-projects ul li a {
  color: rgba(27, 27, 29, 0.5);
  transition: ease 300ms; }

.footer-projects ul li a:hover {
  color: rgba(27, 27, 29, 0.8); }

.footer-legal {
  border-top: 1px solid rgba(27, 27, 29, 0.2);
  display: flex;
  color: rgba(27, 27, 29, 0.5);
  justify-content: space-between;
  font-size: 17px;
  line-height: 1.1;
  padding-top: 20px; }

.footer-design a {
  transition: ease 300ms;
  border-bottom: 1px solid; }

.footer-design a:hover {
  border-color: transparent; }

.footer-projects-title-mobile {
  display: none; }

.pro-page .footer-company {
  background: rgba(242, 242, 245, 0.05); }

.pro-page .footer-phone span,
.pro-page .footer-nav ul ul a,
.pro-page .footer-projects ul li a {
  color: rgba(255, 255, 255, 0.5); }

.pro-page .footer-legal {
  border-top-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.5); }

.pro-page .footer-feedback {
  background: #6D6D70;
  color: #fff; }

.pro-page .footer-social-item.-dz {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: 0px 0px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

@media (max-width: 1129.98px) {
  .footer-feedback:before {
    min-width: 33px; }
  .footer-feedback {
    font-size: 16px;
    line-height: 16px;
    text-align: left; }
  .footer-projects-wrapper {
    font-size: 15px; } }

@media (max-width: 991.98px) {
  .footer-row {
    flex-flow: column wrap; }
  .footer-phones {
    display: flex;
    width: 100%; }
  .footer-phone a {
    font-size: 39px;
    line-height: 1.1; }
  .footer-phone {
    width: 50%; }
  .footer-nav {
    width: auto;
    height: auto; }
  .footer-nav > ul {
    margin: 0;
    height: auto; }
  .footer-socials {
    display: block; }
  .footer-socials .footer-col {
    width: 100%; }
  .footer-box-feedback .footer-block {
    margin-top: 20px; }
  .footer-box-feedback {
    display: block; } }

@media (max-width: 767.98px) {
  .footer {
    overflow: hidden; }
  .footer-phones {
    display: block; }
  .footer-phone {
    width: 100%; }
  .footer-phone a {
    font-size: 33px; }
  .footer-projects-wrapper {
    display: none; }
  .footer-legal {
    display: block; }
  .footer-design {
    margin-top: 40px; }
  .footer-social {
    flex-flow: row wrap; }
  .footer-social li {
    margin: 0 5px 10px; }
  .footer-block {
    width: 100%; }
  .footer-copy {
    font-size: 16px;
    line-height: 1.2; }
  .footer-company {
    padding: 25px 0 26px; }
  .footer-contacts {
    padding: 30px 0; }
  .footer-company-title {
    position: relative; }
  .footer-company-title:before {
    background-color: transparent;
    border-top: 2px solid #1B1B1D;
    border-left: 2px solid #1B1B1D;
    content: '';
    display: block;
    opacity: 0.4;
    position: absolute;
    top: 4px;
    right: 3px;
    transform: rotate(135deg);
    height: 10px;
    width: 10px; }
  .footer-projects {
    background: #FFFFFF;
    border-radius: 20px 20px 0px 0px;
    display: block;
    max-height: 85vh;
    opacity: 0;
    padding: 70px 15px 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    visibility: hidden;
    transition: ease 300ms;
    transform: translateY(20px);
    width: 100%;
    z-index: 9; }
  .footer-projects.active {
    visibility: visible;
    transform: translateY(0);
    opacity: 1; }
  .footer-projects-wrapper {
    display: block;
    overflow-y: auto;
    height: calc(85vh - 120px);
    margin: 0; }
  .footer-projects ul {
    padding: 0; }
  .footer-projects-title-mobile {
    color: #1B1B1D;
    display: block;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.05;
    margin-bottom: 10px; }
  .footer-projects-bg {
    background: #1B1B1D;
    display: block;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
  .footer-projects.active ~ .footer-projects-bg {
    visibility: visible;
    opacity: .3; }
  .footer-projects-close {
    position: absolute;
    top: 20px;
    right: 15px;
    height: 28px;
    width: 28px; }
  .footer-projects-close:after,
  .footer-projects-close:before {
    background: #1B1B1D;
    content: '';
    display: block;
    opacity: 0.8;
    margin-top: -4px;
    margin-left: -15px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    height: 2px;
    width: 100%; }
  .footer-projects-close:after {
    transform: rotate(-45deg); }
  .footer-projects ul li a {
    color: #1B1B1D; }
  .footer-projects ul + ul,
  .footer-projects ul li + li {
    border-top: 1px solid rgba(27, 27, 29, 0.2); }
  .footer-projects ul li {
    padding: 15px 0;
    margin: 0; } }

/* feedback */
.feedback {
  color: #FFFFFF;
  margin-bottom: 80px;
  position: relative; }

.feedback-wrapper {
  background: #2F2F2F;
  border-radius: 25px;
  padding: 40px;
  position: relative; }

.feedback.-lilac .feedback-wrapper {
  background: #774BD4; }

.feedback-row {
  display: flex;
  margin: 0 -15px; }

.feedback-col {
  padding: 0 15px;
  width: 50%; }

.feedback-title {
  font-family: 'Ferry', sans-serif;
  font-weight: 900;
  font-size: 40px;
  line-height: 1.03;
  margin-bottom: 25px; }

.feedback-dsc {
  font-size: 17px;
  line-height: 1.2;
  margin-bottom: 25px; }

.feedback-image {
  position: relative; }

.feedback-image:after {
  background-image: url("/local/templates/blog/css/imgs/feedback-image.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  left: 15px;
  bottom: -60px;
  height: 195px;
  width: 375px; }

.feedback-item {
  margin-bottom: 20px; }

.feedback-item input[type=text] {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 15px;
  border: 1px solid transparent;
  color: #fff;
  display: block;
  font-size: 17px;
  line-height: 60px;
  padding: 0 20px;
  height: 60px;
  width: 100%; }

.feedback-item input::-webkit-input-placeholder {
  color: #969698; }

.feedback-item input:-moz-placeholder {
  color: #969698; }

.feedback.-lilac .feedback-item input::-webkit-input-placeholder {
  color: #fff; }

.feedback.-lilac .feedback-item input:-moz-placeholder {
  color: #fff; }

@media (max-width: 991.98px) {
  .feedback-image:after {
    background-size: contain;
    height: 155px;
    width: 285px; } }

@media (max-width: 575.98px) {
  .feedback-wrapper {
    padding: 40px 15px; }
  .feedback-title {
    font-size: 28px; }
  .feedback-dsc {
    font-size: 16px; }
  .feedback-item input[type=text] {
    height: 48px;
    line-height: 48px; } }

/* clip */
.clip {
  fill: #fff;
  position: absolute;
  bottom: -2px;
  right: -2px;
  height: 72px;
  width: 72px;
  z-index: 3; }

.pro-page .clip {
  fill: #2F2F2F; }

@media (max-width: 1129.98px) {
  .clip {
    height: 50px;
    width: 50px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .clip {
    right: -1px; } }

/* checkbox */
.checkbox {
  color: #FFFFFF;
  display: inline-block;
  font-size: 17px;
  line-height: 21px;
  padding-top: 2px;
  padding-left: 43px;
  position: relative; }

.checkbox span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.checkbox input {
  display: none; }

.checkbox:before {
  background: #FFFFFF;
  border-radius: 8px;
  content: '';
  cursor: pointer;
  opacity: 0.15;
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px; }

.checkbox span:after {
  background-color: transparent;
  border-bottom: 3px solid;
  border-right: 3px solid;
  border-radius: 0 0 3px 0;
  content: '';
  cursor: pointer;
  opacity: 0;
  position: absolute;
  top: 3px;
  left: 8px;
  transform: rotate(45deg);
  transition: ease 300ms;
  height: 16px;
  width: 8px; }

.checkbox input:checked + span:after {
  opacity: 1; }

.checkbox.-dark {
  color: #1B1B1D; }

.checkbox.-dark:before {
  background: #1B1B1D;
  opacity: 0.05; }

.wrong.checkbox:before {
  box-shadow: 0 0 5px red; }

.checkbox a {
  color: #F51D1A;
  text-decoration: underline; }

.checkbox a:hover {
  text-decoration: none; }

@media (max-width: 575.98px) {
  .checkbox {
    font-size: 16px; }
  .feedback-button-box .button {
    padding: 18px 28px; }
  .feedback {
    margin-bottom: 60px; } }

/* button */
a.button,
.button {
  background: #F51D1A;
  border-radius: 15px;
  color: #FFFFFF;
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  padding: 18px 58px;
  transition: ease 300ms; }

a.button:hover,
.button:hover {
  background: #e21210; }

/* user */
/*
.user {
    background: #F9F9FC;
    border-radius: 0 0 15px 15px;
    padding-top: 95px;
    position: relative;
    margin: -95px auto 50px;
    max-width: 1180px;
}
.user-picture {
    display: block;
    margin-right: 50px;
    border-radius: 100px;
    overflow: hidden;
    width: 190px;
}
.user-picture img {
    display: block;
    object-position: center;
    object-fit: cover;
    height: 190px;
    width: 190px;
}
.user-wrapper {
    display: flex;
    align-items: flex-start;
    padding: 50px 0 40px;
}
.user-title {
    color: #1B1B1D;
    font-weight: 900;
    font-size: 40px;
    line-height: 1.03;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.user-profession {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 20px;
}
.user-info {
    max-width: 728px;
}
.user-data {
    border-top: 1px solid rgba(27, 27, 29, .1);
    padding-top: 30px;
    margin-bottom: 28px;
}
.user-item {
    display: flex;
    margin-bottom: 12px;
}
.user-ttl {
    color: rgba(27, 27, 29, .5);
    font-size: 17px;
    line-height: 1.1;
    padding-right: 16px;
    min-width: 166px;
}
.user-edit {
    background-color: #fff;
    border-radius: 30px;
    display: flex;
    align-items: center;
    font-size: 17px;
    height: 40px;
    margin-right: 15px;
    line-height: 21px;
    padding: 0 15px 0 10px;
}
.user-password svg,
.user-edit svg {
    margin-right: 5px;
    height: 30px;
    width: 30px;
}
.user-password {
    background: #F2F2F5;
    border-radius: 30px;
    display: flex;
    align-items: center;
    font-size: 17px;
    height: 40px;
    line-height: 21px;
    padding: 0 15px 0 10px;
}
.user-action {
    display: flex;
}


.cabinet {
    margin-bottom: 50px;
}
.cabinet-tabs-title {
    display: flex;
    margin: 0 -7px 15px;
}
.cabinet-tabs-title button {
    margin: 0 7px;
}
.cabinet-tabs-button {
    background: #F2F2F5;
    border-radius: 50px;
    color: rgba(27, 27, 29, .8);
    font-size: 17px;
    line-height: 21px;
    padding: 10px 15px;
    transition: ease 300ms;
}
.cabinet-tabs-button:hover,
.cabinet-tabs-button.active {
    background: #D9D9DC;
}


.bookmarks-item {
    display: flex;
    align-items: center;
    padding: 25px 0;
}
.bookmarks-item + .bookmarks-item{
    border-top: 1px solid rgba(27, 27, 29, .1);
}
.bookmarks-item picture {
    border-radius: 50%;
    overflow: hidden;
    margin-right: 36px;
    height: 167px;
    width: 167px;
}
.bookmarks-item picture img {
    object-fit: cover;
    object-position: center;
    display: block;
    height: 167px;
    width: 167px;
}
.bookmarks-content {
    width: calc(100% - 203px);
}
.bookmarks-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.bookmarks-date {
    color: #1B1B1D;
    font-size: 17px;
    line-height: 1.1;
    opacity: 0.5;
    margin-left: 30px;
}
.bookmarks-title {
    color: #1B1B1D;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    max-width: 633px;
}
.bookmarks-section {
    background: #E9E9EC;
    border-radius: 40px;
    color: #1B1B1D;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 25px;
    padding: 8px 12px;
}
.bookmarks-time,
.bookmarks-view {
    display: flex;
    align-items: center;
    opacity: 0.4;
    margin-right: 10px;
}
.bookmarks-time svg,
.bookmarks-view svg {
    margin-right: 5px;
    height: 28px;
    width: 28px;
}
.bookmarks-icons {
    display: flex;
}


.last-comments-item {
    display: flex;
    padding: 25px 0;
}
.cabinet-tabs-content {
    display: none;
}
.cabinet-tabs-content.active {
    display: block;
}
.last-comments-item + .last-comments-item {
    border-top: 1px solid rgba(27, 27, 29, .1);
}
.last-comments-item picture {
    border-radius: 50%;
    display: block;
    overflow: hidden;
    margin-right: 20px;
    height: 51px;
    width: 51px;
}
.last-comments-item picture img {
    display: block;
    object-position: center;
    object-fit: cover;
    height: 51px;
    width: 51px;
}
.last-comments-main {
    max-width: 563px;
    width: calc(100% - 71px);
}
.last-comments-header {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    margin-top: 14px;
    margin-bottom: 10px;
}
.last-comments-title {
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
}
.last-comments-like,
.last-comments-time {
    color: rgba(27, 27, 29, .5);
    display: inline-flex;
    align-items: center;
    font-size: 17px;
    line-height: 21px;
    white-space: nowrap;
}
.last-comments-like svg {
    height: 20px;
    width: 20px;
}
.last-comments-like:before,
.last-comments-time:before {
    background: rgba(27, 27, 29, .5);
    content: '';
    display: block;
    margin: 0 6px;
    height: 2px;
    width: 2px;
}
.last-comments-text {
    font-size: 17px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.last-comments-article {
    border-left: 4px solid;
    color: #F51D1A;
    font-size: 15px;
    padding-left: 14px;
    line-height: 1.3;
} */
/* article */
.breadcrumb {
  display: flex;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  flex-wrap: wrap;
  @media (max-width: 1129.98px) {
    flex-wrap: wrap;
  }
  @media (max-width: 576px) {
    padding: 0 15px;
  }
  .breadcrumb__item {
    color: #767677;
    padding: 0 28px 0 0;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    flex-shrink: 0;
    max-width: 100%;
    &:first-of-type {
      padding-left: 0;
    }
    &.--current {
      opacity: 60%;
      &::before {
        content: '';
      }
    }
    &::before{
      content: '/';
      display: block;
      position: absolute;
      right: 14px;
    }
  }
}

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

.catalog-menu {
  .article-tags {
    justify-content: flex-start;
    padding-left: 0;
  }
}

.article__author {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 21px;

  .author__photo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #E9E9EC;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 7a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM14 12a3 3 0 0 0-3-3H5a3 3 0 0 0-3 3v3h12v-3Z' fill='%23000'/%3E%3Cscript/%3E%3C/svg%3E");
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    img {
      max-width: 100%;
      height: 100%;
      width: 100%;
      object-fit: cover;
      border-radius: 50%;
    }
  }

  .author__name {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #262E3F;
    text-transform: uppercase;
  }

  .author__position {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #85878C;
  }

  .author__details {
    width: calc(100% - 54px);
  }
}

.brand-article-info {
  .article-info {
    .article-params {
      bottom: unset;
    }
  }
}



.article-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 14px;
  margin-top: 30px;
  @media (max-width: 1129.98px) {
    gap: 12px 10px;
    padding: 0 15px;
  }
  .article-tags__item {
    font-size: 13px;
    line-height: 21px;
    font-weight: 700;
    border-radius: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: ease 300ms;
    cursor: pointer;
    margin: 0;
    &:hover {
      a {
        background: #1B1B1D;
        color: #fff;
        border-color: #1B1B1D;
        transition: ease 300ms;
      }
    }
    a {
      background-color: transparent;
      padding: 0;
      height: auto;
      font-size: 13px;
      line-height: 21px;
      font-weight: 700;
      border: 1px solid #D9D9D9;
      border-radius: 70px;
      padding: 9px 16px;

    }

    &.active {
      background-color: #1B1B1D;
      border-color: #1B1B1D;
      a {
        background-color: #1B1B1D;
        border-color: #1B1B1D;
      }
    }
  }
}

.article-params__theme {
  border: 1px solid #D9D9D9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 16px;
  margin-right: 24px;
  font-size: 17px;
  line-height: 21px;
  color: #1B1B1D;
  font-weight: 700;
  border-radius: 70px;
}

@media screen and (max-width: 1280px) {
  .article-image img {
    object-position: bottom right;
  }
}
@media screen and (max-width: 752px) {
  .article-image img {
    object-position: bottom left;
  }
}

.article-preview {
  color: #fff;
  margin: 0;
  min-height: 523px;
  padding: 175px 0 90px;
  position: relative; }

.article-preview-wrap {
  position: relative;
  z-index: 1; }

.article-date {
  font-size: 17px;
  line-height: 1.2;
  margin-bottom: 10px; }

.article-title {
  font-family: 'Ferry', sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 1.05;
  margin-bottom: 20px;
  max-width: 850px; }

.article-section {
  background: #FFFFFF;
  border-radius: 40px;
  color: #1B1B1D;
  display: inline-block;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  padding: 8px 12px; }

.article-mask {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(-1, 1);
  height: 100%;
  width: 100%; }

.article-container {
  border-radius: 15px;
  margin-bottom: 50px;
  padding: 40px 50px 50px;
  position: relative;
  z-index: 2; }

.article-container > div {
  position: relative;
  z-index: 1; }

.svg-clip {
  transform: scale(1.5); }

.article-container:before {
  background: transparent;
  box-shadow: 0px 2px 67px rgba(37, 37, 37, 0.06);
  border-radius: 0 0 15px 15px;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: calc(100% - 80px);
  width: 100%; }

.article-container:after {
  background: transparent;
  box-shadow: 0 2px 67px rgba(37, 37, 37, 0.1);
  content: '';
  position: absolute;
  top: 37px;
  right: 17px;
  transform: rotate(54deg);
  height: 70px;
  width: 70px;
  z-index: -1; }

.article-params {
  color: #000000;
  display: flex;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2; }

.article-time svg,
.article-time svg {
  stroke: #1B1B1D;
  margin-right: 5px;
  height: 28px;
  width: 28px; }

.article-time,
.article-time {
  display: flex;
  align-items: center;
  margin-right: 10px; }

.article-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 37px; 

}

@media (max-width: 575.98px) {
  .article-info {
    flex-direction: column;
    row-gap: 20px;
    }
}

.article-share {
  position: relative; }

.article-share-button {
  background: #E9E9EC;
  border-radius: 70px;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  padding: 0 13px;
  transition: ease 300ms;
  color: #1b1b1d;
  height: 41px; }

.article-share-button:before {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -164px 0px;
  background-size: 208.5px 203px;
  width: 44.5px;
  height: 33px;
  content: '';
  margin-right: 10px; }

.article-share-button:hover {
  background: #DDDDE1; }

.article-share-item {
  display: block;
  margin: 0 5px; }

.article-share-item.-vk {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: 0px -123px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.article-share-item.-ok {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -82px -41px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.article-share-item.-fb {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: 0px -41px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.article-share-item.-tm {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -123px 0px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.article-share-item.-tw {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -123px -82px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.article-share-item.-link {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -82px 0px;
  background-size: 208.5px 203px;
  width: 40px;
  height: 40px; }

.article-share-enum ul {
  display: flex;
  margin: 0 -5px; }

.article-share-enum {
  background: #FFFFFF;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.16);
  border-radius: 15px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 0;
  visibility: hidden;
  transition: ease 300ms; }

.article-share:hover .article-share-enum {
  opacity: 1;
  visibility: visible; }

.article-wrapper {
  margin: 0 auto;
  max-width: 914px; }

.article-carousel {
  margin-bottom: 50px; }

.article-carousel img {
  display: block;
  border-radius: 15px;
  width: 100%; }

.content_ .article-carousel + h2 {
  padding-top: 60px; }

.article-rating-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.05;
  margin-bottom: 10px; }

.article-rating-form label input {
  display: none; }

.article-rating-form {
  display: flex; }

.article-rating-form label span {
  cursor: pointer;
  display: block;
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -53.5px -164px;
  background-size: 208.5px 203px;
  width: 29px;
  height: 28.5px;
  margin: 5px 8px;
  position: relative; }

.article-rating-form label span:before {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: -83.5px -164px;
  background-size: 208.5px 203px;
  width: 29px;
  height: 28.5px;
  content: '';
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: ease 300ms; }

.article-rating-form label.hover span:before,
.article-rating-form label.active span:before {
  opacity: 1; }

.article-share-bottom ul {
  display: flex; }

.article-actions {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 50px;
  margin-bottom: 60px; }

@media (max-width: 991.98px) {
  .article-title {
    font-size: 34px;
    line-height: 1.2; } }

@media (max-width: 767.98px) {
  .article-title {
    font-size: 24px;
    margin-bottom: 30px; }
  .article-preview {
    min-height: auto;
    padding: 25px 0 25px; }
  .article-share {
    display: none; }
  .article > .container {
    padding-left: 0;
    padding-right: 0; }
  .article-container {
    padding: 30px 15px 50px; }
  .article-carousel img {
    max-width: 330px; }
  .article-actions {
    flex-flow: row wrap; }
  .article-share-bottom {
    order: -1;
    margin-bottom: 50px;
    width: 100%; }
  .article-share-bottom ul {
    justify-content: center; }
  .article-rating-title {
    font-size: 24px; }
  .article-carousel img {
    width: 330px; } }

/* owl */
.owl-nav div.disabled {
  display: none; }

.owl-nav div {
  background-color: #FFFFFF;
  background-image: url("/local/templates/blog/css/imgs/carousel-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 5.31343px 29.2239px rgba(0, 0, 0, 0.11);
  border-radius: 39.8507px;
  margin-top: -24px;
  position: absolute;
  top: 50%;
  right: -24px;
  height: 48px;
  width: 48px; }

.owl-nav div.owl-prev {
  left: -24px;
  transform: scale(-1, 1);
  @media (max-width: 767.98px) {
    left: 0;
  }
}

.owl-nav div.owl-next {
  @media (max-width: 767.98px) {
    right: 0;
  }
}

.slider-blog-wrapper .owl-nav .owl-prev,
.slider-blog-wrapper .owl-nav .owl-next {
  @media (max-width: 767.98px) {
    top: 50%;
  }
}

/* content_ */
.content_ h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.05;
  margin-bottom: 30px; }

.content_ {
  font-size: 20px;
  line-height: 1.4; }

.content_ li a {
  display: inline;
  border-bottom: 1px solid rgba(27, 27, 29, 0.3);
  transition: ease 300ms; }

.content_ li a:hover {
  border-color: transparent; }

.content_ li {
  font-size: 18px;
  margin-bottom: 18px;
  position: relative; }

.content_ ol {
  counter-reset: li;
  margin-bottom: 30px; }

.content_ ol li {
  padding-left: 44px; }

.content_ ol li:after {
  background: #F2F2F5;
  border-radius: 50%;
  content: counter(li);
  counter-increment: li;
  line-height: 32px;
  position: absolute;
  top: -4px;
  left: 0;
  text-align: center;
  height: 32px;
  width: 32px; }

.content_ h2 {
  font-family: "Ferry", sans-serif;
  font-weight: 900;
  font-size: 32px;
  line-height: 1.05;
  padding-top: 20px;
  margin-bottom: 30px; }

.content_ h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.05;
  margin-bottom: 30px; }

.content_ p.compact {
  max-width: 584px; }

.content_ p {
  margin-bottom: 20px; }

.content_ > picture img,
.content_ p img,
.content_ > img {
  border-radius: 20px;
  margin: 20px 0 50px;
  height: auto;
  width: 100%; }

.content_ p img {
  margin: 0; }

.content_ strong,
.content_ b {
  font-weight: 700; }

.content_ blockquote:before {
  background-image: url("/local/templates/blog/css/imgs/blockquote-before.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  content: '';
  display: block;
  position: absolute;
  top: 33px;
  left: 0;
  height: 49px;
  width: 68px; }

.content_ blockquote {
  font-family: "Ferry", sans-serif;
  font-weight: 900;
  font-size: 32px;
  line-height: 1.05;
  padding: 36px 0 50px 96px;
  position: relative;
  word-break: break-word; }

.content_ ul {
  margin-bottom: 50px; }

.content_ ul li {
  padding-left: 37px;
  position: relative; }

.content_ ul li:before {
  background: #E63223;
  border-radius: 50px;
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  height: 12px;
  width: 12px; }

.content_ .video {
  margin-bottom: 70px; }

.content_ ul + h2 {
  padding-top: 30px; }

.content_ a {
  border-bottom: 1px solid rgba(245, 29, 26, 0.3);
  color: #F51D1A;
  transition: ease 300ms; }

.content_ a:hover {
  border-color: transparent; }

.content_ a.button {
  color: #fff;
  border: none; }

.content_ .article-nav a {
  color: #1B1B1D; }

.content_ video {
  height: auto;
  width: 100%; }

.content_ > p:last-child,
.content_ > ul:last-child {
  margin-bottom: 0; }

.content_ table {
  border: 1px solid #ececec;
  font-size: 14px;
  line-height: 1.4;
  width: 100%; }

.content_ table td {
  border: 1px solid #ececec;
  padding: 10px; }

.content_ .table table {
  margin-bottom: 15px; }

.content_ .table {
  margin-bottom: 30px;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.content_ ol + br,
.content_ ul + br,
.content_ p + br,
.content_ .table + br {
  display: none; }

.content_ img {
  max-width: 100%; }

.content_ sup {
  vertical-align: top;
  font-size: .7em;
}
.content_ sub {
  vertical-align: bottom;
  font-size: .7em;
}

@media (max-width: 991.98px) {
  .content_ blockquote {
    font-size: 27px;
    line-height: 1.2; } }

@media (max-width: 767.98px) {
  .content_ h2 {
    font-size: 20px; }
  .content_ h3 {
    font-size: 24px; }
  .content_ .article-carousel + h2 {
    padding-top: 0px; }
  .content_ blockquote {
    font-size: 20px;
    padding-left: 0; }
  .content_ blockquote:before {
    width: 36px;
    height: 26px;
    background-size: contain;
    top: 1px; }
  .content_ h4 {
    font-size: 18px; } }

/* product-item */
.product-item {
  float: right;
  padding: 30px 0 30px 30px;
  max-width: 180px; }

.product-item img {
  display: block;
  margin-bottom: 15px;
  width: 100%; }

.product-item-dsc {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.4; }

.product-item a {
  border-bottom: 1px solid rgba(245, 29, 26, 0.3);
  color: #F51D1A;
  display: inline-block;
  transition: ease 300ms; }

.product-item a:hover {
  border-color: transparent; }

@media (max-width: 767.98px) {
  .product-item {
    float: none;
    padding-left: 0;
    padding-top: 0;
    max-width: 225px; } }

/* video */
.video {
  position: relative; }

.video img {
  border-radius: 11.6px;
  display: block;
  min-height: 370px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%; }

.video-content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1; }

.video-description {
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%; }

.video-section {
  background: #FFFFFF;
  border-radius: 40px;
  color: #1B1B1D;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  padding: 8px 12px; }

.video-data {
  font-size: 17px;
  line-height: 1.2;
  margin-bottom: 10px; }

.video-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
  margin-right: 30px;
  max-width: 417px; }

.video-time {
  background: rgba(27, 27, 29, 0.4);
  border-radius: 50px;
  color: #fff;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.2;
  padding: 3px 7px; }

a.video-play {
  border: none;
  cursor: pointer;
  display: block;
  margin-top: -35px;
  margin-left: -35px;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: ease 300ms;
  height: 71px;
  width: 71px;
  z-index: 2; }

a.video-play svg {
  display: block;
  height: 71px;
  width: 71px; }

.video:hover a.video-play {
  transform: scale(1.1); }

.video:hover a.video-play:hover {
  transform: scale(1.2); }

@media (max-width: 767.98px) {
  .video-title {
    font-size: 26px; }
  .video-content {
    padding: 20px; } }

/* comments */
.comments-actions {
  background: #FFFFFF;
  box-shadow: 0 2px 60px 4px rgba(37, 37, 37, 0.05);
  border-radius: 15px;
  display: flex;
  padding: 25px 30px 30px; }

.comments-actions-avatar {
  border-radius: 50px;
  overflow: hidden;
  margin-right: 15px;
  height: 50px;
  width: 50px; }

.comments-actions-avatar img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 50px;
  width: 50px; }

.comments-form {
  width: calc(100% - 65px); }

.comments-textarea textarea {
  background: #F4F4F4;
  border-radius: 15px;
  border: none;
  padding: 20px;
  font-size: 17px;
  line-height: 110%;
  resize: none;
  height: 110px;
  width: 100%; }

.comments-textarea textarea::-webkit-input-placeholder {
  color: #969698; }

.comments-textarea textarea:-moz-placeholder {
  color: #969698; }

.comments-textarea {
  margin-bottom: 15px; }

.comments-enum {
  padding: 30px; }

.comments-item {
  padding-top: 10px;
  padding-bottom: 10px; }

.comments-item.-answer {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 15px; }

.comments-item-avatar {
  border-radius: 50%;
  filter: drop-shadow(0px 8px 15px rgba(87, 98, 118, 0.1));
  display: block;
  overflow: hidden;
  margin-right: 15px;
  height: 40px;
  width: 40px; }

.comments-item-avatar img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 40px;
  width: 40px; }

.comments-item-about {
  width: calc(100% - 55px); }

.comments-item-title {
  color: #1B1B1D;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.1;
  margin-bottom: 4px; }

.comments-item-date {
  color: #1B1B1D;
  font-size: 14px;
  line-height: 1.1;
  opacity: 0.5; }

.comments-item-info {
  display: flex;
  margin-bottom: 10px; }

.comments-item-text {
  color: #1B1B1D;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 10px; }

.comments-item-action {
  display: flex; }

.comments-item-answer {
  color: #1B1B1D;
  font-size: 18px;
  line-height: 1.2;
  opacity: 0.5; }

.comments-item-vote {
  display: flex;
  align-items: center;
  margin-left: 30px; }

.comments-item-like svg {
  height: 14px;
  width: 16px; }

.comments-item-count {
  color: #64C16D;
  font-size: 14px;
  line-height: 1.3;
  margin: 0 10px; }

.comments-item-like.-down {
  transform: scale(1, -1);
  margin-bottom: 3px; }

@media (max-width: 767.98px) {
  .comments-actions {
    padding: 15px; }
  .comments-actions {
    flex-flow: row wrap; }
  .comments-form {
    width: 100%; }
  .comments-actions-avatar {
    margin-bottom: 10px; }
  .comments-enum {
    padding: 30px 0 0; } }

/* feedback-page */
.feedback-page {
  padding-top: 30px;
  margin-bottom: 80px; }

.feedback-page-title {
  color: #000000;
  font-family: "Ferry", sans-serif;
  font-weight: 900;
  font-size: 60px;
  line-height: 1.05;
  margin-bottom: 30px; }

.feedback-page-wrap {
  display: flex;
  margin: 0 -15px; }

.feedback-page-content {
  padding: 0 15px;
  width: 50%; }

.feedback-page-form {
  background: #F9F9FC;
  border-radius: 25px;
  margin: 0 15px;
  padding: 30px 30px 40px;
  position: relative;
  width: 50%; }

.feedback-page-form .feedback-item input[type=text] {
  background: #EEEEF1;
  color: #000; }

.feedback-page-form .checkbox {
  color: #1B1B1D; }

.feedback-page-form .checkbox:before {
  background: #EEEEF1;
  opacity: 1; }

.feedback-item textarea {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 15px;
  border: none;
  color: #fff;
  display: block;
  font-size: 17px;
  line-height: 60px;
  padding: 0 20px;
  resize: none;
  height: 190px;
  width: 100%; }

.feedback-page-form .feedback-item textarea {
  background: #EEEEF1;
  color: #000; }

@media (max-width: 991.98px) {
  .feedback-page-wrap {
    display: block; }
  .feedback-page-content {
    width: 100%; }
  .feedback-page-form {
    max-width: 560px;
    margin: 0 auto;
    width: 100%; } }

@media (max-width: 767.98px) {
  .feedback-image:after {
    display: none; }
  .feedback-row {
    display: block; }
  .feedback-col {
    width: 100%; }
  .feedback-page-title {
    font-size: 36px; }
  .feedback-page {
    padding-top: 0px;
    margin-bottom: 80px; }
  .feedback-page-text.content_ {
    font-size: 17px; }
  .feedback-page-form {
    padding: 15px 15px 30px; } }

/* media */
.media-title {
  color: #000000;
  font-family: "Ferry", sans-serif;
  font-weight: 900;
  font-size: 60px;
  margin-bottom: 40px;
  line-height: 1.05; }

.media-info {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.media-section {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.05;
  margin-bottom: 30px; }

.media-info .media-section {
  margin-bottom: 0; }

.media-info {
  margin-bottom: 30px; }

.media-count {
  color: #A2A2A2;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px; }

.media .video img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 430px; }

.media-main {
  margin-bottom: 25px; }

.media-item {
  display: flex;
  align-items: center;
  padding: 25px 0; }

.media-item + .media-item {
  border-top: 1px solid rgba(27, 27, 29, 0.1); }

.media-item-preview {
  display: block;
  max-width: 261px;
  margin-right: 15px;
  position: relative;
  width: 100%; }

.media-item-preview .video-time {
  position: absolute;
  bottom: 10px;
  right: 10px; }

.media-item-preview img {
  display: block;
  border-radius: 15px;
  height: 173px;
  width: 100%; }

.media-item-preview svg {
  margin-top: -24px;
  margin-left: -24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: ease 300ms;
  height: 48px;
  width: 48px; }

.media-item-preview:hover svg {
  transform: scale(1.2); }

.media-item-content {
  width: calc(100% - 296px); }

.media-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px; }

.media-item-date {
  color: #1B1B1D;
  font-size: 17px;
  line-height: 1.1;
  opacity: 0.5; }

.media-item-section {
  background: #E9E9EC;
  border-radius: 40px;
  color: #1B1B1D;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  padding: 8px 12px; }

a.media-item-title,
.media-item-title {
  color: #1B1B1D;
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.1;
  margin-bottom: 10px; }

.media-item-dsc.content_ {
  font-size: 17px; }

.media-enum {
  margin-bottom: 45px; }

.media-promo {
  background: #5167DD;
  border-radius: 25px;
  margin: 0 auto 70px;
  max-width: 1190px;
  padding: 55px 0 60px; }

.media-promo.-gray {
  background: rgba(242, 242, 245, 0.5); }

.media-promo-title {
  color: #FFFFFF;
  font-family: "Ferry", sans-serif;
  font-weight: 900;
  font-size: 40px;
  line-height: 1.03;
  margin-bottom: 44px; }

.media-promo-item .media-item-preview {
  max-width: 100%; }

.media-promo-enum {
  display: flex;
  margin: 0 -15px; }

.media-promo-item {
  color: #fff;
  margin: 0 15px;
  width: 33.33%; }

.-gray .media-promo-item {
  color: #1B1B1D; }

.media-promo-item .media-item-preview img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 259px; }

.media-promo-item .video-section {
  position: absolute;
  top: 20px;
  left: 20px; }

.media-promo-item .media-item-preview {
  margin-bottom: 20px; }

.media-promo-date {
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 1.2; }

.media-promo-ttl {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.1; }

.media-promo-enum .media-promo-item {
  margin: 0;
  width: 100%; }

.media-promo-enum.owl-carousel {
  display: block;
  margin: 0; }

.media-promo-enum .owl-nav div {
  top: 130px; }

.video-block-link.-archive {
  display: none; }

@media (max-width: 1129.98px) {
  .media-promo-item .media-item-preview img {
    height: 220px; }
  .media-promo-item .video-section {
    padding: 6px 12px;
    position: absolute;
    top: 10px;
    left: 10px; }
  .media-promo-enum .owl-nav div {
    top: 110px; }
  .media-promo-enum .media-promo-item {
    max-width: 305px; }
  .media-promo-enum .owl-nav {
    display: none; } }

@media (max-width: 991.98px) {
  .media-promo-enum.owl-carousel .media-promo-item {
    max-width: 100%; }
  .media-item {
    align-items: flex-start; } }

@media (max-width: 767.98px) {
  .media-title {
    font-size: 36px; }
  .media-section {
    font-size: 24px; }
  .media-count {
    font-size: 18px;
    line-height: 22px; }
  .media-item {
    border-top: 1px solid rgba(27, 27, 29, 0.1);
    display: block;
    position: relative; }
  .media-item-preview {
    max-width: 100%; }
  .media-item-preview img {
    height: auto; }
  .media-item-content {
    margin-top: 10px;
    width: 100%; }
  .media-item-section {
    position: absolute;
    top: 40px;
    left: 15px; }
  .media-enum {
    margin-bottom: 25px; }
  .media-promo {
    padding: 40px 0; }
  .media-promo-title {
    font-size: 28px; }
  .video.media-main {
    display: none; }
  .media-promo-enum.owl-carousel .media-promo-item {
    max-width: 305px; } }

@media (max-width: 575.98px) {
  .video-block-title + .video-block-link {
    display: none; }
  .video-block-link.-mobile {
    display: block;
    text-align: center; }
  .video-block-header {
    margin-bottom: 25px; }
  .media-promo .media-promo-ttl {
    font-size: 18px; }
  .media-promo {
    margin-bottom: 40px; } }

/* catalog */
.catalog {
  padding-top: 20px;
  margin-bottom: 50px; }

.catalog-intro {
  color: #FFFFFF;
  position: relative;
  margin-bottom: 40px; }

.catalog-intro picture {
  display: block;
  position: relative; }

.catalog-intro img {
  border-radius: 25px;
  display: block;
  width: 100%; }

.catalog-intro-title {
  font-family: "Ferry", sans-serif;
  font-weight: 900;
  font-size: 60px;
  line-height: 1.05;
  margin-bottom: 20px; }

.catalog-intro-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  padding: 40px 50px 30px;
  height: 100%;
  width: 100%;
  z-index: 2; }

.catalog-intro-dsc {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.1;
  max-width: 583px; }

.catalog-intro-sections ul {
  color: #1B1B1D;
  display: flex;
  flex-flow: row wrap;
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
  margin: 0 -5px; }

.catalog-intro-sections ul li {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 70px;
  margin: 0 5px 10px;
  padding: 10px 16px;
  transition: ease 300ms; }

.catalog-intro-sections ul li.active,
.catalog-intro-sections ul li:hover {
  background-color: #fff; }

.catalog-count {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px; }

.catalog-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px; }

.catalog-row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px; }

.catalog-col {
  display: flex;
  flex-flow: row wrap;
  padding: 0 10px 20px;
  width: 100%; }

.catalog-col.-small {
  width: calc(100% / 3); }

.catalog-col.-middle {
  width: calc(100% / 1.5); }

.catalog-col.-full {
  width: 100%; }

.catalog-item {
  display: flex;
  justify-content: flex-start;
  min-height: 430px;
  position: relative;
  width: 100%; }

.catalog-item picture img {
  border-radius: 25px;
  display: block;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  max-width: 100%;
  width: 100%; }

.catalog-item-content {
  color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  -ms-flex: 1;
  flex-direction: column;
  height: 100%;
  max-width: 60%;
  padding: 20px;
  z-index: 1;
  width: 100%; }

.catalog-item-text {
  transition: .4s ease;
  max-width: 100%; }

.catalog-item-section {
  background: #fff;
  border-radius: 40px;
  color: #1B1B1D;
  display: inline-block;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 30px;
  padding: 8px 12px; }

.-color-sec-tomato .catalog-item-section {
  color: #F46A66; }

.-color-sec-lite-blue .catalog-item-section {
  color: #53B7D8; }

.-color-sec-purple .catalog-item-section {
  color: #5167DD; }

.-color-sec-lilac .catalog-item-section {
  color: #774BD4; }

.-color-sec-green .catalog-item-section {
  color: #64C16D; }

.catalog-item-date {
  font-size: 17px;
  line-height: 1.2;
  margin-bottom: 10px; }

.catalog-item-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  margin-bottom: 15px; }

.catalog .article-params {
  color: #fff; }

.catalog .article-time svg,
.catalog .article-time svg {
  stroke: #fff; }

.catalog-col.-small .catalog-item {
  flex-direction: column; }

.catalog-col.-small .catalog-item-section {
  position: absolute;
  top: 20px;
  left: 20px; }

.catalog-col.-small .catalog-item-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.1; }

.catalog-col.-small .catalog-item-content {
  height: auto;
  max-width: 100%;
  padding: 20px; }

.catalog-col.-small .catalog-item picture {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 0;
  max-width: 100%;
  height: 259px;
  width: 100%; }

.catalog-col.-small .catalog-item picture img {
  border-radius: 25px;
  max-width: 100%;
  max-height: 100%;
  height: 100%; }

.catalog-col.-small .article-params:not(.-static) {
  position: absolute;
  bottom: 20px;
  left: 20px; }

.catalog-col.-small .catalog-item-text {
  padding-bottom: 28px; }

.catalog-col.-middle .catalog-item-title {
  font-size: 32px;
  line-height: 1.1; }

.catalog-show-more {
  background: #E9E9EC;
  border-radius: 15px;
  color: rgba(27, 27, 29, 0.8);
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  padding: 18px;
  text-align: center;
  width: 100%; }

.pro-page .catalog-show-more {
  background: #6D6D70;
  color: rgba(226, 226, 226, 0.8); }

.section-block-link.-mobile {
  display: none; }

.catalog-menu {
  margin: -20px 0 14px; }

.catalog-menu ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }

.catalog-menu ul li {
  margin: 0 5px 10px; }

.catalog-menu ul a {
  background: #E9E9EC;
  border-radius: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
  height: 40px;
  padding: 0 16px;
  transition: ease 300ms; }

.catalog-menu ul li.active a,
.catalog-menu ul a:hover {
  background: #1B1B1D;
  color: #fff; }

.catalog-item.-shadow picture:before {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
  /* IE6-9 */
  border-radius: 26px;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1; }

.catalog-item-content {
  pointer-events: none; }

@media (max-width: 1129.98px) {
  .catalog-item-title {
    font-size: 26px; }
  .catalog-col.-big .catalog-item {
    min-height: 340px; }
  .catalog-col.-small .catalog-item picture {
    height: 146px; }
  .catalog-item-date {
    font-size: 15px;
    margin-bottom: 7px; }
  .catalog-col.-small .catalog-item-title {
    font-size: 18px; }
  .catalog-col.-small .catalog-item {
    flex-direction: column;
    justify-content: space-between; }
  .catalog-item {
    min-height: 360px; }
  .catalog-col.-small .catalog-item-content {
    padding: 17px 15px 15px; }
  .article-time svg,
  .article-time svg {
    height: 20px;
    width: 20px; }
  .catalog-item-title {
    margin-bottom: 9px; }
  .catalog-item-content {
    padding: 30px; }
  .catalog-col.-middle .catalog-item-title {
    font-size: 26px;
    line-height: 1.1; }
  .catalog-intro-title {
    font-size: 45px; }
  .catalog-intro img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 360px; } }

@media (max-width: 991.98px) {
  .catalog-col.-big {
    width: 50%; }
  .catalog-col.-small {
    width: calc(100% / 2); }
  .catalog-col.-middle {
    width: calc(100% / 2); }
  .catalog-item {
    min-height: 460px; }
  .catalog-col.-small .catalog-item-title {
    font-size: 21px;
    margin-bottom: 15px; }
  .catalog-item-content {
    padding: 15px;
    max-width: 100%; }
  .catalog-item-section {
    padding: 3px 9px; }
  .catalog-col.-small .catalog-item-section {
    position: absolute;
    top: 15px;
    left: 15px; }
  .catalog-item-section {
    margin-bottom: 20px; }
  .catalog-item-title {
    font-size: 24px; }
  .catalog-col.-middle .catalog-item-title {
    font-size: 21px; }
  .catalog-col.-big .catalog-item-text {
    display: flex;
    flex-direction: column; } }

@media (max-width: 767.98px) {
  .catalog-row {
    margin: 0 -7px; }
  .catalog-col {
    padding: 0 7px 15px; }
  .catalog-item picture img {
    position: relative; }
  .catalog-item-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }
  .catalog-col.-small .catalog-item picture img {
    width: 100%;
    max-height: initial;
    min-height: 270px; }
  .catalog-col.-small .catalog-item-content,
  .catalog-col.-small .catalog-item picture {
    height: 100%; }
  .catalog-col.-small .catalog-item-text {
    padding-bottom: 0; }
  .catalog-col .catalog-item picture img {
    max-height: 320px; }
  .catalog-item picture {
    width: 100%; }
  .catalog-item-title {
    font-size: 17px; }
  .catalog-col.-small .catalog-item-title {
    font-size: 17px;
    margin-bottom: 0; }
  .catalog-col.-big .catalog-item,
  .catalog-item {
    min-height: auto; }
  .catalog-col.-big .catalog-item a,
  .catalog-item a {
    width: 100%; }
  .catalog-col.-small .catalog-item-section {
    position: static; }
  .catalog .article-params {
    display: none; }
  .catalog-col.-middle .catalog-item-title {
    font-size: 17px;
    margin-bottom: 0px; }
  .catalog-intro-content {
    padding: 15px 15px 5px; }
  .catalog-intro-title {
    font-size: 30px; }
  .catalog-intro-sections ul {
    font-size: 15px;
    line-height: 18px; }
  .catalog-intro-sections ul li {
    padding: 8px 15px; }
  .catalog-count {
    color: #A2A2A2;
    font-size: 18px; }
  .catalog-info {
    align-items: center;
    margin-bottom: 20px; }
  .catalog-menu ul a {
    font-size: 16px;
    height: 32px;
    padding: 0 12px; }
  .catalog-menu ul {
    justify-content: flex-start; } }

@media (max-width: 575.98px) {
  .catalog-col.-big {
    width: 100%; }
  .catalog-col.-small {
    width: 100%; }
  .catalog-item-title {
    font-size: 24px; }
  .catalog-col .catalog-item picture img {
    max-height: 100%; }
  .catalog-col.-small .catalog-item-title {
    font-size: 18px;
    margin-bottom: 15px; }
  .section-block-title + .section-block-link {
    display: none; }
  .section-block-link.-mobile {
    display: block;
    text-align: center; }
  .catalog-col.-middle {
    width: 100%; }
  .catalog-item .clip {
    display: none; }
  .catalog {
    padding-top: 20px;
    margin-bottom: 20px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .catalog-col.-small .catalog-item picture img {
    height: 100%;
    width: 100%; }
  .catalog-item {
    min-height: 450px; } }

/* sort-select */
.sort-select {
  position: relative;
  z-index: 2; }

.sort-select-selected {
  cursor: pointer;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  padding-right: 34px;
  padding-left: 20px;
  position: relative; }

.sort-select-selected:after {
  background-color: transparent;
  border-left: 2px solid;
  border-top: 2px solid;
  content: '';
  color: rgba(27, 27, 29, 0.4);
  display: block;
  position: absolute;
  top: 6px;
  right: 6px;
  transform: rotate(-135deg);
  height: 10px;
  width: 10px; }

.sort-select-selected.active:after {
  transform: rotate(-135deg) scale(-1, -1); }

.sort-select-list {
  background: #FFFFFF;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  visibility: hidden;
  opacity: 0;
  padding: 14px 8px;
  position: absolute;
  top: 29px;
  right: 0;
  transition: ease 300ms; }

.sort-select-selected.active ~ .sort-select-list {
  visibility: visible;
  opacity: 1; }

.sort-select-list li + li {
  margin-top: 3px; }

.sort-select-list a {
  background: transparent;
  border-radius: 30px;
  color: #1B1B1D;
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  padding: 6px 12px;
  transition: ease 300ms;
  white-space: nowrap; }

.sort-select-list .active a,
.sort-select-list a:hover {
  background: rgba(27, 27, 29, 0.05); }

.pro-page .sort-select-selected:after {
  color: rgba(255, 255, 255, 0.4); }

@media (max-width: 767.98px) {
  .sort-select-selected {
    font-size: 14px; } }

/* video-block */
.video-block {
  background: rgba(242, 242, 245, 0.5);
  border-radius: 25px;
  padding: 55px 0;
  margin: 50px auto 60px;
  max-width: 1190px; }

.pro-page .video-block {
  background: rgba(242, 242, 245, 0.1); }

.section-block-title,
.video-block-title {
  font-family: "Ferry", sans-serif;
  font-weight: 900;
  font-size: 40px;
  line-height: 1.03; }

.section-block-header,
.video-block-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px; }

a.section-block-link,
.section-block-link,
a.video-block-link,
.video-block-link {
  background: #E9E9EC;
  border-radius: 15px;
  color: rgba(27, 27, 29, 0.8);
  display: block;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  padding: 15px 42px; }

.video-block-main .video {
  max-width: calc(100% - 373px);
  width: 100%; }

.video-block-enum {
  max-width: 394px;
  margin-left: 29px;
  width: 100%; }

.video-block-preview img {
  border-radius: 5px;
  display: block;
  width: 100%; }

.video-block-preview {
  display: block;
  position: relative;
  width: 120px; }

.video-block-main {
  display: flex; }

.video-block-time {
  background: rgba(27, 27, 29, 0.4);
  border-radius: 50px;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  padding: 2px 5px;
  position: absolute;
  bottom: 5px;
  right: 5px; }

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

.video-block-item + .video-block-item {
  margin-top: 25px; }

.video-block-ttl {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.2;
  margin-left: 15px;
  max-width: 209px;
  width: calc(100% - 135px); }

.video-block-main .video img {
  height: 100%; }

.video.media-main .video-content:before,
.video-block-main .video:before {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.44) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 11.6px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.video-description {
  position: relative;
  height: 100%; }

.media-promo-enum.-modal {
  display: none; }

@media (max-width: 991.98px) {
  .video-block-main {
    display: none; }
  .media-promo-enum.-modal {
    display: block; }
  body:not(.pro-page) .media-promo-enum.-black-text .media-promo-item {
    color: #1B1B1D; } }

@media (max-width: 767.98px) {
  .video-block {
    padding: 40px 0;
    margin: 30px auto 40px; } }

@media (max-width: 575.98px) {
  .section-block-title,
  .video-block-title {
    font-size: 28px; }
  .section-block-header {
    margin-bottom: 5px; } }

/* content-page-header */
.content-page-header {
  background: #F9F9FC;
  padding: 113px 0;
  margin-top: -95px; }

.content-page-title {
  font-family: 'Ferry', sans-serif;
  font-weight: 900;
  font-size: 60px;
  line-height: 1.05;
  max-width: 913px; }

.content-page {
  margin-bottom: 80px; }

.content-page-menu {
  margin-right: 50px;
  max-width: 260px; }

.content-page-menu ul {
  padding-top: 40px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0; }

.content-page-menu li {
  color: rgba(27, 27, 29, 0.8);
  cursor: pointer;
  font-size: 15px;
  line-height: 1.4;
  padding-right: 14px; }

.content-page-menu li:hover {
  color: #1b1b1d; }

.content-page-menu li + li {
  margin-top: 24px; }

.content-page-menu li.active {
  border-left: 4px solid rgba(27, 27, 29, 0.4);
  padding-left: 14px;
  padding-right: 0; }

.content-page-main {
  display: flex; }

.content-page-text {
  margin-top: -60px;
  padding: 100px 50px 20px;
  position: relative;
  width: calc(100% - 310px); }

.content-page-text:before {
  background: transparent;
  box-shadow: 0px 2px 67px rgba(37, 37, 37, 0.06);
  border-radius: 0 0 15px 15px;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: calc(100% - 80px);
  width: 100%; }

.content-page-text:after {
  background: transparent;
  box-shadow: 0px 2px 67px rgba(37, 37, 37, 0.06);
  content: '';
  position: absolute;
  top: 22px;
  right: 23px;
  transform: rotate(54deg);
  height: 90px;
  width: 90px;
  z-index: -1; }

.content-page-text > div {
  position: relative;
  z-index: 1; }

.content-page-text .content_ {
  font-size: 17px; }

.content-page-politic {
  padding-top: 30px; }

.content-page-politic {
  border-top: 1px solid rgba(27, 27, 29, 0.4);
  padding-top: 60px; }

.content-page-info {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 60px; }

.content-page-ttl {
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 30px; }

@media (max-width: 1129.98px) {
  .content-page-title {
    font-size: 45px; }
  .content-page-menu {
    margin-right: 30px;
    max-width: 240px; }
  .content-page-text {
    padding: 70px 30px 20px; } }

@media (max-width: 991.98px) {
  .content-page-menu {
    display: none; }
  .content-page-text {
    width: 100%; } }

@media (max-width: 767.98px) {
  .content-page-title {
    font-size: 36px; }
  .content-page-text {
    padding: 0; }
  .content-page-text:after,
  .content-page-text:before,
  .content-page-text .article-mask {
    display: none; }
  .content-page-header {
    padding: 83px 0 194px; }
  .content-page-text {
    margin-top: -100px; }
  .content-page-text .content_ {
    font-size: 16px;
    padding-top: 30px; }
  .content-page-info {
    font-size: 17px;
    margin-bottom: 50px; }
  .content-page-ttl {
    font-size: 24px;
    margin-bottom: 0; }
  .content-page-info {
    font-size: 18px;
    margin-bottom: 50px; }
  .content-page-ttl {
    font-size: 24px;
    margin-bottom: 0; } }

/* home */
.home-title {
  font-family: 'Ferry', sans-serif;
  font-weight: 900;
  font-size: 60px;
  line-height: 1.05;
  margin-bottom: 40px;
  max-width: 664px;
  padding-top: 21px; }

.home-block-title {
  margin-bottom: 44px; }

@media (max-width: 767.98px) {
  .home-title {
    font-size: 36px;
    margin-bottom: 20px; } }

@media (max-width: 575.98px) {
  .home-title {
    padding-top: 0; }
  .home-block-title {
    margin-bottom: 25px; } }

/* tags */
.tags {
  margin-bottom: 50px; }

.tags-wrapper {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -7.5px; }

a.tags-item,
.tags-item {
  background: #fff;
  border-radius: 40px;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  margin: 0 7.5px 15px;
  padding: 12px 20px;
  border: 1px solid #D9D9D9;
  transition: ease 300ms; }

a.tags-item:hover,
.tags-item:hover {
  background: #DDDDE1; }

@media (max-width: 767.98px) {
  .tags {
    margin: 0 -3px 30px; }
  a.tags-item,
  .tags-item {
    font-size: 14px;
    margin: 0 3px 6px;
    padding: 7px 15px;
    line-height: 17px; } }

@media (max-width: 575.98px) {
  .tags-wrapper {
    width: 840px;
    padding-left: 7px;
    padding-bottom: 5px; }
  .tags {
    overflow-x: auto;
    margin-bottom: 35px; } }

/* project-banner */
.project-banner {
  padding-bottom: 97px; }

.project-banner-title:before {
  background-image: url(/local/templates/blog/css/imgs/sprite.png);
  background-position: 0px -164px;
  background-size: 208.5px 203px;
  width: 24px;
  height: 39px;
  content: '';
  display: block;
  margin-right: 16px; }

.project-banner-title {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.05;
  margin-bottom: 24px; }

.project-banner-ttl {
  font-family: 'Ferry', sans-serif;
  font-weight: 900;
  font-size: 60px;
  line-height: 1.05;
  margin-bottom: 20px; }

.project-banner-dsc {
  color: #1B1B1D;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  opacity: 0.7;
  margin-bottom: 50px;
  max-width: 633px; }

.project-banner-link.button {
  padding: 18px 80px; }

.project-banner-content {
  max-width: 810px; }

.project-banner .container {
  position: relative; }

.project-banner .container:after {
  background-image: url("/local/templates/blog/css/imgs/project.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  max-height: calc(100% + 200px);
  position: absolute;
  top: 0;
  right: -70px;
  pointer-events: none;
  height: 579px;
  width: 594px; }

.project-banner-image {
  display: none; }

@media (max-width: 1129.98px) {
  .project-banner-ttl {
    font-size: 44px; }
  .project-banner-dsc {
    max-width: 473px; } }

@media (max-width: 991.98px) {
  .project-banner .container:after {
    max-height: calc(100% + 60px);
    right: -120px; }
  .project-banner-ttl {
    font-size: 38px; }
  .project-banner-dsc {
    max-width: 413px; }
  .project-banner {
    overflow: hidden; }
  .media .video img {
    height: 360px; } }

@media (max-width: 767.98px) {
  .project-banner .container:after {
    display: none; }
  .project-banner-image {
    display: block;
    margin: 0 auto;
    max-width: 350px;
    position: relative;
    left: -5%; } }

@media (max-width: 575.98px) {
  .project-banner-title {
    font-size: 24px;
    margin-bottom: 17px; }
  .project-banner-title:before {
    transform: scale(0.8);
    margin-right: 10px; }
  .project-banner-dsc {
    color: #1B1B1D;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 28px;
    opacity: 1;
    line-height: 1.25;
    margin-top: -40px; }
  .project-banner-link.button {
    padding: 18px 45px; }
  .project-banner {
    padding-bottom: 40px; } }

/* modal */
.modal {
  display: none; }

.modal.feedback {
  background: transparent; }

.modal-form {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 50px 30px 60px;
  max-width: 445px;
  width: 100%; }

.modal-title {
  color: #1B1B1D;
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 25px;
  line-height: 1.1; }

.modal-form-item {
  margin-bottom: 15px; }

.modal-form-save {
  padding: 10px 0 35px; }

.modal-form-button {
  display: block;
  width: 100%; }

.modal-form-item + .modal-form-button {
  margin-top: 35px; }

.modal-form-recovery {
  margin-top: 20px;
  text-align: center; }

.modal-form-recovery-button {
  border-bottom: 1px solid rgba(245, 29, 26, 0.3);
  color: #F51D1A;
  display: inline-block;
  font-size: 20px;
  line-height: 24px; }

.modal-dsc {
  color: #1B1B1D;
  font-size: 17px;
  line-height: 1.3;
  margin-bottom: 25px; }

/* input */
.input input {
  background: rgba(27, 27, 29, 0.05);
  border: 1px solid transparent;
  border-radius: 15px;
  font-size: 17px;
  line-height: 55px;
  height: 55px;
  padding: 0 20px;
  width: 100%; }

/* fancybox */
.fancybox-bg {
  background: #1B1B1D; }

.fancybox-is-open .fancybox-bg {
  opacity: .3; }

/* validator */
.feild_wrapper {
  display: inline-block;
  position: relative;
  width: 100%; }

.feild_wrapper input,
.feild_wrapper textarea {
  transition: ease-in 1000ms; }

.feild_wrapper.wrong input,
.feild_wrapper.wrong textarea {
  border-color: red;
  box-shadow: 0 0 5px red;
  transition: ease-in 1000ms; }

.feild_wrapper .error_label {
  background: #cf0404;
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 1px 1px 3px #c9c9c9;
  color: #fff;
  font-size: 14px;
  left: 0;
  margin-left: 0;
  margin-bottom: 10px;
  padding: 6px;
  position: absolute;
  text-align: center;
  visibility: hidden;
  width: 240px;
  z-index: 3; }

.feild_wrapper .error_label:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 4px solid #cf0404;
  position: absolute;
  bottom: -4px;
  left: 30px;
  margin-left: -2px; }

.feild_wrapper.wrong .error_label {
  visibility: visible;
  -webkit-animation: 400ms bounceIn;
  animation: 400ms bounceIn; }

.wrong input[type=checkbox] ~ span {
  color: #cf0404; }

/* comments */
.tpl {
  display: none; }

/* msg */
.msg {
  background: #729e00;
  border-radius: 50px;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: ease 300ms;
  display: inline-block;
  padding: 15px 25px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
  width: auto;
  z-index: 99; }

.msg.active {
  visibility: visible;
  opacity: 1; }

/* pro */
.pro-page .feedback-wrapper {
  background: rgba(242, 242, 245, 0.1); }

.pro-page .media-promo.-gray {
  background: rgba(242, 242, 245, 0.1); }

.pro-page a.tags-item,
.pro-page .tags-item {
  background: rgba(242, 242, 245, 0.1); }

.pro-page a.media-item-title,
.pro-page .media-item-title,
.pro-page .project-banner-dsc,
.pro-page .media-title,
.pro-page .-gray .media-promo-item {
  color: #fff; }

.pro-page .header-menu ul a {
  background-color: #6D6D70; }

/* loading */
.loading {
  position: relative;
  opacity: .4; }

@-webkit-keyframes cog {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

.loader {
  background: transparent;
  border-radius: 50%;
  border-top: 8px solid #ed1c24;
  border-left: 8px solid #ed1c24;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  display: block;
  height: 100px;
  position: fixed;
  top: 50%;
  left: 50%;
  visibility: hidden;
  opacity: 0;
  margin-top: -50px;
  margin-left: -50px;
  width: 100px;
  -webkit-animation: cog 1.2s linear 0s infinite;
  animation: cog 1.2s linear 0s infinite;
  z-index: 9; }

.loader.loading {
  visibility: visible;
  opacity: 1; }

/* modal-result */
.modal-result-icon {
  margin-bottom: 15px;
  height: 40px;
  width: 40px; }

.modal-result-title {
  color: #1B1B1D;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px; }

.modal-result-dsc {
  font-size: 17px;
  line-height: 140%;
  margin-bottom: 50px; }

.modal-result {
  display: none;
  border-radius: 20px;
  max-width: 445px;
  padding: 20px 30px 30px;
  width: 85%; }

.modal-result .button {
  width: 100%; }

.modal-result-dsc {
  color: #333; }

/* comments */
.comments-editor-btn input[type=file] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  height: 100%;
  width: 100%; }

.comments-editor-btn input[type=file]::-webkit-file-upload-button {
  cursor: pointer; }

.comments-editor-btn {
  position: relative; }

.comments-item-images img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  height: 50px;
  width: 50px; }

.comments-item-images {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 15px; }

.comments-item-images a {
  margin-right: 10px;
  position: relative; }

.comments-editor .comments-item-images span {
  background: #333;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 20px; }

.comments-item-images a.remove {
  pointer-events: none;
  opacity: .3; }

.comments-editor.-load:before {
  background: rgba(255, 255, 255, 0.89);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 3; }

.comments-editor.-load:after {
  background: transparent;
  border-radius: 50%;
  border-top: 4px solid #e61a19;
  border-left: 4px solid #e61a19;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  height: 60px;
  width: 60px;
  -webkit-animation: cog 1s linear 0s infinite;
  animation: cog 1s linear 0s infinite;
  z-index: 3; }

.comments-editor .comments-item-images {
  display: none;
  margin-bottom: 0;
  width: calc(100% - 100px); }

.comments-editor .comments-item-images.active {
  display: flex; }

.comments-form-cancel {
  color: #8d8d8e;
  font-size: 18px;
  margin-left: 19px; }

.comments-item-settings {
  display: flex;
  opacity: 0;
  justify-content: flex-end;
  transition: ease 300ms;
  width: 100%; }

.comments-item:hover .comments-item-settings {
  opacity: 1; }

.comments-item-settings ul {
  color: #f51d1a;
  font-size: 14px;
  display: flex; }

.comments-item-settings li {
  margin-left: 15px; }

.comments-textarea textarea {
  min-height: 110px; }

.comments-item-answer + .comments-item-answer {
  margin-left: 20px; }

.comments-item .comments-editor {
  margin: 15px 0; }

.comments-item-settings li {
  cursor: pointer; }

.comments-item-like svg {
  fill: rgba(0, 0, 0, 0.5); }

.comments-item-like.active.-up svg {
  fill: #96c36d; }

.comments-item-like.active.-down svg {
  fill: #f51d1a; }


.logo__menu {
  @media (max-width: 450px) {
    
  }
}

a.i-button,
.i-button {
  background: #F2F2F2;
  border-radius: 3px;
  color: #666666;
  display: inline-block;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 5px;
  padding: 10px;
  text-decoration: none;
  transition: ease 300ms;
}

.content_ a.i-button:hover,
a.i-button:hover,
.i-button:hover {
  background: #E2000E;
  color: #fff;
  text-decoration: none;
}

.contenttopages .articles-enum .i-button {
  display: block;
}

.highlight-text {
  background-color: rgb(245, 246, 250);
  font-size: 24px;
  padding: 15px 20px;
  border-radius: 12px;
  display: inline-block;
  line-height: 1.4;
  margin: 5px 0;
}
/* End */


/* Start:/local/templates/blog/css/custom.css?173773118417659*/
.article-navigation {
    display: none;
}
.article-navigation.active {
    display: block;
}
.content_.js-article{
    margin-bottom : 60px;
}
.content_ img.-no-flex {
    width: auto;
}
.article-vote {
    /*padding-top: 80px;*/
}
.article-vote-title {
    font-family: "Ferry", sans-serif;
    font-weight: 900;
    font-size: 32px;
    line-height: 1.05;
    padding-top: 20px;
    margin-bottom: 30px;
}
.article-vote-item {
    background-color: #F2F2F5;
    border-radius: 10px;
    cursor: pointer;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 5px 20px;
    position: relative;
    min-height: 60px;
    width: 100%;
}
.article-vote-item.-small-text {
    font-size: 18px;
}
.article-vote-item.-big-text {
    color: #1B1B1D;
    font-weight: 700;
    font-size: 24px;
    line-height: 110%;
}
.article-vote-result {
    background: #dedee7;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    transition: ease-out 800ms;
    height: 100%;
    width: 0;
    z-index: 1;
}
.article-vote-text {
    padding-right: 15px;
    position: relative;
    z-index: 2;
}
.article-vote-percent-container,
.article-vote-percent {
    font-weight: 700;
    font-size: 21px;
    min-width: 50px;
    position: relative;
    z-index: 2;
}
.article-vote-percent-container {
    display: none;
}
.article-vote-percent-container:last-child {
    display: block;
}
.article-vote-result.-selected {
    background: #85d7a2;
}
@media screen and (max-width: 767.98px) {
    .article-vote-item.-small-text {
        font-size: 17px;
        line-height: 1.2;
    }
}

/* roof project */

.project-banner.-roof {
    background-image: url("/local/templates/blog/css/imgs/project-roof.jpg");
    background-position: bottom right;
    background-size: cover;
    border-radius: 25px;
    color: #fff;
    padding: 40px 60px;
    margin-bottom: 50px;
}
.project-banner.-roof .container:after {
    display: none;
}
.project-banner.-roof .project-banner-dsc {
    color: #fff;
    opacity: 1;
}
.project-banner.-roof .project-banner-link.button {
    padding-left: 49px;
    padding-right: 49px;
}

.content_ .product-card-wrap a {
    border-bottom : none;
}
@media screen and (max-width: 575.98px) {
    body{
        overflow-x: hidden;
    }
    .project-banner-dsc {
        margin-top: 0;
    }
    .project-banner-dsc br {
        display: none;
    }
    .project-banner.-roof {
        padding: 40px 30px;
    }
    .project-banner.-roof {
        background-position-x: -230px;
        background-position-y: bottom;
    }
    .project-banner.-roof .project-banner-link.button {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/* article-title */

.article-title.-color-black {
    color: #000;
}

/* article-other */

.article-other {
    margin-bottom: 124px;
}
.article-other-carousel.owl-carousel .owl-stage-outer {
    border-radius: 25px;
    overflow: hidden;
}
.article-other-carousel {
    margin-top: 30px;
}
.article-other-carousel .catalog-col.-small {
    padding: 0;
    width: 353px;
}
.article-other-carousel .article-params {
    color: #fff;
}
.article-other-carousel .article-time svg,
.article-other-carousel .article-time svg {
    stroke: #fff;
}
.article-other-carousel.owl-carousel .owl-stage {
    display: flex;
}
.article-other-carousel.owl-carousel .owl-nav.disabled {
    display: block;
}
.article-other-carousel .catalog-col.-small .catalog-item,
.article-other-carousel .catalog-col.-small {
    height: 100%;
}
@media screen and (max-width: 767.98px) {
    .article-other {
        padding-left: 15px;
        padding-right: 15px;
    }
    .article-other-carousel .owl-nav div {
        right: -15px;
    }
    .article-other-carousel .owl-nav div.owl-prev {
        left: -15px;
    }
    .article-other-carousel .article-params {
        display: none;
    }
    .article-other-carousel .catalog-col.-small {
        width: 300px;
    }
}

.catalog-col.-small .catalog-item-title {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 67px;
}

/* scroll-up */

.scroll-up {
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgb(140 140 140 / 35%);
    box-shadow: 0 2px 10px rgba(140,140,140, .35);
    border-radius: 7px;
    cursor: pointer;
    display: block;
    opacity: 0;
    position: fixed;
    right: 50px;
    bottom: 50px;
    transition: ease 300ms;
    height: 60px;
    width: 60px;
    z-index: 9;
}
.scroll-up.active {
    opacity: 1;
}
.scroll-up:active {
    box-shadow: 0 2px 10px rgba(140,140,140, 0);
}
.scroll-up:hover {
    background: #F1F1F1;
}
.scroll-up svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
    .scroll-up {
        right: 15px;
        bottom: 15px;
        height: 46px;
        width: 46px;
    }
    .scroll-up svg {
        height: 16px;
        width: 14px;
    }
}

.content_ .product-card-wrap a {
    border-bottom : none;
}




@media screen and (max-width: 575.98px) {
    body{
        overflow-x: hidden;
    }
    .project-banner-dsc {
        margin-top: 0;
    }
    .project-banner-dsc br {
        display: none;
    }
    .project-banner.-roof {
        padding: 40px 30px;
    }
    .project-banner.-roof {
        background-position-x: -230px;
        background-position-y: bottom;
    }
    .project-banner.-roof .project-banner-link.button {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.article-brand {
    display: flex;
    align-items: center;
}
.article-brand-logo {
    display: flex;
    align-items: center;
    margin-right: 17px;
}
.article-logo img {
    border: 3px solid #fff;
    border-radius: 50px;
    height: 60px;
    width: 60px;
}
.article-logo + .article-logo {
    margin-left: -27px;
}
.article-logo.-compact + .article-logo.-compact {
    margin-left: -33px;
}
.article-brand-text {
    max-width: 250px;
}
.catalog-col.-brand .catalog-item-section {
    margin-bottom: 0;
}
.article-brand-ttl {
    font-weight: 600;
    font-size: 15px;
    line-height: 120%;
    margin-bottom: 4px;
}
.article-brand-authors {
    font-weight: 600;
    font-size: 12px;
    line-height: 120%;
    color: #FFFFFF;
}
.article-brand-authors span:not(:last-child):after {
    content: ',';
}
.catalog-item-header {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}
.catalog-item-header .article-params {
    display: none;
}
.catalog-col.-big.-brand .catalog-item-section,
.catalog-col.-middle.-brand .catalog-item-section,
.catalog-col.-small.-brand .catalog-item-section {
    position: static;
}
.catalog-col.-middle.-brand .catalog-item-header .article-params,
.catalog-col.-big.-brand .catalog-item-header .article-params {
    display: flex;
    margin-left: 23px;
}
.catalog-col.-middle.-brand .article-about .article-params,
.catalog-col.-big.-brand .article-about .article-params {
    display: none;
}
.catalog-col.-middle.-brand .catalog-item-text,
.catalog-col.-big.-brand .catalog-item-text {
    height: 100%;
}
/**/
.catalog-col.-small.-brand .catalog-item picture {
    height: unset;
}
.catalog-col.-small.-brand .article-about {
    display: none;
}
.catalog-col.-small.-brand .catalog-item-text {
    padding-top: 40%;
    /* height: 100%; */
}
.catalog-col.-small.-brand .article-about {
    display: flex;
}
.catalog-col.-brand .catalog-item.-color-sec-lilac.-bg-sec-white {
    justify-content: stretch;
    flex-direction: unset;
}
.catalog-col.-brand.-small .article-params {
    position: static;
}
.catalog-col.-small.-brand .article-about {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 1199.98px) {
    .article-logo img {
        height: 54px;
        width: 54px;
    }
}
@media screen and (max-width: 991.98px) {
    .catalog-col.-small.-brand .catalog-item-text,
    .catalog-col.-middle.-brand .catalog-item-text,
    .catalog-col.-big.-brand .catalog-item-text {
        padding-top: 144px;
    }
    .catalog-col.-middle.-brand .catalog-item-header .article-params,
    .catalog-col.-big.-brand .catalog-item-header .article-params {
        display: none;
    }
    .catalog-col.-middle.-brand .article-about .article-params,
    .catalog-col.-big.-brand .article-about .article-params {
        display: flex;
    }
    .catalog-col.-middle.-brand .article-about .catalog-item-date,
    .catalog-col.-big.-brand .article-about .catalog-item-date {
        margin-bottom: 0;
    }
    .catalog-col.-middle.-brand .article-about,
    .catalog-col.-big.-brand .article-about {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
@media screen and (max-width: 767.98px) {
    .catalog-col.-middle.-brand .article-about,
    .catalog-col.-big.-brand .article-about {
        display: none;
    }
    .article-logo img {
        border: 2px solid #fff;
        height: 46px;
        width: 46px;
    }
    .article-brand-logo {
        margin-right: 12px;
    }
    .article-brand-text {
        font-size: 14px;
    }
    .catalog-col.-small.-brand .catalog-item-text,
    .catalog-col.-middle.-brand .catalog-item-text,
    .catalog-col.-big.-brand .catalog-item-text {
        padding-top: 90px;
    }
    .catalog-item .article-author-photo img {
        border: 2px solid #ECECEC;
        height: 46px;
        width: 46px;
    }
    .catalog-item .article-author-name {
        font-size: 16px;
    }
    .catalog-item .article-author-photo {
        margin-right: 12px;
    }
}
@media screen and (max-width: 575.98px) {
    .catalog-col.-small.-brand .catalog-item-text,
    .catalog-col.-middle.-brand .catalog-item-text,
    .catalog-col.-big.-brand .catalog-item-text {
        padding-top: 36%;
        position: relative;
    }
    .catalog-col.-middle.-brand .catalog-item-title,
    .catalog-col.-big.-brand .catalog-item-title {
        font-size: 18px;
    }
    .catalog-col.-middle.-brand .article-about,
    .catalog-col.-big.-brand .article-about {
        display: flex;
    }
    .catalog-col.-middle.-brand .article-about,
    .catalog-col.-big.-brand .article-about {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
@media screen and (max-width: 329.98px) {
    .catalog-col.-small.-brand .article-about,
    .catalog-col.-middle.-brand .article-about,
    .catalog-col.-big.-brand .article-about {
        display: none;
    }
}

/* author */

.article-author-photo {
    flex-shrink: 0;
    margin-right: 20px;
}
.article-author-photo img {
    border-radius: 50px;
    display: block;
    height: 60px;
    width: 60px;
    object-fit: cover;
}
.article-author-info {
    display: flex;
    align-items: center;
    position: relative;
    bottom: 50px;
}
.article-author-company {
    color: #000;
    font-weight: 600;
    font-size: 22px;
    line-height: 1;
}
.article-author-name {
    color: #000;
    font-weight: 600;
    font-size: 22px;
    line-height: 120%;
    margin-bottom: 4px;
}
.article-author-about {
    font-weight: 600;
    font-size: 12px;
    line-height: 120%;
    opacity: .6;
}
.author-ask {
    display: flex;
    margin-bottom: 25px;
}
.article-author-ask {
    font-weight: 700;
    font-size: 22px;
    line-height: 110%;
    color: #1B1B1D;
    max-width: 442px;
}
.author-ask-name {
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    color: #1B1B1D;
    margin-bottom: 10px;
}
.catalog-item .article-author-photo img {
    border: 3px solid #ECECEC;
}
.catalog-item .article-author-name,
.catalog-item .article-author-about {
    color: #fff;
    opacity: 1;
}
@media screen and (max-width: 767.98px) {
    .article-author-ask {
        font-size: 20px;
    }
}

a.product-item {
    border: none;
    color: inherit;
}
.product-item picture {
    background: #F2F2F5;
    clip-path: polygon(90% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
    display: block;
    padding: 25px 16px;
    margin-bottom: 15px;
}
.product-item picture img {
    margin-bottom: 0;
}

.shop-item {
    border-radius: 15px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.shop-item picture {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    height: 320px;
    width: 100%;
}

a.shop-item-link {
    border: 2px solid #e81319;
    border-radius: 9px;
    color: #e81319;
    align-self: center;
    font-size: 18px;
    font-weight: 700;
    padding: 13px 44px;
    max-width: max-content;
    transition: ease 300ms;
}

a.shop-item-link:hover {
    background: #e81319;
    border: 2px solid #e81319;
    color: #fff;
}

/* article-link */

.article-link {
    background: #7F52B9;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    position: relative;
    margin: 30px 0 50px;
}
.article-link img {
    border-radius: 15px;
    display: block;
    height: 88px;
    width: 88px;
}
.article-link picture {
    flex-shrink: 0;
    margin-right: 24px;
}
.article-link-action {
    flex-shrink: 0;
    margin-left: 24px;
}
.article-link-action a {
    background: #FFFFFF;
    border-radius: 8px;
    display: inline-block;
    font-weight: 600;
    font-size: 17px;
    line-height: 17px;
    text-align: center;
    color: #1B1B1D;
    border: none;
    padding: 14px 40px;
}
.article-link-action a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.article-link-name {
    font-weight: 600;
    font-size: 22px;
    line-height: 120%;
    color: #FFFFFF;
    margin-bottom: 15px;
}
.article-link .article-time svg {
    stroke: #fff;
}
.article-link .article-params {
    color: #fff;
}
.article-link-content {
    width: 100%;
}
@media screen and (max-width: 991px) {
    .article-link picture {
        align-self: flex-start;
    }
    .article-link-name {
        font-size: 20px;
        margin-bottom: 11px;
    }
}
@media screen and (max-width: 767px) {
    .article-link {
        padding: 20px;
    }
    .article-link {
        flex-flow: row wrap;
    }
    .article-link-content {
        max-width: calc(100% - 124px);
        width: 100%;
    }
    .article-link-action {
        display: flex;
        justify-content: flex-end;
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    .article-link picture {
        display: none;
    }
    .article-link-content {
        max-width: 100%;
        width: 100%;
    }
    .article-link-action {
        justify-content: center;
    }
}

/* banner */

.content_ .banner a,
.banner a {
    text-decoration: none;
    border-bottom: none;
}

.strong {
    font-weight: 700;
}
.italic {
    font-style: italic;
}

.-small-text {
    font-size: 17px;
}
.-extra-small-text {
    font-size: 15px;
}

.content-columns-enum {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}
.content-columns-col img {
    display: block;
    margin-bottom: 15px;
}
.content-caption {
    color: #717171;
    font-size: 17px;
    text-align: center;
}
.content-columns-col {
    flex: 1;
}
.content-columns-picture {
    min-width: 140px;
}
@media screen and (max-width: 767px) {
    .content-columns-picture {
        order: -1;
        width: 100%;
    }
    .content-columns-enum {
        flex-direction: column;
    }
}


.catalog-col {
    position: relative;
}

.catalog-item-content::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 25px;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .4s ease;
    z-index: -1;
}

.catalog-item .catalog-item-content.author-article .article-author-info {
    opacity: 0;
    position: absolute;
    bottom: 60px;
    transition: .4s ease;
}

.catalog-item .catalog-item-content.author-article .catalog-item-text {
    padding-bottom: 0;
}

.catalog-item:hover .catalog-item-content.author-article::before {
    opacity: 1;
}

.catalog-item:hover .catalog-item-content.author-article .catalog-item-text{
    padding-top: 0;
    transform: translateY(-194px);
}
.catalog-item:hover .catalog-item-content.author-article .article-author-info{opacity: 1;}


@media screen and (max-width: 575.98px) {
    .catalog-item .catalog-item-content::before {
        opacity: 1;
    }
    
    .catalog-item .catalog-item-content.author-article .catalog-item-text{
        padding-top: 0;
        transform: translateY(-230px);
    }
    .catalog-item .catalog-item-content.author-article .article-author-info{opacity: 1;}
    
}
/* End */
/* /local/templates/blog/js/carousel/assets/owl.carousel.min.css?15483221092926 */
/* /local/templates/blog/js/fb/jquery.fancybox.min.css?154480333812795 */
/* /local/templates/blog/css/main.css?1750768180167427 */
/* /local/templates/blog/css/custom.css?173773118417659 */