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)}}.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19F}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}.wp-block-gallery.monster-slider {
position: relative;
display: block !important;
width: 100% !important;
max-width: 100% !important;
} .wp-block-gallery.monster-slider .flickity-viewport {
width: 100%;
height: 450px;
margin-bottom: 40px;
overflow: hidden;
} .wp-block-gallery.monster-slider .wp-block-image {
position: absolute !important;
top: 0;
width: 100% !important;
max-width: 100% !important;
margin: 0;
box-shadow: none !important;
} .wp-block-gallery.monster-slider .wp-block-image.is-selected {
position: absolute;
z-index: 100;
} .wp-block-gallery.monster-slider .wp-block-image img {
display: block !important;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
background: transparent !important;
}@import url("https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&display=swap");
:root {
--swiper-theme-color: #ba1c1c
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.swiper,
swiper-container {
display: block;
list-style: none;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding: 0;
position: relative;
z-index: 1
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
box-sizing: content-box;
display: flex;
height: 100%;
position: relative;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
width: 100%;
z-index: 1
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translateZ(0)
}
.swiper-horizontal {
touch-action: pan-y
}
.swiper-vertical {
touch-action: pan-x
}
.swiper-slide,
swiper-slide {
display: block;
flex-shrink: 0;
height: 100%;
position: relative;
transition-property: transform;
width: 100%
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
backface-visibility: hidden;
transform: translateZ(0)
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d {
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-css-mode > .swiper-wrapper {
-ms-overflow-style: none;
overflow: auto;
scrollbar-width: none
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-centered > .swiper-wrapper:before {
content: "";
flex-shrink: 0;
order: 9999
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical > .swiper-wrapper:before {
height: var(--swiper-centered-offset-after);
min-width: 1px;
width: 100%
}
.swiper-lazy-preloader {
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top: 4px solid transparent;
box-sizing: border-box;
height: 42px;
left: 50%;
margin-left: -21px;
margin-top: -21px;
position: absolute;
top: 50%;
transform-origin: 50%;
width: 42px;
z-index: 10
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s linear infinite
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
:root {
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-left: auto;
--swiper-pagination-right: 8px;
--swiper-pagination-bottom: 8px;
--swiper-pagination-top: auto;
--swiper-pagination-fraction-color: inherit;
--swiper-pagination-progressbar-bg-color: rgba(0, 0, 0, .25);
--swiper-pagination-progressbar-size: 4px;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-border-radius: 50%;
--swiper-pagination-bullet-inactive-color: #fff;
--swiper-pagination-bullet-inactive-opacity: 1;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 15px;
--swiper-pagination-bullet-vertical-gap: 6px
}
.swiper-pagination {
position: absolute;
text-align: center;
transform: translateZ(0);
transition: opacity .3s;
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 8px);
left: 0;
top: var(--swiper-pagination-top, auto);
width: 100%
}
.swiper-pagination-bullets-dynamic {
font-size: 0;
overflow: hidden
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
position: relative;
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
background: var(--swiper-pagination-bullet-inactive-color, #000);
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
display: inline-block;
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}
button.swiper-pagination-bullet {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
box-shadow: none;
margin: 0;
padding: 0
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
opacity: var(--swiper-pagination-bullet-opacity, 1)
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
left: var(--swiper-pagination-left, auto);
right: var(--swiper-pagination-right, 8px);
top: 50%;
transform: translate3d(0, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
display: block;
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: transform .2s, top .2s
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s, left .2s
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s, right .2s
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scale(0);
transform-origin: left top;
width: 100%
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
width: 100%
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
height: 100%;
left: 0;
top: 0;
width: var(--swiper-pagination-progressbar-size, 4px)
}
.swiper-pagination-lock {
display: none
}
:root {
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-left: auto;
--swiper-pagination-right: 8px;
--swiper-pagination-bottom: 8px;
--swiper-pagination-top: auto;
--swiper-pagination-fraction-color: inherit;
--swiper-pagination-progressbar-bg-color: rgba(0, 0, 0, .25);
--swiper-pagination-progressbar-size: 4px;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-border-radius: 50%;
--swiper-pagination-bullet-inactive-color: #fff;
--swiper-pagination-bullet-inactive-opacity: 1;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 15px;
--swiper-pagination-bullet-vertical-gap: 6px
}
html, body, p, h1, h2, h3, h4, h5, h6, a, li, ul, ol, span, div, input, textarea, button, select, option, label, form, fieldset, legend, blockquote, pre, code, table, th, td, tr, dl, dt, dd, figure, figcaption, address, em, strong, small, s, del, ins, sub, sup, q, cite, dfn, samp, kbd, var, b, i, u, mark, ruby, rt, rp, bdi, bdo, wbr, big, small, hr, fieldset, legend, button, datalist, keygen, output, progress, meter, details, summary, menu, menuitem, summary, details, dialog, menu, menuitem, summary {
font-family: "Golos Text", -apple-system, system-ui, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
body {
background: #fafafa;
}
.articles-header__heading {
padding: 0 20%;
}
button
.btn,
button {
background-color: #ba1c1c;
border: 0;
border-color: unset;
border-radius: 5px;
color: #fff;
cursor: pointer;
font-size: 16px;
font-weight: 600;
height: 48px;
letter-spacing: .03em;
padding: 0 32px;
transition: all .25s ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.btn:hover,
button:hover {
color: #fff;
filter: brightness(1.1)
}
.btn__loadmore,
a.btn {
align-items: center;
display: flex
}
.btn__loadmore {
justify-content: center;
margin-bottom: 8px;
margin-top: 48px;
text-align: center
}
.btn__loadmore > button:disabled {
background-color: #4f4f4f;
cursor: unset
}
.content {
flex-grow: 1;
max-width: calc(100% - 324px)
}
.layout {
display: flex;
gap: 24px
}
.layout-main .content .featured {
display: flex;
gap: 24px
}
.layout-main .content .featured-categories {
flex-basis: 33.3%
}
.layout-main .content .featured-quote {
flex-basis: 33.3%
}
.layout-main .content .featured-video {
flex-basis: 33.3%
}
.layout-category #loadMoreBtn {
margin-top: 32px
}
.layout-news .section-heading {
margin-top: 0
}
.layout-articles-single,
.layout-fotoreports-single,
.layout-news-single,
.layout-videoreports-single,
.layout-weekend {
flex-direction: column
}
.layout-weekend {
gap: 32px
}
input[type=email],
input[type=text] {
background-color: #e8e7e7;
border-radius: 5px;
border-style: solid;
border-width: 0;
font-size: 16px;
height: 48px;
padding: 0 16px
}
input[type=email]::-moz-placeholder,
input[type=text]::-moz-placeholder {
color: #aeacac
}
input[type=email]::placeholder,
input[type=text]::placeholder {
color: #aeacac
}
.page {
background-color: #fafafa;
color: #000;
display: flex;
flex-direction: column;
font-family: Golos Text;
font-size: 16px;
font-weight: 400;
margin: 0;
min-height: 100vh;
position: relative;
touch-action: pan-x pan-y
}
.page .footer {
margin-top: auto
}
.page__content {
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
width: 100%
}
.main {
background-color: #fafafa;
margin: 0 auto;
max-width: 1360px;
padding-bottom: 32px;
padding-top: 128px
}
.container {
margin: 0 auto;
max-width: 1360px;
min-width: 1360px
}
.page-about .hero-header,
.page-adv .hero-header {
margin-top: 104px
}
.page-about .main,
.page-adv .main {
padding-top: 32px
}
* {
touch-action: manipulation
}
:active,
:focus {
outline: none
}
a {
cursor: pointer;
text-decoration: none
}
a,
a:hover {
color: inherit
}
img {
display: inline-block;
height: auto;
max-width: 100%;
width: 100%
}
input::-moz-focus-inner {
border: 0;
margin: 0;
padding: 0
}
select {
-webkit-appearance: none;
-moz-appearance: none
}
dd,
ol,
ul {
list-style: none;
margin: 0;
padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0
}
b,
strong {
font-weight: 700
}
fieldset {
border-width: 0;
margin: 0;
padding: 0
}
.sidebar {
display: flex;
flex-basis: 300px;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
gap: 24px
}
.text-content {
padding: 64px 96px
}
.text-content p {
line-height: 1.8;
margin: 32px 0
}
.text-content p > a {
text-decoration: underline
}
.text-content h4 {
font-weight: 600;
margin-bottom: 64px;
text-align: center;
text-transform: uppercase
}
.text-content li {
line-height: 1.8;
list-style-type: disc;
margin-left: 32px;
padding-left: 8px
}
.text-content li > a {
text-decoration: underline
}
a {
transition: all .25s ease
}
a:hover {
color: #ba1c1c
}
h1 {
font-size: 30px
}
h2 {
font-size: 25px
}
h3 {
font-size: 22px
}
h4 {
font-size: 19px
}
h5 {
font-size: 16px
}
.sidebar__content--sticky,
.sticky {
position: sticky;
top: 0
}
.adv {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.adv--fullwidth:before {
background-color: #fff;
content: "Реклама";
left: 0;
padding: 16px 48px;
position: absolute;
text-transform: uppercase;
top: 0
}
.adv small {
-webkit-user-select: auto;
-moz-user-select: auto;
user-select: auto
}
.advertisement {
position: relative
}
.advertisement-details,
.advertisement-link {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.advertisement-label {
background: hsla(0, 0%, 100%, .5);
border-radius: 8px;
font-size: 9px;
left: 4px;
padding: 1px 3px;
pointer-events: none;
position: absolute;
text-transform: uppercase;
top: 4px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.advertisement-details {
background: #fff;
display: none;
flex-direction: column;
padding: 30px
}
.advertisement-details-btn img {
width: auto
}
.advertisement-details-open {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background: hsla(0, 0%, 100%, .5);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.advertisement-details-close,
.advertisement-details-open {
align-items: center;
border-radius: 50%;
display: inline-flex;
height: 24px;
justify-content: center;
position: absolute;
right: 4px;
top: 4px;
width: 24px
}
.advertisement-details-close {
background: rgba(0, 0, 0, .1)
}
.advertisement-details-content {
font-size: 14px;
overflow-y: auto
}
.advertisement-details p {
margin: 0 0 1em
}
.articles-header {
align-items: center;
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
display: flex;
flex-direction: column;
flex-grow: 1;
text-align: center
}
.articles-header .statusbar {
margin-top: 64px;
padding: 0 30%
}
.articles-header__heading {
padding: 0 30%
}
.articles-header__excerpt {
line-height: 1.8;
padding: 0 30% 64px
}
.articles-header__thecontent {
margin: 16px
}
.articles-header__thecontent p {
line-height: 1.8;
padding: 24px 15%;
text-align: left
}
.articles-header .social {
margin-bottom: 64px;
margin-top: 16px;
padding: 0 30%
}
.author-header {
align-items: center;
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
display: flex;
flex-direction: column;
padding: 48px 0
}
.author-header img {
margin-bottom: 24px;
max-width: 150px
}
.author-header span {
color: #4f4f4f;
margin-bottom: 24px
}
.author-header h1 {
font-weight: 600;
text-transform: uppercase
}
.author-header p {
color: #828282
}
.authors-grid {
display: flex;
flex-wrap: wrap;
gap: 32px;
justify-content: center
}
.authors-grid .item {
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
flex-basis: calc(33% - 24px);
flex-grow: 0
}
.authors-grid .item .author {
align-items: center;
display: flex;
flex-direction: column;
gap: 16px;
padding: 64px 48px
}
.authors-grid .item .author > img {
-o-object-fit: contain;
object-fit: contain;
width: 40%
}
.authors-grid .item .news__item-content {
padding: 0 48px;
flex-direction: column;
}
.authors-header {
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
padding-top: 64px
}
.authors-header h1 {
font-weight: 600;
text-align: center;
text-transform: uppercase
}
.authors-header p {
font-size: 16px;
margin-bottom: 32px;
margin-top: 16px;
text-align: center
}
.authors-header .showcase {
display: flex;
flex-wrap: wrap;
gap: 32px;
justify-content: center;
padding: 64px 25%
}
.authors-header .showcase__item {
align-items: center;
display: flex;
flex-basis: calc(33% - 32px);
flex-direction: column;
gap: 16px
}
.authors-header .showcase__item img {
width: 100%
}
.authors-header .showcase__item span {
text-align: center;
text-decoration: underline
}
.block-divider {
margin: 24px 0
}
.section-heading {
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
margin: 24px 0;
padding: 24px;
text-align: center
}
.section-heading span {
color: #ba1c1c
}
.comments {
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
padding: 64px
}
.comments button:disabled {
background-color: #4f4f4f
}
.comments__form {
padding: 0 32px
}
.comments__form-header {
align-items: center;
display: flex;
flex-grow: 1;
justify-content: space-between;
margin-bottom: 24px
}
.comments__form-header h3 {
font-size: 25px;
font-weight: 500;
position: relative
}
.comments__form-header h3:after {
font-feature-settings: "sups";
color: #ba1c1c;
content: attr(data-comment-count);
position: absolute;
right: -16px;
top: 0
}
.comments__form-body {
display: flex;
gap: 32px;
padding: 32px 0
}
.comments__form-body > textarea {
background-color: #ebebeb;
border-radius: 8px;
border-width: 0;
flex-basis: 100%;
font-size: 16px;
outline-color: transparent;
padding: 16px 32px;
resize: none
}
.comments__form-body > textarea::-moz-placeholder {
color: #aeacac
}
.comments__form-body > textarea::placeholder {
color: #aeacac
}
.comments__form-body button {
display: none
}
.comments__form img {
border-radius: 100%;
height: 64px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 64px
}
.comments__list {
padding-left: 32px
}
.comments__list > li > ul {
padding-left: 64px
}
.comments__list .comment img {
border-radius: 100%;
height: 64px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 64px
}
.comments__list .comment-content {
display: flex;
gap: 32px;
padding: 24px
}
.comments__list .comment-content__header {
align-items: center;
display: flex;
gap: 32px
}
.comments__list .comment-content__header span {
opacity: .5
}
.tooltip-top a {
position: relative
}
.tooltip-top a:after {
color: #fff;
content: attr(data-tooltip);
display: none;
left: 50%;
padding: 0;
position: absolute;
text-align: center;
top: 0;
transform: translate(-50%, calc(-100% - 10px));
z-index: 999
}
.tooltip-top a:hover:after {
display: block
}
.hidden {
display: none !important
}
.featured-categories {
display: flex;
flex-direction: column;
gap: 16px
}
.featured-categories a {
background: #32373c;
display: flex;
align-items: center;
justify-content: center;
}
.featured-categories a.menu-icon-special {
gap: 8px;
}
.featured-categories a {
color: #fff;
display: flex;
height: 60px;
position: relative;
transition: all .25s ease
}
.featured-categories a:hover > h4 {
opacity: 1
}
.featured-categories a:hover > img {
filter: saturate(1) blur(0)
}
.featured-categories a > h4 {
font-size: 19px;
font-weight: 500;
letter-spacing: .04em;
opacity: .8;
text-align: center;
z-index: 900
}
.featured-categories a > img {
filter: saturate(0) blur(.3px);
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all .25s ease;
width: 100%
}
.featured-quote {
align-items: center;
background-color: #ba1c1c;
display: flex;
justify-content: center;
position: relative
}
.featured-quote:hover .featured-quote__overlay {
opacity: 1
}
.featured-quote__wrapper {
display: flex;
flex-direction: column;
padding: 32px
}
.featured-quote__overlay {
align-items: center;
background-color: rgba(0, 0, 0, .75);
display: flex;
height: 100%;
justify-content: center;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all .25s ease;
width: 100%
}
.featured-quote__overlay span {
border: 2px solid #fff;
color: #fff;
font-size: 19px;
line-height: 1.5;
min-width: 45%;
opacity: .8;
padding: 16px 32px;
text-align: center;
transition: all .25s ease
}
.featured-quote__overlay span:hover {
opacity: 1
}
.featured-quote__icon {
align-self: center;
margin-bottom: 64px
}
.featured-quote__icon:before {
content: url(//www.yugopolis.ru/wp-content/themes/theme/images/icn-quote.svg)
}
.featured-quote__text {
margin-bottom: 64px
}
.featured-quote__text p {
color: #fff;
font-size: 19px;
line-height: 1.5;
margin-bottom: 40px
}
.featured-quote__text p::-moz-selection {
background: #fff;
color: #ba1c1c
}
.featured-quote__text p::selection {
background: #fff;
color: #ba1c1c
}
.featured-quote__author {
color: #fff;
font-size: 16px;
line-height: 1.5
}
.featured-quote__author::-moz-selection {
background: #fff;
color: #ba1c1c
}
.featured-quote__author::selection {
background: #fff;
color: #ba1c1c
}
.featured-video__link {
display: flex;
flex-direction: column;
height: 100%;
position: relative
}
.featured-video__link:hover .date,
.featured-video__link:hover .play-btn,
.featured-video__link:hover .title {
opacity: 1
}
.featured-video__link:hover > .featured-video__link-cover {
filter: saturate(1) blur(0)
}
.featured-video__link:hover > .featured-video__link-overlay {
background-color: rgba(0, 0, 0, .5)
}
.featured-video__link-content {
align-items: center;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
left: 0;
padding: 32px 20%;
position: absolute;
right: 0;
top: 0;
z-index: 2
}
.featured-video__link-content .date {
color: #e8dfdf;
font-size: 12px;
font-weight: 300;
margin-bottom: 16px;
opacity: .75;
text-align: center;
transition: all .25s ease
}
.featured-video__link-content .title {
color: #fff;
font-size: 19px;
font-weight: 600;
line-height: 1.5;
margin-bottom: 32px;
text-align: center;
transition: all .25s ease
}
.featured-video__link-content .play-btn {
height: 80px;
opacity: .75;
transition: all .25s ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 80px
}
.featured-video__link-cover {
filter: saturate(.3) blur(2.5px);
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all .25s ease;
width: 100%
}
.featured-video__link-overlay {
background-color: rgba(0, 0, 0, .45);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: all .25s ease;
z-index: 1
}
.footer {
background-color: #444040;
padding: 32px
}
.footer__row {
align-items: center;
display: flex;
justify-content: space-between;
padding: 32px 0
}
.footer__row--copyright {
justify-content: center
}
.footer__logo {
height: 35px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: auto
}
.footer__form {
display: flex;
gap: 8px
}
.footer__form_input {
border-radius: 5px;
min-width: 300px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.footer__form button {
min-width: 300px
}
.footer__menu {
display: flex;
gap: 32px
}
.footer__menu a {
color: #fafafa;
font-weight: 300;
letter-spacing: .05em
}
.footer__menu a:hover {
color: #ba1c1c
}
.footer__social {
display: flex;
gap: 32px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.footer__social a > img {
height: 30px;
transition: all .25s ease;
width: 30px
}
.footer__social a:hover > img {
opacity: .65
}
.footer__copyright_text {
color: #fff;
opacity: .5
}
.footer__divider {
background-color: #878787;
display: flex;
height: 1px;
margin: 32px 0
}
.fotoreports-header {
align-items: center;
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
display: flex;
flex-direction: column;
flex-grow: 1;
text-align: center
}
.fotoreports-header .statusbar {
margin-top: 64px;
padding: 0 30%
}
.fotoreports-header__heading {
padding: 0 30%
}
.fotoreports-header__excerpt {
line-height: 1.8;
padding: 0 30% 64px
}
.fotoreports-header__thecontent {
margin: 32px 16px 16px
}
.fotoreports-header__thecontent p {
line-height: 1.8;
padding: 24px 15%;
text-align: left
}
.fotoreports-header .social {
margin-bottom: 64px;
margin-top: 16px;
padding: 0 30%
}
.header {
align-items: center;
background-color: #fafafa;
display: flex;
height: 40px;
justify-content: space-between;
left: 0;
padding: 32px;
position: fixed;
right: 0;
top: 0;
z-index: 10000
}
.header__menu {
display: flex;
flex-basis: 33.3333333333%;
gap: 32px;
list-style: none;
}
.header__logo {
flex-basis: 33.3333333333%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.header__logo a > img {
height: 40px
}
.header__actions {
align-items: center;
display: flex;
flex-basis: 33.3333333333%;
gap: 32px;
justify-content: flex-end
}
.header__actions > .login_icon {
cursor: pointer;
filter: brightness(10%) contrast(200%);
height: 34px;
transition: all .25s ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 34px
}
.header__actions > .login_icon:hover {
filter: unset
}
.header__actions > .search_icon {
cursor: pointer;
filter: brightness(10%) contrast(200%);
height: 34px;
transition: all .25s ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 34px
}
.header__actions > .search_icon:hover {
filter: unset
}
.header__actions > .burger_icon {
cursor: pointer;
height: 34px;
transition: all .25s ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 34px
}
.header__actions > .burger_icon.opened {
rotate: 90deg
}
.headline-of-the-day {
display: flex;
flex-direction: column;
padding: 0 0 0 185px;
position: relative
}
.headline-of-the-day__header {
font-size: 20px;
margin-top: 12px;
padding: 0 24px
}
.headline-of-the-day__img {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 185px
}
.headline-of-the-day__img img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.headline-of-the-day__headline {
margin-bottom: 12px;
text-align: left
}
.headline-of-the-day__headline a {
display: block;
padding: 12px 30px
}
.hero-header {
max-height: 250px;
position: relative
}
.hero-header img {
max-height: 250px;
-o-object-fit: cover;
object-fit: cover
}
.hero-header .overlay {
background-color: rgba(0, 0, 0, .5);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.hero-header__heading {
color: #fff;
display: flex;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.hero-header__heading h1 {
font-weight: 600;
letter-spacing: .03em
}
.hero-slider {
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
display: flex;
flex-direction: column;
justify-content: center;
min-height: 485px;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 100%
}
.hero-slider__slide {
display: flex
}
.hero-slider__content {
display: flex;
flex-basis: 35%;
flex-direction: column;
flex-grow: 1;
justify-content: center;
padding-left: 96px;
padding-right: 80px
}
.hero-slider__content-statusbar {
align-items: center;
display: flex;
gap: 16px;
margin-bottom: 16px;
margin-top: 8px
}
.hero-slider__content-statusbar__date,
.hero-slider__content-statusbar__tags {
font-size: 14px;
line-height: 24px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.hero-slider__content-statusbar__tags {
color: #ba1c1c;
font-weight: 600;
transition: all .25s ease
}
.hero-slider__content-statusbar__tags:hover {
opacity: .65
}
.hero-slider__content-statusbar__bookmark {
cursor: pointer;
height: 24px;
margin-top: 1px;
position: relative;
width: 24px
}
.hero-slider__content-statusbar__bookmark input {
cursor: pointer;
height: 24px;
margin: 0;
opacity: 0;
position: absolute;
width: 24px;
z-index: 990
}
.hero-slider__content-statusbar__bookmark input ~ .checkmark {
background-image: url(//www.yugopolis.ru/wp-content/themes/theme/images/icn-bookmark.svg);
filter: brightness(10%) contrast(200%);
height: 24px;
opacity: .4;
position: absolute;
right: 0;
top: 0;
transition: all .25s ease;
width: 24px;
z-index: 980
}
.hero-slider__content-statusbar__bookmark input:hover ~ .checkmark {
filter: unset;
opacity: 1
}
.hero-slider__content-statusbar__bookmark input:checked ~ .checkmark {
background-image: url(//www.yugopolis.ru/wp-content/themes/theme/images/icn-bookmark-active.svg);
filter: unset;
opacity: 1
}
.hero-slider__content-heading {
font-size: 30px;
line-height: 1.3;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.hero-slider__content-excerpt {
font-size: 16px;
line-height: 1.5;
margin-bottom: 48px
}
.hero-slider__content > .btn {
align-items: center;
align-self: flex-start;
display: inline-flex;
justify-content: center
}
.hero-slider__content-overlay {
display: none
}
.hero-slider__image {
flex-basis: 65%;
height: 485px;
position: relative
}
.hero-slider__image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.hero-slider__image .overlay {
background-color: #000;
bottom: 0;
left: 0;
opacity: .25;
position: absolute;
right: 0;
top: 0;
transition: all .25s ease
}
.hero-slider__image:hover .overlay {
opacity: .15
}
.hero-slider__image .play-btn {
height: 80px;
left: 50%;
opacity: .5;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: all .25s ease;
width: 80px
}
.hero-slider__image:hover .play-btn {
opacity: 1
}
.hero-slider
.hero-slider--flat {
box-shadow: unset;
-webkit-box-shadow: unset;
-moz-box-shadow: unset
}
.hero-slider.--widgetized .hero-slider__content {
flex-basis: 50% !important;
max-width: 50% !important
}
.hero-slider.--widgetized .hero-slider__content__image {
flex-basis: 50% !important
}
.hero-slider__slide.slide--fullwidth {
min-height: 485px
}
.hero-slider__slide.slide--fullwidth .hero-slider__content {
max-width: 35%;
min-height: 485px;
position: relative
}
.hero-slider__slide.slide--fullwidth .hero-slider__content-statusbar {
margin-top: 16px;
order: 2
}
.hero-slider__slide.slide--fullwidth .hero-slider__content-statusbar__date {
color: #898787
}
.hero-slider__slide.slide--fullwidth .hero-slider__content-statusbar__tags {
color: #fff
}
.hero-slider__slide.slide--fullwidth .hero-slider__content-statusbar__bookmark input ~ .checkmark {
filter: brightness(2000%) contrast(200%) saturate(0)
}
.hero-slider__slide.slide--fullwidth .hero-slider__content-statusbar__bookmark input:hover ~ .checkmark {
opacity: 1
}
.hero-slider__slide.slide--fullwidth .hero-slider__content-statusbar__bookmark input:checked ~ .checkmark {
background-image: url(//www.yugopolis.ru/wp-content/themes/theme/images/icn-bookmark-active.svg);
filter: unset;
opacity: 1
}
.hero-slider__slide.slide--fullwidth .hero-slider__content-heading {
color: #f2f2f2;
order: 1
}
.hero-slider__slide.slide--fullwidth .hero-slider__content-excerpt {
color: #f2f2f2;
font-size: 19px;
order: 3
}
.hero-slider__slide.slide--fullwidth .hero-slider__content > .btn {
order: 4
}
.hero-slider__slide.slide--fullwidth .hero-slider__content-overlay {
background: #000;
background: linear-gradient(90deg, #000, transparent);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: -1
}
.hero-slider__slide.slide--fullwidth .hero-slider__image {
background-color: #000;
height: 100%;
position: absolute;
width: 100%;
z-index: -2
}
.hero-slider__slide.slide--fullwidth .hero-slider__image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.layout-single {
flex-wrap: wrap
}
.mediakit {
align-items: center;
display: flex;
flex-direction: column;
padding: 32px 0
}
.mediakit h3 {
font-size: 30px;
font-weight: 500;
margin-bottom: 32px;
text-align: center
}
.mediakit p {
color: #828282;
padding: 0 25%;
text-align: center
}
.mediakit__files {
display: flex;
gap: 64px;
margin: 48px 0
}
.mediakit__files > a {
align-items: center;
display: flex;
flex-direction: column;
gap: 16px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mediakit__files > a > img {
height: 60px;
width: 60px
}
.mediakit > a.btn {
margin: 64px 0
}
.nav {
display: none;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 104px;
transition: all .25s ease;
z-index: 1000
}
.nav.opened {
opacity: 1
}
.nav__menu {
background-color: #ba1c1c;
flex-basis: 25%;
padding: 64px
}
.nav__menu_links {
display: flex;
flex-direction: column
}
.nav__menu_links a {
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 1.8;
text-transform: uppercase;
transition: all .25s ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.nav__menu_links a:hover {
opacity: .65
}
.nav__menu_social {
padding-top: 32px
}
.nav__menu_social h5 {
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 1.8;
margin-bottom: 32px;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.nav__menu_social__buttons {
display: flex;
gap: 16px
}
.nav__menu_social a {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.nav__menu_social a > img {
height: 24px;
transition: all .25s ease;
width: 24px
}
.nav__menu_social a:hover > img {
opacity: .65
}
.nav__menu_social a:after {
font-size: 13px
}
.nav__categories {
background-color: #fafafa;
display: flex;
flex-basis: 75%;
padding: 64px
}
.nav__categories_menu {
display: flex;
flex-basis: 25%;
flex-direction: column;
gap: 8px;
padding-left: 24px;
list-style: none;
}
.nav__categories_menu ul {
margin-left: 0;
list-style: none;
}
.nav__categories_menu li {
list-style: none;
}
.nav__categories_menu .menu-icon-special {
display: flex;
}
.nav__categories_menu .menu-icon {
display: inline-flex;
margin-right: 8px;
align-items: center;
justify-content: center;
}
.nav__categories_menu .menu-icon svg {
height: 24px;
}
.nav__categories_menu a {
font-size: 19px;
line-height: 1.8;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.nav__header_menu {
background-color: #ba1c1c;
display: none;
padding: 0 32px 32px
}
.news__item {
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
display: flex;
margin: 24px 0;
transition: all .25s ease
}
.news__item:hover {
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .3);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .3);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .3)
}
.news__item-content {
flex-basis: 40%;
margin-bottom: auto;
margin-top: auto;
padding: 48px 112px
}
.news__item-content__statusbar {
align-items: center;
display: flex;
gap: 16px;
margin-bottom: 16px;
margin-top: 8px
}
.news__item-content__statusbar-date {
font-size: 14px;
line-height: 24px
}
.news__item-content__statusbar-tags {
color: #ba1c1c;
font-size: 14px;
font-weight: 600;
line-height: 24px;
transition: all .25s ease
}
.news__item-content__statusbar-tags:hover {
opacity: .65
}
.news__item-content__statusbar-bookmark {
cursor: pointer;
height: 24px;
margin-top: 1px;
position: relative;
width: 24px
}
.news__item-content__statusbar-bookmark input {
cursor: pointer;
height: 24px;
margin: 0;
opacity: 0;
position: absolute;
width: 24px;
z-index: 990
}
.news__item-content__statusbar-bookmark input ~ .checkmark {
background-image: url(//www.yugopolis.ru/wp-content/themes/theme/images/icn-bookmark.svg);
filter: brightness(10%) contrast(200%);
height: 24px;
opacity: .4;
position: absolute;
right: 0;
top: 0;
transition: all .25s ease;
width: 24px;
z-index: 980
}
.news__item-content__statusbar-bookmark input:hover ~ .checkmark {
filter: unset;
opacity: 1
}
.news__item-content__statusbar-bookmark input:checked ~ .checkmark {
background-image: url(//www.yugopolis.ru/wp-content/themes/theme/images/icn-bookmark-active.svg);
filter: unset;
opacity: 1
}
.news__item-content__heading {
font-size: 22px;
line-height: 1.5
}
.news__item-content__excerpt {
font-size: 16px;
line-height: 1.5;
}
.news__item-content > a.btn {
align-items: center;
align-self: flex-start;
display: inline-flex;
justify-content: center;
text-align: center
}
.news__item-image {
flex-basis: 60%;
height: 50%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.news__item-image img {
height: 300px;
-o-object-fit: cover;
object-fit: cover;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 100%
}
.news--3-columns {
display: flex;
flex-direction: row;
gap: 32px;
margin-top: 24px;
align-items: stretch;
}
.news--3-columns .news__item {
flex-basis: 33.3%; flex-direction: column;
margin-bottom: 0;
margin-top: 0;
}
.news--3-columns .news__item-content {
flex-basis: 100%;
order: 2;
padding: 32px 64px;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.news--3-columns .news__item-content__statusbar-date {
font-size: 14px
}
.news--3-columns .news__item-content__statusbar-tags {
font-size: 14px
}
.news--3-columns .news__item-image {
order: 1
}
.news--2-columns {
display: flex;
flex-direction: row;
gap: 32px;
margin-top: 24px
}
.news--2-columns .news__item {
flex-basis: 50%;
flex-wrap: wrap;
margin-top: 0
}
.news--2-columns .news__item-content {
flex-basis: 100%;
order: 2
}
.news--2-columns .news__item-content__statusbar-date {
font-size: 14px
}
.news--2-columns .news__item-content__statusbar-tags {
font-size: 14px
}
.news--2-columns .news__item-image {
flex-basis: 100%;
order: 1
}
.read-also-widget {
background: #fff;
padding: 24px
}
.read-also-widget__title {
font-size: 19px;
line-height: 1;
padding-bottom: 32px
}
.read-also-widget__items {
display: flex;
flex-direction: column;
gap: 16px
}
.read-also-widget__item {
align-items: center;
display: flex;
gap: 16px
}
.read-also-widget__item img {
height: 70px;
-o-object-fit: cover;
object-fit: cover;
width: 70px
}
.read-also-widget__item-title {
font-size: 16px;
line-height: 1
}
.news-feed {
display: flex;
flex-direction: column;
gap: 32px;
padding-right: 15%
}
.news-feed__item {
display: flex;
gap: 24px
}
.news-feed__item--time {
flex-shrink: 0;
align-items: center;
color: #bdbdbd;
flex-basis: 15%;
margin-top: 5px;
width: 64px;
text-align: center;
border-right: 2px dashed #ba1c1c6e;
padding: 24px 36px 0 0;
}
.news-feed__item-material .news-feed__item--time {
border-right: 2px solid #ba1c1c6e;;
}
.news-feed__item__content--text {
padding-bottom: 16px;
padding-top: 16px
}
.news-feed__item--time {
}
.news-feed__item__content {
display: flex;
gap: 24px
}
.news-feed__item__content--text {
display: flex;
flex-basis: 60%;
flex-direction: column;
flex-grow: 1;
gap: 0;
padding: 16px 32px 32px 0;
}
.news-feed__item__content--text h4 {
font-size: 22px;
font-weight: 500
}
.news-feed__item__content--image {
display: flex;
flex-basis: 20%;
margin-right: 0;
}
.news-feed__item__content--image a {
display: flex;
position: relative
}
.news-feed__item__content--image a:hover > .overlay {
background-color: rgba(0, 0, 0, .1)
}
.news-feed__item__content--image img {
height: auto;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.news-feed__item__content--image .overlay {
background-color: rgba(0, 0, 0, .25);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: all .25s ease
}
.news-feed__item.highlighted {
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1)
}
.news-feed__item.highlighted .news-feed__item--time span {
background-color: rgba(186, 28, 28, .12);
color: #333;
display: flex;
justify-content: center;
padding: 4px 0
}
.news-header {
align-items: center;
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
display: flex;
flex-direction: column;
flex-grow: 1;
text-align: center
}
.news-header h1 {
text-align: center;
}
.news-header .statusbar {
margin-top: 64px;
padding: 0 30%
}
.news-header__heading {
padding: 0 12%
}
.news-header__excerpt {
line-height: 1.8;
padding: 0 30% 64px
}
.news-header__thecontent {
margin: 16px
}
.news-header__thecontent p {
line-height: 1.8;
padding: 24px 15%;
text-align: left
}
.news-header__thecontent a,
.articles-header__thecontent a {
text-decoration: underline
}
.news-header .social {
margin-bottom: 64px;
margin-top: 16px;
padding: 0 30%
}
.news-widget {
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
display: flex;
flex-direction: column
}
.news-widget h3 {
font-weight: 500;
padding: 24px;
text-align: center;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.news-widget__item {
border-bottom: 1px solid hsla(0, 0%, 74%, .455);
padding: 24px
}
.news-widget__item-date {
font-size: 12px;
line-height: 1.8;
margin-bottom: 8px
}
.news-widget__item-link {
font-weight: 600;
line-height: 1.5
}
.news-widget__item:first-of-type {
border-top: 1px solid hsla(0, 0%, 74%, .455)
}
.news-widget > a {
align-items: center;
display: flex;
justify-content: center;
margin: 24px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.news-widget > a:hover {  }
.news-widget__item {
padding: 12px 24px 12px 12px; }
.news-widget__item-link {
font-size: 13px;
}
.news-widget__title {
font-size: 20px;
font-weight: bold;
display: block;
margin-bottom: 10px;
}
.recommendations {
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
display: flex;
flex-grow: 1
}
.recommendations__heading {
align-items: center;
border-right: 1px solid hsla(0, 0%, 74%, .455);
display: flex;
flex-basis: 10%;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 64px
}
.recommendations__heading h4 {
font-size: 30px;
font-weight: 500;
line-height: 1.8;
text-transform: uppercase;
transform: rotate(270deg)
}
.recommendations .news-widget {
background-color: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
flex-basis: 90%;
flex-direction: row
}
.recommendations .news-widget__item {
border-bottom: 0;
border-right: 1px solid hsla(0, 0%, 74%, .455);
padding: 96px 16px
}
.recommendations .news-widget__item:last-child {
border-right: 0
}
.search-header {
margin-bottom: 32px
}
.search-header__title {
margin-bottom: 16px
}
.search-header__form {
margin-bottom: 32px
}
.search-overlay {
align-items: center;
background-color: rgba(0, 0, 0, .85);
bottom: 0;
display: none;
justify-content: center;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1010
}
.search-overlay.opened {
display: flex;
opacity: 1
}
.search-overlay__wrapper {
align-items: center;
display: flex;
flex-direction: column;
gap: 48px;
justify-content: center
}
.search-overlay #searchOverlayCloseBtn {
cursor: pointer;
height: 40px;
transition: all .25s ease;
width: 40px
}
.search-overlay #searchOverlayCloseBtn:hover {
filter: saturate(10%) brightness(500%)
}
.search-overlay__form {
border: 1px solid #ccc1c1;
border-radius: 5px;
display: flex;
justify-content: center;
min-width: 50vw;
padding: 16px 16px 16px 32px;
position: relative
}
.search-overlay__form input {
background-color: transparent;
border: 0;
border-radius: unset;
color: #fff;
flex-basis: 85%;
font-size: 20px;
font-weight: 300
}
.search-overlay__form button {
background-color: transparent;
flex-basis: 15%;
justify-self: flex-end;
padding-right: 0
}
.search-overlay__form button img {
filter: saturate(10%) brightness(500%);
height: 48px;
transition: all .25s ease;
width: 48px
}
.search-overlay__form button img:hover {
opacity: .65
}
.sidebar__content {
display: flex;
flex-direction: column;
gap: 24px
}
.sidebar__content--sticky {
top: 128px
}
.social {
display: flex
}
.social a,
.social img {
transition: all .25s ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.social__black_xs {
gap: 16px;
padding: 24px 0
}
.social__black_xs img {
filter: invert(0) sepia(100%) saturate(11%) hue-rotate(270deg) brightness(99%) contrast(99%)
}
.social__black_xs a:hover > img {
filter: invert(20%) sepia(81%) saturate(2714%) hue-rotate(351deg) brightness(88%) contrast(91%)
}
.social__black_xs a:after {
color: #000
}
.social-widget {
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
display: flex;
flex-wrap: wrap;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.social-widget h3 {
flex-basis: 100%;
font-weight: 500;
padding: 32px 24px 16px;
text-align: center;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.social-widget__item {
align-items: center;
display: flex;
flex-basis: 50%;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.social-widget__item:hover > img {
filter: saturate(1);
opacity: 1
}
.social-widget__item img {
filter: saturate(0);
height: 64px;
margin: 32px 0;
opacity: .6;
transition: all .25s ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 64px
}
.statusbar {
align-items: center;
display: flex;
gap: 16px;
margin-bottom: 16px;
margin-top: 8px
}
.statusbar__date,
.statusbar__tags {
font-size: 14px;
line-height: 24px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.statusbar__tags {
color: #ba1c1c;
font-weight: 600;
transition: all .25s ease
}
.statusbar__tags:hover {
opacity: .65
}
.statusbar__bookmark {
cursor: pointer;
height: 24px;
margin-top: 1px;
position: relative;
width: 24px
}
.statusbar__bookmark input {
cursor: pointer;
height: 24px;
margin: 0;
opacity: 0;
position: absolute;
width: 24px;
z-index: 990
}
.statusbar__bookmark input ~ .checkmark {
background-image: url(//www.yugopolis.ru/wp-content/themes/theme/images/icn-bookmark.svg);
filter: brightness(10%) contrast(200%);
height: 24px;
opacity: .4;
position: absolute;
right: 0;
top: 0;
transition: all .25s ease;
width: 24px;
z-index: 980
}
.statusbar__bookmark input:hover ~ .checkmark {
filter: unset;
opacity: 1
}
.statusbar__bookmark input:checked ~ .checkmark {
background-image: url(//www.yugopolis.ru/wp-content/themes/theme/images/icn-bookmark-active.svg);
filter: unset;
opacity: 1
}
.team-card {
align-items: center;
display: flex;
flex-direction: column;
padding: 32px 0
}
.team-card > img {
height: 10%;
margin-bottom: 8px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 10%
}
.team-card h5 {
font-weight: 600
}
.team-card h6 {
font-size: 13px;
font-weight: 400;
margin-bottom: 8px
}
.team-card a {
color: #0c4f72;
font-size: 12px;
margin-bottom: 8px;
text-decoration: underline;
transition: all .25s ease
}
.team-card a:hover {
opacity: .7
}
.team-card .social {
padding-bottom: 0
}
.videoreports-header {
align-items: center;
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
display: flex;
flex-direction: column;
flex-grow: 1;
text-align: center
}
.videoreports-header .statusbar {
margin-top: 64px;
padding: 0 30%
}
.videoreports-header__heading {
padding: 0 30%
}
.videoreports-header__excerpt {
line-height: 1.8;
padding: 0 30% 64px
}
.videoreports-header__thecontent {
margin: 32px 16px 16px
}
.videoreports-header__thecontent p {
line-height: 1.8;
padding: 24px 15%;
text-align: left
}
.videoreports-header .social {
margin-bottom: 64px;
margin-top: 16px;
padding: 0 30%
}
.videoreports-header .preview {
position: relative;
width: 100%
}
.videoreports-header .preview--video:hover {
cursor: pointer
}
.videoreports-header .preview--video:hover .play-btn {
opacity: 1
}
.videoreports-header .preview .video {
background-color: #000;
min-height: 50vh;
transition: all .25s ease;
width: 100%
}
.videoreports-header .preview .thumbnail {
bottom: 0;
left: 0;
max-height: 50vh;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
right: 0;
top: 0;
transition: all .25s ease
}
.videoreports-header .preview .overlay {
background-color: rgba(0, 0, 0, .25);
bottom: 0;
left: 0;
max-height: 50vh;
position: absolute;
right: 0;
top: 0;
transition: all .25s ease
}
.videoreports-header .preview .play-btn {
height: 64px;
left: 50%;
opacity: .5;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: all .25s ease;
width: 64px
}
.weekend-event {
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1)
}
.weekend-event h3 {
font-size: 30px;
font-weight: 500;
line-height: 1.8;
margin: 48px 0;
text-align: center
}
.weekend-event img {
display: flex;
margin: 0 auto;
max-width: 70%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.weekend-event p {
line-height: 1.8;
margin: 64px 20%
}
.weekend-event__footer {
align-items: center;
background-color: #ba1c1c;
display: flex;
flex-grow: 1;
justify-content: space-between;
padding: 40px 15%
}
.weekend-event__footer-info {
color: #fff;
display: flex;
flex-direction: column;
gap: 8px;
line-height: 1.5
}
.weekend-event__footer-info .when:before {
content: "Когда: ";
font-weight: 600
}
.weekend-event__footer-info .where:before {
content: "Где: ";
font-weight: 600
}
.weekend-event__footer-info .time:before {
content: "Начало: ";
font-weight: 600
}
.weekend-event__footer-info .price:before {
content: "Цена билета: ";
font-weight: 600
}
.weekend-event__footer-btn {
align-items: center;
background-color: #fff;
border-radius: 0;
color: #000;
display: inline-flex
}
.weekend-event__footer-btn:hover {
color: #ba1c1c
}
.weekend-header {
align-items: center;
background-color: #fff;
box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 1px 0 30px 0 rgba(0, 0, 0, .1);
display: flex;
flex-direction: column;
flex-grow: 1;
text-align: center
}
.weekend-header .statusbar {
margin-top: 64px;
padding: 0 30%
}
.weekend-header__heading {
padding: 0 30%
}
.weekend-header__excerpt {
line-height: 1.8;
padding: 0 30%
}
.weekend-header .social {
margin-bottom: 64px;
margin-top: 48px;
padding: 0 30%
}
@media (max-width: 992px) {
.btn__loadmore {
margin-bottom: 32px
}
.content {
flex-basis: 100%;
max-width: 100%
}
.layout {
flex-wrap: wrap
}
.layout-main .content .featured {
flex-wrap: wrap
}
.layout-main .content .featured-categories {
flex-basis: 100%
}
.layout-main .content .featured-quote {
flex-basis: 100%
}
.layout-main .content .featured-video {
flex-basis: 100%
}
.main {
padding-bottom: 32px;
padding-left: 32px;
padding-right: 32px;
width: calc(100% - 64px)
}
.container {
max-width: 960px;
min-width: 736px
}
.sidebar {
flex-basis: 100%
}
.text-content {
padding: 32px
}
.text-content p:first-of-type {
margin-top: 0
}
h4 {
font-size: 19px
}
.adv--fullwidth:before {
font-size: 10px;
padding: 4px 8px
}
.articles-header .statusbar {
margin-top: 32px;
padding: 0 32px
}
.articles-header__heading {
margin-top: 32px;
padding: 0 32px
}
.articles-header__excerpt {
margin: 32px 0;
padding: 0 32px
}
.articles-header__thecontent p {
line-height: 1.5;
margin-bottom: 0;
padding: 0 24px 24px
}
.articles-header .social {
margin-bottom: 32px;
margin-top: 0;
padding: 0 32px
}
.authors-grid .item {
flex-basis: calc(50% - 16px)
}
.authors-header .showcase {
gap: 64px;
padding: 32px
}
.authors-header .showcase__item {
flex-basis: calc(33% - 64px)
}
.comments {
max-width: calc(100vw - 64px);
padding: 0
}
.comments__form {
padding: 0
}
.comments__form-header {
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
margin-bottom: 0;
padding: 32px 32px 8px
}
.comments__form-header h3:after {
position: relative;
right: -8px
}
.comments__form-header button {
display: none
}
.comments__form-body {
flex-direction: column;
padding: 32px
}
.comments__form-body > textarea {
padding: 16px
}
.comments__form-body button {
display: block
}
.comments__form img {
display: none;
height: 32px;
width: 32px
}
.comments__list:first-of-type {
padding-left: 16px
}
.comments__list > li > ul {
padding-left: 32px
}
.comments__list .comment img {
display: none;
height: 32px;
width: 32px
}
.comments__list .comment-content__header {
align-items: flex-start;
flex-direction: column;
gap: 8px
}
.featured-categories {
flex-direction: row;
flex-wrap: wrap;
gap: 24px
}
.featured-categories a {
flex-basis: calc(50% - 12px)
}
.featured-categories a:last-child {
flex-basis: 100%
}
.featured-video__link-content {
margin: 8px;
padding: 0 5%
}
.featured-video__link-content .title {
font-size: 19px;
margin-bottom: 24px
}
.featured-video__link-content .play-btn {
height: 40px;
width: 40px
}
.featured-video__link-cover {
filter: saturate(1) blur(0)
}
.featured-video__link-overlay {
background-color: rgba(0, 0, 0, .6)
}
.footer__row {
flex-direction: column;
gap: 32px;
padding: 16px 0
}
.footer__logo {
height: 28px
}
.footer__form {
flex-direction: column;
gap: 8px;
min-width: 73vw;
padding: 16px 32px
}
.footer__form_input {
min-width: calc(100% - 48px)
}
.footer__menu {
gap: 24px
}
.footer__social a:after {
transform: translate(-50%, calc(285% - 10px))
}
.footer__copyright_text {
text-align: center
}
.fotoreports-header .statusbar {
margin-top: 32px;
padding: 0 32px
}
.fotoreports-header__heading {
margin-top: 32px;
padding: 0 32px
}
.fotoreports-header__excerpt {
margin: 32px 0;
padding: 0 32px
}
.fotoreports-header__thecontent p {
line-height: 1.5;
margin-bottom: 0;
padding: 0 24px 24px
}
.fotoreports-header .social {
margin-bottom: 32px;
margin-top: 0;
padding: 0 32px
}
.header__menu {
display: none
}
.header__logo {
flex-basis: 46%;
margin-top: 4px
}
.header__actions {
gap: 16px
}
.headline-of-the-day {
padding: 0
}
.headline-of-the-day__header {
margin-top: 0;
padding-bottom: 12px;
padding-top: 12px
}
.headline-of-the-day__img {
height: auto;
position: static;
width: 100%
}
.headline-of-the-day__headline a {
padding: 20px 24px
}
.headline-of-the-day__headline {
font-size: 22px;
margin-bottom: 0;
text-align: center
}
.hero-slider__slide {
flex-direction: column;
height: auto
}
.hero-slider__content {
order: 2;
padding: 16px 32px 48px
}
.hero-slider__content-heading {
font-size: 22px
}
.hero-slider__content-excerpt {
margin-bottom: 24px
}
.hero-slider__content > .btn {
align-self: unset;
display: flex
}
.hero-slider__image {
height: 20vh;
order: 1
}
.hero-slider
.hero-slider
.hero-slider
.hero-slider.--widgetized .hero-slider__content {
max-width: 100% !important
}
.hero-slider__slide.slide--fullwidth .hero-slider__content {
margin-bottom: auto;
margin-top: auto;
max-width: 100%;
padding: 32px
}
.hero-slider__slide.slide--fullwidth .hero-slider__content-excerpt {
margin-bottom: 48px
}
.hero-slider__slide.slide--fullwidth .hero-slider__image {
height: 100%;
order: 1;
top: 0
}
.nav {
bottom: 0;
flex-direction: column;
overflow-y: auto;
overscroll-behavior: none
}
.nav__menu {
order: 2;
padding: 32px
}
.nav__menu_links {
gap: 8px
}
.nav__menu_links a {
align-self: flex-start
}
.nav__menu_social a:after {
font-size: 13px;
transform: translate(-50%, calc(270% - 10px))
}
.nav__categories {
align-content: center;
flex-wrap: wrap;
gap: 8px;
order: 1;
padding: 16px 32px 32px
}
.nav__categories_menu {
flex-basis: 48%;
padding-left: 0
}
.nav__header_menu {
display: flex;
gap: 16px;
order: 3
}
.nav__header_menu a {
color: #fff;
font-size: 16px;
line-height: 1.8
}
.news__item {
flex-direction: column
}
.news__item-content {
order: 2;
padding: 16px 32px 48px
}
.news__item-content__heading {
font-size: 22px;
line-height: 1.3
}
.news__item-content__excerpt {
line-height: 1.3;
}
.news__item-content > a.btn {
align-self: unset;
display: flex
}
.news--3-columns {
flex-direction: column;
gap: 24px
}
.news--3-columns .news__item {
flex-direction: column;
margin-bottom: 0;
margin-top: 0
}
.news--3-columns .news__item-content {
padding: 32px
}
.news--3-columns .news__item-content__statusbar-date {
font-size: 12px
}
.news--3-columns .news__item-content__statusbar-tags {
font-size: 12px
}
.news--3-columns .news__item-content__heading {
font-size: 22px
}
.news--3-columns .news__item-content__excerpt {
font-size: 16px
}
.news--3-columns .news__item-content > a.btn {
font-size: 16px
}
.news--2-columns {
flex-direction: column;
gap: 24px
}
.news--2-columns .news__item {
flex-direction: row;
margin-bottom: 0;
margin-top: 0
}
.news--2-columns .news__item-content__statusbar-date {
font-size: 12px
}
.news--2-columns .news__item-content__statusbar-tags {
font-size: 12px
}
.news-feed {
padding-right: 0
}
.news-feed__item {
flex-direction: column;
}
.news-feed__item--time {
padding-top: 24px;
text-align: left;
width: 100%;
}
.news-feed__item--se .news-feed__item__content--text {
padding: 0
}
.news-feed__item--se .news-feed__item--time {
border-right: none
}
.news-feed__item__content {
flex-direction: column
}
.news-feed__item__content--text {
order: 2;
padding: 8px 0
}
.news-feed__item__content--text p {
margin: 0
}
.news-feed__item__content--image {
order: 1
}
.news-feed__item.highlighted .news-feed__item--time span {
display: inline-flex;
padding: 8px 16px
}
.news-feed__item.highlighted .news-feed__item__content--text {
margin: 0 32px 32px
}
.news-header .statusbar {
margin-top: 32px;
padding: 0 32px
}
.news-header__heading {
margin-top: 32px;
padding: 0 32px
}
.news-header__excerpt {
margin: 32px 0;
padding: 0 32px
}
.news-header__thecontent p {
line-height: 1.5;
margin-bottom: 0;
padding: 0 24px 24px
}
.news-header .social {
margin-bottom: 32px;
margin-top: 0;
padding: 0 32px
}
.news-widget h3 {
padding: 24px
}
.recommendations {
flex-direction: column
}
.recommendations__heading {
align-items: center;
border-bottom: 1px solid hsla(0, 0%, 74%, .455);
border-right: 0;
flex-direction: row;
justify-content: center;
padding: 24px 0
}
.recommendations__heading h4 {
font-size: 22px;
line-height: 1.3;
text-align: center;
transform: none
}
.recommendations .news-widget {
flex-direction: column
}
.recommendations .news-widget__item {
border-bottom: 1px solid hsla(0, 0%, 74%, .455);
border-right: 0;
padding: 32px
}
.recommendations .news-widget__item:last-child {
border-bottom: 0
}
.search-overlay__wrapper {
margin-bottom: auto;
margin-top: 170px;
padding: 16px
}
.search-overlay__form input {
flex-basis: 75%;
padding-left: 0;
padding-right: 0
}
.search-overlay__form button {
flex-basis: 25%;
padding: unset
}
.social-widget {
justify-content: center
}
.social-widget h3 {
padding: 24px
}
.social-widget__item {
border: none;
flex-basis: 23%
}
.social-widget__item img {
height: 48px;
width: 48px
}
.videoreports-header .statusbar {
margin-top: 32px;
padding: 0 32px
}
.videoreports-header__heading {
margin-top: 32px;
padding: 0 32px
}
.videoreports-header__excerpt {
margin: 32px 0;
padding: 0 32px
}
.videoreports-header__thecontent p {
line-height: 1.5;
margin-bottom: 0;
padding: 0 24px 24px
}
.videoreports-header .social {
margin-bottom: 32px;
margin-top: 0;
padding: 0 32px
}
.videoreports-header .preview .thumbnail {
height: 100%
}
.weekend-event {
display: flex;
flex-direction: column
}
.weekend-event h3 {
margin: 24px 0;
order: 2
}
.weekend-event img {
margin: 0;
max-width: 100%;
order: 1
}
.weekend-event p {
line-height: 1.5;
margin: 0 32px 32px;
order: 3
}
.weekend-event__footer {
flex-direction: column;
gap: 32px;
order: 4;
padding: 32px
}
.weekend-event__footer-info {
align-self: flex-start
}
.weekend-event__footer-btn {
display: flex;
justify-content: center;
text-align: center;
width: calc(100% - 64px)
}
.weekend-header .statusbar {
margin-top: 32px;
padding: 0 32px
}
.weekend-header__heading {
margin-top: 32px;
padding: 0 32px
}
.weekend-header__excerpt {
margin-top: 32px;
padding: 0 32px
}
.weekend-header .social {
margin-top: 32px;
padding: 0 32px
}
}
@media (min-width: 993px)and (max-width: 1440px) {
.layout-main .content .featured {
flex-wrap: wrap
}
.layout-main .content .featured-categories {
flex-basis: calc(50% - 24px)
}
.layout-main .content .featured-quote {
flex-basis: 50%
}
.layout-main .content .featured-video {
flex-basis: 100%
}
.main {
padding-bottom: 32px;
padding-left: 32px;
padding-right: 32px
}
.container {
max-width: calc(100vw - 64px);
min-width: 928px
}
h1 {
font-size: 22px
}
h4 {
font-size: 16px
}
.authors-header .showcase {
gap: 64px;
padding: 64px 20%
}
.authors-header .showcase__item {
flex-basis: calc(33% - 64px)
}
.featured-video__link-content .title {
font-size: 16px;
margin-bottom: 24px
}
.footer__form_input {
min-width: unset
}
.header__logo {
flex-basis: 26%
}
.hero-slider__content {
padding-left: 64px;
padding-right: 48px
}
.hero-slider__content-heading {
font-size: 22px
}
.hero-slider__slide.slide--fullwidth .hero-slider__content-excerpt {
font-size: 16px
}
.news__item-content {
flex-basis: 50%;
padding-left: 64px;
padding-right: 48px
}
.news__item-content__statusbar-date {
font-size: 12px
}
.news__item-content__statusbar-tags {
font-size: 12px
}
.news__item-content__heading {
font-size: 19px;
line-height: 1.3
}
.news__item-content__excerpt {
line-height: 1.3
}
.news__item-image {
flex-basis: 50%
}
.news--3-columns .news__item-content {
padding: 32px
}
.news--3-columns .news__item-content__statusbar-date {
font-size: 11px
}
.news--3-columns .news__item-content__statusbar-tags {
font-size: 11px
}
.news--3-columns .news__item-content__heading {
font-size: 16px;
line-height: 1.3
}
.news--3-columns .news__item-content__excerpt {
font-size: 14px;
line-height: 1.3;
}
.news--3-columns .news__item-content > a.btn {
display: flex
}
.news-feed {
padding-right: 0
}
}
@media (max-width: 768px) {
.container {
max-width: 736px;
min-width: 300px
}
h1 {
font-size: 22px
}
.advertisement-details {
padding: 28px 28px 12px 12px
}
.articles-header__heading {
font-size: 22px
}
.authors-grid .item {
flex-basis: calc(100% - 16px)
}
.authors-grid .item .author {
padding: 32px 32px 0
}
.authors-grid .item .author > img {
width: 50%
}
.authors-grid .item .news__item-content {
padding: 32px
}
.authors-grid .item .news__item-content__heading {
font-size: 16px
}
.authors-grid .item .news__item-content__statusbar {
gap: 8px
}
.authors-header .showcase {
gap: 64px;
padding: 32px
}
.authors-header .showcase__item {
flex-basis: calc(50% - 32px)
}
.featured-categories {
display: none
}
.fotoreports-header__heading {
font-size: 22px
}
.mediakit h3 {
font-size: 22px
}
.mediakit p {
padding: 0 32px
}
.mediakit__files {
flex-direction: column
}
.mediakit__files > a {
font-size: 14px;
padding: 0 10%
}
.mediakit > a.btn {
margin: 24px 0
}
.news-header__heading {
font-size: 22px
}
.team-card > img {
height: 30%;
width: 30%
}
.videoreports-header__heading {
font-size: 22px
}
.weekend-header__heading {
font-size: 22px
}
}.post_content {
padding: 6px 15%;
font-size: 16px;
line-height: 1.7;
color: #222;
text-align: left;
}
.post_content p {
margin: 1em 0;
padding: 6px 0 !important;
}
.post_content strong {
font-weight: bold;
}
.post_content em {
font-style: italic;
}
.post_content a {
color: #ba1c1c;
text-decoration: underline;
}
.post_content a:hover {
color: #8f1414;
text-decoration: none;
}
.post_content blockquote {
margin: 1.5em 0;
padding: 1em 1.5em;
border-left: 4px solid #ba1c1c;
background: #fff6f6;
font-style: italic;
}
.post_content ul {
list-style: disc;
padding-left: 2em;
}
.post_content ul li {
margin: 0.5em 0;
}
.post_content ol {
list-style: decimal;
padding-left: 2em;
}
.post_content ol li {
margin: 0.5em 0;
}
.post_content pre {
background: #f7f7f7;
padding: 1em;
overflow-x: auto;
border-radius: 4px;
border: 1px solid #ddd;
}
.post_content code {
font-family: monospace !important;
color: #ba1c1c;
}