/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17857598042515*/ .bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a,.bx-pagination .bx-pagination-container ul li span{display:block;height:32px;min-width:32px;line-height:32px;color:#444;border-radius:16px;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a{text-decoration:none}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff} /* End */ /* Start:/bitrix/templates/q_bnkirov/styles.css?17393643191652*/ .main__new-views,.main__new-comments { display: none; } /* Базовая стилизация */ .cookie-alert { position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; /* Красный фон */ color: white; padding: 15px; /* text-align: center;*/ font-size: 14px; z-index: 9999; display: none; /* Скрыто по умолчанию */ box-shadow: 0px 6px 51px 0px rgba(21, 46, 51, 0.15); } .cookie-alert__inner { display: flex; justify-content: space-between; align-items: center; gap: 8px; } .cookie-alert__text { /* max-width: 80%; */ color: #000000; } .cookie-alert__text p:last-child { margin-bottom: 0; } .cookie-alert__text a { color: #000000; font-weight: 700; text-decoration: underline; transition: all 0.1s ease-in-out; } .cookie-alert__text a:hover { opacity: 0.8; text-decoration: none; } .cookie-alert__btn { height: 38px; background: #0D529E; color: #fff; font-size: 12px; font-weight: 500; text-transform: uppercase; padding: 0px 34px; display: flex; align-items: center; justify-content: cenrer; border: none; cursor: pointer; } .cookie-alert__btn:hover { opacity: 0.8; } .footerPolicy { display: inline-block; margin-top: 15px; font-size: 12px; color: #4d4d4d; line-height: 1.1; } .footerPolicy:hover { text-decoration: underline; } @media (max-width: 767px) { .cookie-alert__btn { align-self: center; } } /* End */ /* Start:/bitrix/templates/q_bnkirov/css/helvetica-font.css?16031835156778*/ @font-face { font-family: "HelveticaRegular"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaRegular/HelveticaRegular.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaRegular/HelveticaRegular.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaRegular/HelveticaRegular.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaRegular/HelveticaRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "HelveticaBold"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBold/HelveticaBold.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBold/HelveticaBold.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBold/HelveticaBold.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBold/HelveticaBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "HelveticaItalic"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaItalic/HelveticaItalic.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaItalic/HelveticaItalic.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaItalic/HelveticaItalic.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaItalic/HelveticaItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "HelveticaLight"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaLight/HelveticaLight.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaLight/HelveticaLight.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaLight/HelveticaLight.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaLight/HelveticaLight.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "HelveticaBlack"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBlack/HelveticaBlack.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBlack/HelveticaBlack.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBlack/HelveticaBlack.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBlack/HelveticaBlack.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "HelveticaHeavy"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaHeavy/HelveticaHeavy.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaHeavy/HelveticaHeavy.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaHeavy/HelveticaHeavy.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaHeavy/HelveticaHeavy.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "HelveticaMedium"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaMedium/HelveticaMedium.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaMedium/HelveticaMedium.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaMedium/HelveticaMedium.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaMedium/HelveticaMedium.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "HelveticaThin"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaThin/HelveticaThin.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaThin/HelveticaThin.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaThin/HelveticaThin.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaThin/HelveticaThin.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "HelveticaUltraLight"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaUltraLight/HelveticaUltraLight.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaUltraLight/HelveticaUltraLight.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaUltraLight/HelveticaUltraLight.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaUltraLight/HelveticaUltraLight.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "HelveticaBoldItalic"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBoldItalic/HelveticaBoldItalic.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBoldItalic/HelveticaBoldItalic.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBoldItalic/HelveticaBoldItalic.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBoldItalic/HelveticaBoldItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "HelveticaBlackItalic"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBlackItalic/HelveticaBlackItalic.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBlackItalic/HelveticaBlackItalic.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBlackItalic/HelveticaBlackItalic.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaBlackItalic/HelveticaBlackItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "HelveticaLightItalic"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaLightItalic/HelveticaLightItalic.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaLightItalic/HelveticaLightItalic.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaLightItalic/HelveticaLightItalic.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaLightItalic/HelveticaLightItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "HelveticaMediumItalic"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaMediumItalic/HelveticaMediumItalic.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaMediumItalic/HelveticaMediumItalic.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaMediumItalic/HelveticaMediumItalic.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaMediumItalic/HelveticaMediumItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "HelveticaHeavyItalic"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaHeavyItalic/HelveticaHeavyItalic.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaHeavyItalic/HelveticaHeavyItalic.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaHeavyItalic/HelveticaHeavyItalic.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaHeavyItalic/HelveticaHeavyItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "HelveticaThinItalic"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaThinItalic/HelveticaThinItalic.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaThinItalic/HelveticaThinItalic.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaThinItalic/HelveticaThinItalic.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaThinItalic/HelveticaThinItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "HelveticaUltraLightItalic"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaUltraLightItalic/HelveticaUltraLightItalic.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaUltraLightItalic/HelveticaUltraLightItalic.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaUltraLightItalic/HelveticaUltraLightItalic.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/HelveticaUltraLightItalic/HelveticaUltraLightItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* End */ /* Start:/bitrix/templates/q_bnkirov/fonts/OsvaldC/font.css?1605078318359*/ @font-face { font-family: 'OsvaldC'; src: url('/bitrix/templates/q_bnkirov/fonts/OsvaldC/OsvaldC.eot'); src: url('/bitrix/templates/q_bnkirov/fonts/OsvaldC/OsvaldC.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/q_bnkirov/fonts/OsvaldC/OsvaldC.svg#OsvaldC') format('svg'), url('/bitrix/templates/q_bnkirov/fonts/OsvaldC/OsvaldC.ttf') format('truetype'), url('/bitrix/templates/q_bnkirov/fonts/OsvaldC/OsvaldC.woff') format('woff'), url('/bitrix/templates/q_bnkirov/fonts/OsvaldC/OsvaldC.woff2') format('woff2'); font-weight: normal; font-style: normal; } /* End */ /* Start:/bitrix/templates/q_bnkirov/css/owl.carousel.min.css?15241837303351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .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;touch-action:manipulation;-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;width:100%}.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;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.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{-ms-touch-action:pan-y;touch-action:pan-y;-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 .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.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(/bitrix/templates/q_bnkirov/css/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:/bitrix/templates/q_bnkirov/css/jquery.fancybox.min.css?155432451412795*/ 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:/bitrix/templates/q_bnkirov/scrollbar/jquery.scrollbar.css?146763959322618*/ /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } /*************** SIMPLE OUTER SCROLLBAR ***************/ .scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-outer > .scroll-element { background-color: #ffffff; } .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; } .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; } .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* scrollbar height/width & offset from container borders */ .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; } /*************** SCROLLBAR MAC OS X ***************/ .scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } .scrollbar-macosx > .scroll-element .scroll-bar { background-color: #6C6E71; display: block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-x { bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%; } .scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px; } /* scrollbar height/width & offset from container borders */ .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /*************** SCROLLBAR LIGHT ***************/ .scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-light > .scroll-element { background-color: #ffffff; } .scrollbar-light > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-light > .scroll-element .scroll-element_outer { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element .scroll-element_size { background: #dbdbdb; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element.scroll-x { bottom: 0; height: 17px; left: 0; min-width: 100%; width: 100%; } .scrollbar-light > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 17px; } .scrollbar-light > .scroll-element .scroll-bar { background: #fefefe; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%); border: 1px solid #dbdbdb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* scrollbar height/width & offset from container borders */ .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-light > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; } .scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; } .scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /*************** SCROLLBAR RAIL ***************/ .scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-rail > .scroll-element { background-color: #ffffff; } .scrollbar-rail > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-rail > .scroll-element .scroll-element_size { background-color: #999; background-color: rgba(0, 0, 0, 0.3); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size { background-color: #666; background-color: rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; } .scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 12px; } .scrollbar-rail > .scroll-element .scroll-bar { background-color: #d0b9a0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } /* scrollbar height/width & offset from container borders */ .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } /*************** SCROLLBAR DYNAMIC ***************/ .scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-dynamic > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; } .scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #cccccc; opacity: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; } .scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } /* scrollbar height/width & offset from container borders */ .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -o-transition: height 0.2s; -ms-transition: height 0.2s; transition: height 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -o-transition: width 0.2s; -ms-transition: width 0.2s; transition: width 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /* hover & drag */ .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { height: 100%; width: 100%; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 20px; min-height: 7px; } .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer { min-width: 7px; width: 20px; } /*************** SCROLLBAR GOOGLE CHROME ***************/ .scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-chrome > .scroll-element { background-color: #ffffff; } .scrollbar-chrome > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-chrome > .scroll-element .scroll-element_outer {} .scrollbar-chrome > .scroll-element .scroll-element_track { background: #f1f1f1; border: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x { bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%; } .scrollbar-chrome > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 16px; } .scrollbar-chrome > .scroll-element .scroll-bar { background-color: #d9d9d9; border: 1px solid #bdbdbd; cursor: default; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .scrollbar-chrome > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; border-color: #a9a9a9; } .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; border-color: #7e7e7e; } /* scrollbar height/width & offset from container borders */ .scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; } .scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top: -16px; margin-top: 16px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /* End */ /* Start:/bitrix/templates/q_bnkirov/css/style.css?169452355877539*/ /* font-family: "MyriadProRegular"; */ @font-face { font-family: "MyriadProRegular"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProRegular/MyriadProRegular.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProRegular/MyriadProRegular.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProRegular/MyriadProRegular.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProRegular/MyriadProRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-weight: normal; */ @font-face { font-family: "MyriadProBold"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProBold/MyriadProBold.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProBold/MyriadProBold.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProBold/MyriadProBold.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProBold/MyriadProBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "MyriadProItalic"; */ @font-face { font-family: "MyriadProItalic"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProItalic/MyriadProItalic.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProItalic/MyriadProItalic.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProItalic/MyriadProItalic.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProItalic/MyriadProItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "MyriadProSemiBold"; */ @font-face { font-family: "MyriadProSemiBold"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProSemiBold/MyriadProSemiBold.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProSemiBold/MyriadProSemiBold.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProSemiBold/MyriadProSemiBold.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProSemiBold/MyriadProSemiBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "MyriadProBoldItalic"; */ @font-face { font-family: "MyriadProBoldItalic"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProBoldItalic/MyriadProBoldItalic.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProBoldItalic/MyriadProBoldItalic.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProBoldItalic/MyriadProBoldItalic.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProBoldItalic/MyriadProBoldItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "MyriadProSemiBoldItalic"; */ @font-face { font-family: "MyriadProSemiBoldItalic"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/MyriadPro/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "PTSansRegular"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/PTSansRegular/PTSansRegular.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/PTSansRegular/PTSansRegular.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/PTSansRegular/PTSansRegular.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/PTSansRegular/PTSansRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "PTSansItalic"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/PTSansItalic/PTSansItalic.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/PTSansItalic/PTSansItalic.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/PTSansItalic/PTSansItalic.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/PTSansItalic/PTSansItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "PTSansBold"; src: url("/bitrix/templates/q_bnkirov/css/../fonts/PTSansBold/PTSansBold.eot"); src: url("/bitrix/templates/q_bnkirov/css/../fonts/PTSansBold/PTSansBold.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/q_bnkirov/css/../fonts/PTSansBold/PTSansBold.woff") format("woff"), url("/bitrix/templates/q_bnkirov/css/../fonts/PTSansBold/PTSansBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper>.scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper>.scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea>.scroll-content { overflow: hidden !important; } .scroll-textarea>.scroll-content>textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea>.scroll-content>textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE INNER SCROLLBAR ***************/ .tabs__content-tab>.scroll-element, .tabs__content-tab>.scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .tabs__content-tab>.scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .tabs__content-tab>.scroll-element.scroll-x { bottom: 0px; height: 1px; left: 0; width: 100%; } .tabs__content-tab>.scroll-element.scroll-y { height: 100%; right: 0px; top: 0; width: 1px; } .tabs__content-tab>.scroll-element .scroll-element_outer { overflow: hidden; } .tabs__content-tab>.scroll-element .scroll-element_outer, .tabs__content-tab>.scroll-element .scroll-element_track, .tabs__content-tab>.scroll-element .scroll-bar { border-radius: 8px; } .tabs__content-tab>.scroll-element .scroll-element_track, .tabs__content-tab>.scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 1; /*opacity: 0.4;*/ } .tabs__content-tab>.scroll-element .scroll-element_track { background-color: transparent; } .tabs__content-tab>.scroll-element .scroll-bar { background-color: #808080; } .tabs__content-tab>.scroll-element:hover .scroll-bar { background-color: #919191; } .tabs__content-tab>.scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .tabs__content-tab>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .tabs__content-tab>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .tabs__content-tab>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .tabs__content-tab>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } .interview_news_list .scroll-element, .interview_news_list .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .interview_news_list .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .interview_news_list .scroll-element.scroll-x { bottom: 0px; height: 1px; left: 0; width: 100%; } .interview_news_list .scroll-element.scroll-y { height: 100%; right: 0px; top: 0; width: 1px; } .interview_news_list .scroll-element .scroll-element_outer { overflow: hidden; } .interview_news_list .scroll-element .scroll-element_outer, .interview_news_list .scroll-element .scroll-element_track, .interview_news_list .scroll-element .scroll-bar { border-radius: 8px; } .interview_news_list .scroll-element .scroll-element_track, .interview_news_list .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 1; /*opacity: 0.4;*/ } .interview_news_list .scroll-element .scroll-element_track { background-color: transparent; } .interview_news_list .scroll-element .scroll-bar { background-color: #808080; } .interview_news_list .scroll-element:hover .scroll-bar { background-color: #919191; } .interview_news_list .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .interview_news_list .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .interview_news_list .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .interview_news_list .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .interview_news_list .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } *, body { box-sizing: border-box; font-family: "MyriadProRegular"; font-size: 16px; padding: 0; margin: 0; outline: 0; } body { overflow-x: hidden; } header, footer, main, section, article { display: block; } img { max-width: 100%; height: auto; } a img { border: 0; } .subpage_content p { line-height: 1.5; } .subpage_content p+p { margin-top: 15px; } .subpage_content ul { padding-left: 15px; margin: 7px 0; } .subpage_content li+li, .subpage_content ol+ol { margin-top: 7px; } .subpage_content h2 { font-size: 24px; margin-bottom: 15px; } .subpage_content h2 a { font-size: 24px; } .container { position: relative; width: 1330px; padding: 0 15px; margin: 0 auto; } .flex { display: flex; width: 100%; } .flex_wrap { flex-wrap: wrap; } .transition__a { transition: all 0.25s ease-out 0s; } .btn { position: relative; width: 194px; max-width: 100%; height: 34px; text-transform: uppercase; color: #0D529E; border: 1px solid #0D529E; font-weight: normal; font-size: 10px; line-height: 12px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; transition: all 0.25s ease-out 0s; cursor: pointer; padding: 11px 30px; overflow: hidden; } .btn:hover, .btn:focus { background: #0D529E; color: #fff; } a.btn, a.btn:hover, a.btn:focus { text-decoration: none; background: #0D529E; color: #fff; } .btn_white { color: #FFF; border-color: #fff; } /*.btn.btn_transparent.btn_white{ color: #fff; }*/ .btn.btn_white:hover, .btn.btn_white:focus { color: #0D529E; background: #fff; } .btn.btn_blue { background: #0D529E; color: #fff; } .btn.btn_blue:hover, .btn.btn_blue:focus { background: #0D529E; color: #fff; } .btn.btn_black { border: 1px solid #000; background: #000; color: #FF3756; } .btn.btn_black:hover, .btn.btn_black:focus { background: #000; color: #FF3756; } .btn.btn_show_more { display: block; font-weight: normal; font-size: 10px; line-height: 12px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #808080; border: 1.5px solid #808080; background: transparent; } .btn.btn_show_more:hover, .btn.btn_show_more:focus { border-color: #0D529E; } .btn.btn_black span:nth-child(1) { background: linear-gradient(to right, #fff, #000); } .btn.btn_black span:nth-child(2) { background: linear-gradient(to bottom, #fff, #000); } .btn.btn_black span:nth-child(3) { bottom: 1px; background: linear-gradient(to left, #fff, #000); } .btn.btn_black span:nth-child(4) { background: linear-gradient(to top, #fff, #000); } .btn.btn_gray { border-color: #808080; background: transparent; color: #808080; display: block; margin: 0 auto; } .btn.btn_gray:hover, .btn.btn_gray:focus { background: #808080; color: #fff; } .btn span { display: none; } .btn:hover span, .btn:focus span { display: block; } .btn span:nth-child(1) { position: absolute; top: 0px; left: 0px; width: 100%; height: 1px; background: linear-gradient(to right, #fff, #0D529E); -webkit-animation: animate1 2s linear infinite; animation: animate1 2s linear infinite; } .btn.btn_transparent { background-color: transparent; color: #ааа; overflow: hidden; display: inline-block; } @-webkit-keyframes animate1 { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } @keyframes animate1 { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .btn span:nth-child(2) { position: absolute; top: 0px; right: 0px; width: 1px; height: 100%; background: linear-gradient(to bottom, #fff, #0D529E); -webkit-animation: animate2 2s linear infinite; animation: animate2 2s linear infinite; } @-webkit-keyframes animate2 { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } } @keyframes animate2 { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } } .btn span:nth-child(3) { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background: linear-gradient(to left, #fff, #0D529E); -webkit-animation: animate3 2s linear infinite; animation: animate3 2s linear infinite; } @-webkit-keyframes animate3 { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } @keyframes animate3 { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } .btn span:nth-child(4) { position: absolute; top: 0px; left: 0px; width: 1px; height: 100%; background: linear-gradient(to top, #fff, #0D529E); -webkit-animation: animate4 2s linear infinite; animation: animate4 2s linear infinite; } @-webkit-keyframes animate4 { 0% { transform: translateY(100%); } 100% { transform: translateY(-100%); } } @keyframes animate4 { 0% { transform: translateY(100%); } 100% { transform: translateY(-100%); } } @media (max-width: 1350px) { .container { width: 1170px; } } @media (max-width: 1199px) { .container { width: 970px; } } @media (max-width: 991px) { .container { width: 750px; } } @media (max-width: 767px) { .container { width: 100%; } } .header { padding: 14px 0 15px; } .header__left { width: 26%; padding-right: 30px; display: flex; align-items: center; } .header__right { width: 75%; } .header__right .flex { align-items: center; } .header__logo { padding-top: 3px; width: 65%; text-align: center; } .header__logo a { text-decoration: none; } .header__logo-time { font-weight: normal; font-size: 16px; line-height: 19px; letter-spacing: 0.05em; color: #808080; display: block; } .header__course { position: relative; /*width: 20.5%;*/ width: 49%; font-weight: normal; font-size: 16px; line-height: 19px; letter-spacing: 0.05em; color: #808080; padding-top: 0px; } /*.header__course.super_new > span:nth-child(1){ top: 1px; } .header__course.super_new > span:nth-child(2){ right: 1px; } .header__course.super_new > span:nth-child(3){ bottom: 1px; } .header__course.super_new > span:nth-child(4){ left: 1px; }*/ .header__course span { font-weight: normal; display: block; } .header__advartasing { text-align: center; /*width: 23%;*/ width: 49%; margin-left: 2%; font-weight: normal; font-size: 14px; line-height: 17px; letter-spacing: 0.05em; } .header__advartasing a, .header__advartasing img { display: block; } .header_links { text-align: right; /*width: 47.4%;*/ width: 30%; } .header__links-a { position: relative; cursor: pointer; display: inline-block; font-weight: normal; font-size: 14px; line-height: 17px; letter-spacing: 0.05em; text-transform: uppercase; color: #808080; /*border-bottom: 1.4px solid #808080; text-decoration: none;*/ /*padding-bottom: 3px;*/ padding-bottom: 0px; text-align: center; } .header__links-a+.header__links-a { margin-left: 35px; margin-top: 7px; } .header__links-a:hover, .header__links-a:focus { color: #0D529E; border-color: #0D529E; } .header_search { flex-grow: 1; text-align: right; padding-left: 15px; margin-top: 10px; } .header_search-icon { display: inline-block; width: 22px; height: 22px; background: url(/bitrix/templates/q_bnkirov/css/../images/search_icon.png) center center no-repeat; background-size: 100% 100%; } .header_search-icon:hover, .header_search-icon:focus { background-image: url(/bitrix/templates/q_bnkirov/css/../images/search_icon_blue.png); } main .flex { align-items: stretch; } .main__sidebar { background: #0D529E; color: #fff; width: calc(26% - 30px); padding-bottom: 5px; margin-right: 30px; } .main__content { position: relative; width: 75%; max-width: 965.13px; } .main__sidebar-block { padding: 24px 32px 27px; } .sidebar__menu ul { list-style-type: none; } .sidebar__menu li { margin-top: 3px; } .sidebar__menu a { text-decoration: none; font-weight: normal; font-size: 18px; line-height: 22px; letter-spacing: 0.05em; color: #FFFFFF; /*-webkit-transition: all 0.25s ease-out 0s; -moz-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s;*/ } .sidebar__menu a.bold { font-weight: 700; } .sidebar__menu a.italic { font-style: italic; } .sidebar__menu a:hover, .sidebar__menu a:focus, .sidebar__menu a.active { text-shadow: 1px 1px 10px #fff; } .main__sidebar-menu_fixed { position: fixed; background: #0D529E; top: 0; z-index: 30; } .main__sidebar-banner_fixed { position: fixed; background: #0D529E; top: 0; z-index: 20; } .sidebar__advartasing { width: 100%; font-weight: normal; font-size: 20px; line-height: 24px; text-align: center; letter-spacing: 0.05em; color: #000000; } .sidebar__advartasing a, .sidebar__advartasing img { display: block; } .main__advartasing { width: 100%; font-weight: normal; font-size: 20px; line-height: 24px; text-align: center; letter-spacing: 0.05em; color: #000000; } .main__advartasing a, .main__advartasing img { display: block; } .sidebar__title { font-weight: normal; font-size: 18px; line-height: 22px; letter-spacing: 0.05em; color: #FFFFFF; margin: 13px 0; } .sidebar__soclinks-list { display: flex; align-items: center; } .sidebar__soclinks-list a+a { margin-left: 19px; } .sidebar__soclinks-list img { transition: all 0.5s ease-out 0s; } .sidebar__soclinks-list img:hover, .sidebar__soclinks-list img:focus { transform: rotate(360deg); } .main__sidebar-buttons { padding: 6px 0 0; } .main__sidebar-buttons .btn { display: block; width: 100%; } .main__sidebar-buttons .btn+.btn { margin-top: 21px; } .sidebar__advartasing-bottom { text-align: center; padding: 7px 16px; } .sidebar__advartasing-bottom a { display: inline-block; } .sidebar__advartasing-bottom img { display: inline-block; width: auto; max-width: 100%; } .tinkoff_link img { transition: all 0.25s ease-out 0s; } /*.tinkoff_link img:hover, .tinkoff_link img:focus { box-shadow: 1px 1px 10px #f7de48; }*/ .main__sidebar-banner_fixed .sidebar_fixed_bottom_banner_line { display: block; width: 0; height: 16px; position: fixed; bottom: 0; margin-left: -16px; z-index: 1; background: #0D529E; } .main__block+.main__block { margin-top: 38px; } .main__block-title, .title_link { font-weight: normal; font-size: 28px; line-height: 29px; letter-spacing: 0.05em; color: #0d529e; font-family: "PTSansRegular"; margin-bottom: 32px; text-decoration: none; } .title_link:hover, .title_link:focus { color: #0D529E; } .main__banner-top img { width: auto; max-width: 100%; } .main__new { position: relative; display: block; color: #fff; text-decoration: none; } .main__new-content { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 150%); text-shadow: 1px 1px 10px #000; padding: 5px 17px 18px 23px; } .main__new-title { font-family: "PTSansRegular"; font-weight: normal; font-size: 18px; line-height: 22px; letter-spacing: 0.05em; color: #000; margin-bottom: 9px; transition: all 0.25s ease-out 0s; } .owl-carousel-absolute-content .main__new-title { color: #FFFFFF; } .main__new-description { position: relative; font-size: 16px; line-height: 22px; /* or 137% */ letter-spacing: 0.05em; color: #000; margin-bottom: 14px; transition: all 0.25s ease-out 0s; } .owl-carousel-absolute-content .main__new-description { color: #FFFFFF; } .main__new:hover .main__new-title { padding-bottom: 15px; } .main__new:hover .main__new-title+.main__new-description { margin-top: -15px; } .main__new:hover .main__new-description { padding-bottom: 15px; } .main__new-views { font-weight: normal; font-size: 14px; line-height: 22px; letter-spacing: 0.05em; color: #808080; } .main__new-views::before { content: ''; display: inline-block; vertical-align: middle; width: 14px; height: 14px; background: url(/bitrix/templates/q_bnkirov/css/../images/eye_icon.png) center center no-repeat; background-size: 100% 100%; margin-right: 7px; } .main__new-comments { font-weight: normal; font-size: 14px; line-height: 22px; letter-spacing: 0.05em; color: #808080; text-shadow: 0 0; margin-left: 11px; } .main__new-comments::before { content: ''; display: inline-block; vertical-align: middle; width: 12px; height: 12px; background: url(/bitrix/templates/q_bnkirov/css/../images/chat_icon.png) center center no-repeat; background-size: 100% 100%; margin-right: 8px; } .main__new-content .main__new-views, .main__new-content .main__new-comments { color: #fff; } .main__new-content .main__new-views::before { background-image: url(/bitrix/templates/q_bnkirov/css/../images/eye_icon_white.png); } .main__new-content .main__new-comments::before { background-image: url(/bitrix/templates/q_bnkirov/css/../images/chat_icon_white.png); } .owl-arrows-type-one.owl-carousel .owl-nav { height: 0; } .owl-arrows-type-one.owl-carousel .owl-nav button.owl-prev { position: absolute; top: 0; left: 0; width: 25px; height: 100%; outline: 0; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 50%, #000000 150%); transition: all 0.25s ease-out 0s; opacity: 0; } .owl-arrows-type-one.owl-carousel .owl-nav button.owl-prev:hover, .owl-arrows-type-one.owl-carousel .owl-nav button.owl-prev:focus { opacity: 1; } .owl-arrows-type-one.owl-carousel .owl-nav button.owl-prev span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; font-size: 0; background: url(/bitrix/templates/q_bnkirov/css/../images/arrow_left.png) 20% center no-repeat; background-size: 20px 20px; } .owl-arrows-type-one.owl-carousel .owl-nav button.owl-next { position: absolute; top: 0; right: 0; width: 25px; height: 100%; outline: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 50%, #000000 150%); transition: all 0.25s ease-out 0s; opacity: 0; } .owl-arrows-type-one.owl-carousel .owl-nav button.owl-next:hover, .owl-arrows-type-one.owl-carousel .owl-nav button.owl-next:focus { opacity: 1; } .owl-arrows-type-one.owl-carousel .owl-nav button.owl-next span { position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; font-size: 0; background: url(/bitrix/templates/q_bnkirov/css/../images/arrow_right.png) 80% center no-repeat; background-size: 20px 20px; } .owl-arrows-type-one.owl-carousel.owl-dots-type-one .owl-nav button.owl-prev, .owl-arrows-type-one.owl-carousel.owl-dots-type-one .owl-nav button.owl-next { height: calc(100% - 45px); } .owl-arrows-type-two.owl-carousel .owl-nav { position: absolute; top: 25%; left: 0; height: 0; width: 100%; } .owl-arrows-type-two.owl-carousel .owl-nav button.owl-prev { float: left; margin-left: 10px; } .owl-arrows-type-two.owl-carousel .owl-nav button.owl-next { float: right; margin-right: 10px; } .owl-arrows-type-two.owl-carousel .owl-nav button.owl-prev span { display: block; width: 20px; height: 20px; font-size: 0; background: url(/bitrix/templates/q_bnkirov/css/../images/arrow_left.png) center center no-repeat; background-size: 20px 20px; } .owl-arrows-type-two.owl-carousel .owl-nav button.owl-next span { display: block; width: 20px; height: 20px; font-size: 0; background: url(/bitrix/templates/q_bnkirov/css/../images/arrow_right.png) center center no-repeat; background-size: 20px 20px; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { outline: 0; } .owl-arrows-type-two .owl-item .main__new-img { position: relative; } /*.owl-arrows-type-two .owl-item .main__new-img::before{ content: ""; display: block; position: absolute; width: 100%; height: 100%; background: transparent; -webkit-transition: all 0.25s ease-out 0s; -moz-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } .owl-arrows-type-two .owl-item:hover .main__new-img::before{ background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(128, 128, 128, 0) 0.01%, #808080 100%); }*/ .owl-arrows-type-three { position: relative; padding: 0 30px; } .owl-arrows-type-three .owl-nav { position: absolute; top: 40%; left: 0; width: 100%; height: 0; } .owl-arrows-type-three .owl-nav .owl-prev { float: left; margin-top: -34.5px; } .owl-arrows-type-three .owl-nav .owl-next { float: right; margin-top: -34.5px; } .owl-arrows-type-three .owl-nav span { font-size: 50px; } .owl-arrows-type-three.owl_carousel_new_design { padding: 0; } .owl-arrows-type-three.owl_carousel_new_design .owl-nav button { width: 40px; height: 40px; background: transparent; border: none; margin-top: -15px; display: flex; align-items: center; justify-content: center; transition: all 0.25s ease-in-out; /*border-radius: 2px;*/ } /*.owl-arrows-type-three.owl_carousel_new_design .owl-nav .owl-next{ width: 40px; height: 40px; background: transparent; border: none; margin-top: -15px; display: flex; align-items: center; justify-content: center; }*/ .owl-arrows-type-three.owl_carousel_new_design .owl-nav .arrow { /*background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512.002 512.002" style="enable-background:new 0 0 512.002 512.002;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath d="M388.425,241.951L151.609,5.79c-7.759-7.733-20.321-7.72-28.067,0.04c-7.74,7.759-7.72,20.328,0.04,28.067l222.72,222.105 L123.574,478.106c-7.759,7.74-7.779,20.301-0.04,28.061c3.883,3.89,8.97,5.835,14.057,5.835c5.074,0,10.141-1.932,14.017-5.795 l236.817-236.155c3.737-3.718,5.834-8.778,5.834-14.05S392.156,245.676,388.425,241.951z" fill="%23ffffff"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');*/ /*background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 492.004 492.004" style="enable-background:new 0 0 492.004 492.004;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath d="M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12 c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028 c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265 c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z" fill="%23ffffff"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');*/ background-image: url(/bitrix/templates/q_bnkirov/css/../images/arrow-slider.svg); background-size: 26px; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; } .owl-arrows-type-three.owl_carousel_new_design .owl-nav .arrow.prev { transform: rotate(180deg); } .owl-arrows-type-three.owl_carousel_new_design .owl-nav button:hover { background: rgb(0 0 0 / 70%); } .owl-arrows-type-three.owl_carousel_new_design .owl-nav .disabled{ display: none; } /*.owl-arrows-type-three.owl_carousel_new_design .owl-nav span{ color: #0D529E; line-height: 22px; font-size: 36px; -webkit-transition: all 0.25s ease-out 0s; -moz-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } .owl-arrows-type-three.owl_carousel_new_design .owl-nav button:hover span, .owl-arrows-type-three.owl_carousel_new_design .owl-nav button:hover{ color: #000; border-color: #000; }*/ .owl-dots-type-one .owl-dots { text-align: center; padding: 10px 0 0; } .owl-dots-type-one .owl-dots span { display: block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #808080; margin: 5px; transition: all 0.25s ease-out 0s; } .owl-dots-type-one .owl-dots .active span, .owl-dots-type-one .owl-dots button:hover span { border-color: #0D529E; background-color: #0D529E; } .main__news-left { width: 34.333333%; padding-right: 30px; } .main__news-right { width: 65.666666%; max-width: 634px; margin-top: 6px; } .tabs__header { position: relative; display: flex; text-align: center; border-bottom: 1.2px solid #808080; margin-bottom: 13px; } .tabs__header .tabs__header-tab:first-child { text-align: left; } .tabs__header .tabs__header-tab:last-child { text-align: right; } .tabs__header-tab { position: relative; flex-grow: 1; font-weight: normal; font-size: 20px; line-height: 24px; letter-spacing: 0.05em; text-transform: uppercase; color: #808080; cursor: pointer; } .tabs__header-tab span { position: relative; display: inline-block; font-weight: normal; font-size: 20px; line-height: 24px; letter-spacing: 0.05em; text-transform: uppercase; color: #808080; font-family: "PTSansRegular"; padding-bottom: 23px; transition: all 0.25s ease-out 0s; } .tabs__header-tab span::before { content: ""; transition: all 0.25s ease-out 0s; } .tabs__header-tab.active span, .tabs__header-tab:hover span { color: #0D529E; } .tabs__header-tab.active span::before, .tabs__header-tab:hover span::before { position: absolute; left: 0; bottom: -3px; content: ""; display: block; width: 100%; height: 3px; background: #0D529E; } .tabs__content { overflow-y: hidden; /*max-height: 650px;*/ border-right: 1.2px solid #808080; padding-right: 2px; } .tabs__content-tab { display: none; overflow-y: auto; max-height: 1020px; } .tabs__content-tab.active { display: block; } .tabs__content-right .tabs__content-tab { border-right: 1.2px solid #808080; padding-right: 10px; border-left: 1.2px solid #808080; padding-left: 10px; } .tabs__content-right .tabs__content-tab>.scroll-element.scroll-y { right: 2px; width: 2px; } .interview_news_list { border-right: 1.2px solid #808080; padding-right: 10px; } .interview_news_list .scroll-element.scroll-y { right: 1px; width: 2px; } .tab__new h3 { font-weight: normal; font-size: 20px; line-height: 22px; /* or 110% */ letter-spacing: 0.05em; color: #000000; margin-bottom: 10px; } .tab__new h3 a { font-family: "PTSansRegular"; font-size: 20px; font-weight: normal; color: #000; text-decoration: none; } .tab__new h3 a:hover, .tab__new h3 a:focus { color: #0D529E; } .main-block__new-title { font-weight: normal; font-size: 20px; line-height: 22px; /* or 110% */ letter-spacing: 0.05em; color: #000000; margin-bottom: 10px; } .main-block__new-title a { font-family: "PTSansRegular"; font-size: 20px; font-weight: normal; color: #000; text-decoration: none; } .main-block__new-title a:hover, .main-block__new-title a:focus { color: #0D529E; } .tab__new+.tab__new { margin-top: 36px; } .main__new-date { font-weight: normal; font-size: 14px; line-height: 22px; /* or 157% */ letter-spacing: 0.05em; color: #808080; margin-right: 13px; } .main__new-content .main__new-date { color: #fff; } .main__new-author { font-weight: normal; font-size: 14px; line-height: 22px; /* or 157% */ letter-spacing: 0.05em; color: #808080; margin-right: 13px; } .owl-carousel-news-list-slider .main__new-date, .owl-carousel-news-list-slider .main__new-views, .owl-carousel-news-list-slider .main__new-comments { color: #fff; } .owl-carousel-news-slider .main__new-content { padding: 5px 17px 32px 31px; } .owl_carousel_new_design .main__new-content { background: rgba(0, 0, 0, 0.7); padding: 10px 20px; } /*.owl_carousel_new_design .main__new .main__new-title{ font-size: 18px; line-height: 22px; margin-bottom: 5px; }*/ .owl_carousel_new_design .main__new .main__new-description { border-bottom: 0.5px solid #E2E2E2; padding-bottom: 7px; margin-bottom: 7px; } .owl_carousel_new_design .main__new:hover .main__new-title { padding-bottom: 0; } .owl_carousel_new_design .main__new:hover .main__new-title+.main__new-description { margin-top: 0; } .owl_carousel_new_design .main__new:hover .main__new-description { padding-bottom: 7px; } .center { text-align: center; } .flex-wrap { flex-wrap: wrap; } .row { margin-left: -15px; margin-right: -15px; } .double>* { width: 50%; margin-bottom: 30px; } .double>*:nth-child(2n-1) { padding-right: 15px; } .double>*:nth-child(2n) { padding-left: 15px; } .triple>* { width: 33.333333%; margin-bottom: 30px; } .triple>*:nth-child(3n-2) { padding-right: 20px; } .triple>*:nth-child(3n-1) { padding: 0 10px; } .triple>*:nth-child(3n) { padding-left: 20px; } .quadruple>* { width: 25%; padding: 0 15px; margin-bottom: 30px; } .fore-flex>* { width: 25%; padding: 0 15px; margin-bottom: 30px; } .fore-flex .main__new-img { text-align: center; } .main__new-description--min, .main__new-description--min * { font-size: 12px; line-height: 14px; /* or 117% */ letter-spacing: 0.05em; color: #000000; margin-bottom: 5px; } .main__new-img { display: block; margin-bottom: 12px; } .main__news-right .main__block+.main__block { margin-top: 30px; } .main__advartasing-left { width: 34.333333%; padding-right: 30px; } .main__advartasing-right { width: 65.666666%; max-width: 634px; } .main-two__flex-left { width: 65.666666%; max-width: 634px; } .main-two__flex-left .main__new-img, .main-one__flex-right .main__new-img, .super_new .main__new-img, .main__news-right .double .main__new-img, .main--new__body-prevnext_news .main__new-img { display: block; width: 100%; height: 210px; overflow: hidden; background-repeat: no-repeat; background-size: auto 100% !important; background-position: center center; transition: all 0.25s ease-out 0s; } .main--new__body-prevnext_news .main__new-img { background-size: auto 120% !important; } .main-two__flex-left .main-block__new-title, .main-one__flex-right .main-block__new-title, .super_new .main-block__new-title, .news_list_page .main-block__new-title { height: 87px; overflow: hidden; } .main-two__flex-left .main__new-description--min, .main-one__flex-right .main__new-description--min, .super_new .main__new-description--min { height: 28px; overflow: hidden; } .main-two__flex-left .main__new-description--min br, .main-one__flex-right .main__new-description--min br, .super_new .main__new-description--min br { display: none; } /*.main-two__flex-left .main__new-img:hover, .main-two__flex-left .main__new-img:focus, .main-one__flex-right .main__new-img:hover, .main-one__flex-right .main__new-img:focus, .super_new .main__new-img:hover, .super_new .main__new-img:focus, .main__news-right .double .main__new-img:hover, .main__news-right .double .main__new-img:focus, .main--new__body-prevnext_news .main__new-img:hover, .main--new__body-prevnext_news .main__new-img:focus{ background-size: auto 110% !important; } .main--new__body-prevnext_news .main__new-img:hover, .main--new__body-prevnext_news .main__new-img:focus{ background-size: auto 130% !important; }*/ .main-one__flex-right { width: 34.333333%; padding-left: 30px; } .tabs__content-right { border-bottom: 1.2px solid #808080; padding-bottom: 15px; } .tabs__content-tab .new__block+.new__block { margin-top: 30px; } .flex.double { flex-wrap: wrap; } .main__archive { margin-top: 10px; } .main__archive-title { font-weight: normal; font-size: 20px; line-height: 22px; /* or 110% */ letter-spacing: 0.05em; color: #000000; margin-bottom: 30px; } .main__archive-name { font-weight: normal; font-size: 14px; line-height: 22px; /* or 157% */ letter-spacing: 0.05em; color: #808080; text-decoration: none; } .main__interview { min-height: 419px; background: #E8E8E8; padding: 40px; } .main__label { display: block; font-size: 16px; line-height: 22px; /* identical to box height, or 137% */ letter-spacing: 0.05em; color: #000000; cursor: pointer; padding: 10px 0; } .main__label span { position: relative; display: inline-block; vertical-align: middle; width: 26px; height: 26px; background: #FFFFFF; border: 2px solid #0D529E; border-radius: 50%; margin-right: 20px; } .main__interview_answere input[type="radio"] { display: none; } .main__interview_answere input[type="button"] { margin-top: 20px; } .main__interview_answere button, .main__interview_answere input[type="submit"] { margin-top: 20px; } .vote-form-box-button-last a, .vote-form-box-button-single a { color: #000; text-decoration: none; font-size: 12px; line-height: 1.2; } .vote-form-box-button-last a:hover, .vote-form-box-button-last a:focus, .vote-form-box-button-single a:hover, .vote-form-box-button-single a:focus { color: #0D529E; } .vote-answer-table { padding-top: 30px; } .vote-answer-table img { border: 10px solid #fff; } ol.vote-items-list { list-style-type: none; } input[type="radio"]+label span::before { content: ''; display: block; position: absolute; top: 5px; left: 5px; width: 12px; height: 12px; border-radius: 50%; transition: all 0.25s ease-out 0s; } input[type="radio"]:checked+label span::before, input[type="radio"]+label:hover span::before { background: #0D529E; } .main__interview-new { display: flex; } .main__interview-new .main__new-img { width: 137px; margin-right: 30px; margin-bottom: 0; } .main__interview-new .main__content-right { width: calc(100% - 167px); } .main__interview-new+.main__interview-new { margin-top: 33px; } .main__img-fancybox .fancybox { position: relative; display: block; margin-bottom: 20px; } .main__img-fancybox .fancybox::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 58px; height: 58px; background: #0D529E url(/bitrix/templates/q_bnkirov/css/../images/search_icon_white.png) center center no-repeat; box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.25); border-radius: 50%; margin-top: -29px; margin-left: -29px; transition: all 0.25s ease-out 0s; } .main__img-fancybox .fancybox:hover::before { background-color: #fff; background-image: url(/bitrix/templates/q_bnkirov/css/../images/search_icon_blue2.png); } .main__progects .main__new-content { background: 0; } .main__progects .main__new-title { color: #fff; max-width: 200px; } .main__progects article+article { margin-top: 17px; } .main__review-item { display: flex; align-items: flex-start; color: #000; text-decoration: none; /*flex-wrap: wrap;*/ } .main__review-item a { text-decoration: none; } .main__review-author { display: flex; align-items: center; justify-content: center; margin-right: 30px; flex-direction: column; flex: 1 0 auto; } .main__review-author-name { text-align: center; color: #0d529e; transition: all 0.25s ease-in-out } .main__review-author-name:hover { text-decoration: underline; } .main__review-author-name span { display: block; font-size: 12px; max-width: 134px; color: #363636; } .main__review-img { width: 134px; height: 134px; /*max-width: 134px;*/ border-radius: 50%; overflow: hidden; margin-bottom: 10px; } .main__review-title { font-weight: normal; font-size: 18px; line-height: 22px; letter-spacing: 0.05em; color: #000000; margin-bottom: 20px; position: relative; } .main__review-title:after { content: ''; position: absolute; bottom: -10px; left: 0; width: 80px; height: 2px; background: #0D529E; } .main__review-title:hover { color: #0D529E; } .main__review-text { font-size: 16px; line-height: 20px; /* or 125% */ letter-spacing: 0.05em; color: #000000; margin-bottom: 7px; } .main__review-text:hover { color: #0D529E; } .main__review-content { /*width: calc(100% - 164px);*/ } /*.owl-carousel-reviews .owl-stage{display: flex;} .owl-carousel-reviews .article-items { display: flex; flex: 1 0 auto; height: 100%; } .owl-carousel-reviews .item { position: relative; overflow: hidden; display: flex; flex-direction: column; }*/ .vk_live .main-two__flex-left img { float: left; } .vk_live .main__advartasing { height: 100%; } .vk_live_img { display: inline-block; vertical-align: middle; margin-right: 30px; } .button_up { display: none; position: fixed; right: 15px; bottom: 15px; z-index: 100; border-radius: 50%; border: 2px solid #fff; background: #0D529E url(/bitrix/templates/q_bnkirov/css/../images/arrow_up_white.png) center center no-repeat; width: 42px; height: 42px; cursor: pointer; box-shadow: 0px 0px 10px #999; transition: all 0.25s ease-out 0s; } .button_up:hover, .button_up:focus { background: #fff url(/bitrix/templates/q_bnkirov/css/../images/arrow_up_blue.png) center center no-repeat; border: 2px solid #0D529E; } .breadcrumbs { width: 100%; padding: 11px 0 24px; } .breadcrumbs ul { width: 100%; list-style-type: none; padding: 0; margin: 0; } .breadcrumbs li { display: inline-block; vertical-align: top; } .breadcrumbs li+li::before { content: ''; display: inline-block; vertical-align: baseline; margin: 0 3px 0 4px; width: 8px; height: 8px; background: url(/bitrix/templates/q_bnkirov/css/../images/arrow_right_gray.png) center center no-repeat; background-size: 100% 100%; } .breadcrumbs a { font-weight: normal; font-size: 10px; line-height: 1.4; letter-spacing: 0.05em; color: #808080; text-decoration: none; transition: all 0.25s ease-out 0s; } .breadcrumbs a:hover, .breadcrumbs a:focus { text-decoration: underline; } .breadcrumbs span { font-weight: normal; font-size: 10px; line-height: 1.4; letter-spacing: 0.05em; color: #808080; } .pagenavigation { width: 100%; text-align: center; margin: 79px 0 97px; } .pagenavigation ul { display: inline-block; list-style-type: none; padding: 0; margin: 0; } .pagenavigation ul::after { content: ''; display: block; clear: both; } .pagenavigation li { float: left; display: inline-block; vertical-align: top; } .pagenavigation li { margin-left: -2px; } .pagenavigation a, .pagenavigation li>span { display: block; font-size: 18px; height: 60px; line-height: 57px; text-align: center; letter-spacing: 0.05em; color: #000000; text-decoration: none; border: 2px solid #E9EBEE; padding: 0px 28px; transition: all 0.25s ease-out 0s; } .pagenavigation li.bx-active>span { background-color: #0D529E; color: #fff } .pagenavigation li>span { color: #0D529E; } .pagenavigation a:hover, .pagenavigation a:focus { color: #0D529E; } .pagenavigation li:first-child a, .pagenavigation li:first-child>span { border-radius: 8px 0px 0px 8px; padding: 0 49px; } .pagenavigation li:last-child a, .pagenavigation li:last-child>span { border-radius: 0 8px 8px 0; padding: 0 49px; } .margin-bottom-plus { margin-bottom: 68px; } .tinkoff_for_mobile, .header__weather_mobile, .mobile_time, .footer_socicon_mobile, .footer_mobile_nav_button, .footer_mobile_phone { display: none; } footer { background: #363636; color: #fff; padding: 50px; margin-top: 30px; } footer a { color: #fff; text-decoration: none; transition: all 0.25s ease-out 0s; } footer a:hover, footer a:focus, footer a.active { /*color: #0D529E;*/ text-shadow: 1px 1px 10px #fff; } .footer__left { width: 33.333333%; padding-right: 30px; } .footer__middle { width: 16.666666%; } .footer__right { width: 50%; padding-left: 30px; } .footer__title { font-weight: normal; font-size: 18px; line-height: 22px; letter-spacing: 0.05em; color: #FFFFFF; margin-bottom: 18px; } .footer_container { margin-bottom: 10px; } .footer_name { font-size: 14px; line-height: 16px; letter-spacing: 0.05em; color: #FFFFFF; margin-bottom: 3px; } .footer_position { /*font-weight: normal;*/ font-size: 10px; line-height: 12px; letter-spacing: 0.05em; color: #FFFFFF; margin-bottom: 0px; } .footer_email { font-size: 10px; line-height: 12px; /* identical to box height */ letter-spacing: 0.05em; color: #FFFFFF; } .footer__statistic { margin-top: 17px; } .footer__nav ul { list-style-type: none; } .footer__nav li+li { margin-top: 7px; } .footer__nav a { font-weight: normal; font-size: 18px; line-height: 22px; letter-spacing: 0.05em; color: #FFFFFF; } .footer__content { font-size: 14px; line-height: 19px; letter-spacing: 0.05em; color: #FFFFFF; } .footer__content+.footer__content { margin-top: 17px; } .footer__year { font-size: 14px; line-height: 17px; /* identical to box height */ letter-spacing: 0.05em; color: #FFFFFF; margin-top: 32px; } .footer__year img { display: inline-block; vertical-align: middle; margin-right: 20px; } .main__sidebar-block.sidebar__menu-no_main { padding: 18px 20px 19px; } .sidebar__menu-no_main ul { display: none; padding: 14px 12px 8px; } .sidebar__menu-dropdown_button { display: none; font-weight: normal; font-size: 14px; line-height: 17px; letter-spacing: 0.05em; color: #FFFFFF; cursor: pointer; transition: all 0.25s ease-out 0s; } .sidebar__menu-no_main .sidebar__menu-dropdown_button { display: block; } .sidebar__menu-dropdown_button:hover, .sidebar__menu-dropdown_button:focus { text-shadow: 1px 1px 10px #fff; } .sidebar__menu-dropdown_button::before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 15px; background: url(/bitrix/templates/q_bnkirov/css/../images/icon_nav.png) center center no-repeat; background-size: 100% 100%; margin-right: 20px; } .main__new-header img { width: auto; max-width: 100%; } .main--new__body-title { text-align: center; font-weight: normal; font-size: 34px; line-height: 0.9; text-align: center; letter-spacing: 0.05em; color: #000000; margin-bottom: 27px; } .main--new__body-date { text-align: center; margin-bottom: 38px; } .new--body__text-title { text-align: center; font-weight: normal; font-size: 20px; line-height: 24px; text-align: center; letter-spacing: 0.05em; color: #000000; margin-bottom: 37px; } .new--body__text-description { font-size: 16px; line-height: 1.5; letter-spacing: 0.05em; color: #000000; margin-bottom: 44px; } .main--new__body-img { text-align: center; margin-bottom: 30px; } .main--new__body-img_container { position: relative; text-align: center; display: inline-block; } .main--new__body-img_description { text-align: left; position: absolute; width: 100%; bottom: 0; left: 0; color: #fff; background: rgba(0, 0, 0, 0.7); font-size: 12px; line-height: 1.3; padding: 5px 7px; } .main--new__body-img img { display: block; max-width: 100%; margin: 0 auto; } .main--new__body-img .new--body__img-caption { display: inline-block; font-weight: normal; font-size: 14px; line-height: 1.57; letter-spacing: 0.05em; color: #808080; margin-top: 13px; } .main--new__body-note_bg { font-weight: normal; font-size: 20px; line-height: 1.4; letter-spacing: 0.05em; color: #000000; background: #D7EAFF; padding: 19px 35px 24px; margin: 37px 0 50px; } .main--new__body-note { font-weight: normal; font-size: 20px; line-height: 1.4; letter-spacing: 0.05em; color: #000000; border-left: 4px solid #0D529E; padding: 12px 32px 20px; margin: 64px 0 63px; } .main--new__body-btn_all { margin-bottom: 46px; } .main--new__body-btn_all .btn { display: block; width: 100%; height: 58px; font-weight: normal; font-size: 16px; line-height: 36px; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; } .btn_review_new::before { content: ''; display: inline-block; vertical-align: middle; width: 32px; height: 32px; background: url(/bitrix/templates/q_bnkirov/css/../images/comment_btn_new.png) center center no-repeat; background-size: 100% 100%; margin-right: 20px; } .main__new-advartasing_block { text-align: center; margin-bottom: 29px; } .main__new-advartasing { width: 136px; height: 31px; line-height: 31px; display: inline-block; vertical-align: top; font-size: 14px; text-align: center; letter-spacing: 0.05em; color: #6C6C6C; background: #D8D8D8; margin-bottom: 15px; } .main__new-advartasing+.main__new-advartasing { margin-left: 25px; } /*.main__block + .main__block.main__block-other_materials{ margin-top: 60px; margin-bottom: 49px; }*/ .share_detail_buttons { margin-bottom: 30px; } .share_detail_buttons a+a { margin-left: 7px; } .title_share { display: inline-block; vertical-align: super; font-size: 18px; line-height: 1.5; letter-spacing: 0.05em; color: #000000; margin-right: 10px; } .main--content__soc-icons_new { position: fixed; right: 15px; top: 14.4%; z-index: 80; text-align: center; background: #FFFFFF; box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 19px 12.5px; } .main--content__soc-icons_new a { display: block; opacity: 1; transition: all 0.25s ease-out 0s; } .main--content__soc-icons_new a:hover, .main--content__soc-icons_new a:focus { opacity: 0.5; } .main--content__soc-icons_new a+a { margin-top: 16px; } .main--content__soc-icons_new img { display: block; } .main--new__body-prevnext_news { margin-top: 44px; } .main--new__body-prevnext_news .main__new-title { max-width: 300px; color: #fff; font-size: 20px; text-align: left; } .prev_button_new, .next_button_new { background: #0D529E; font-weight: normal; font-size: 16px; height: 58px; line-height: 58px; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; padding: 0 20px; transition: all 0.25s ease-out 0s; } .next_button_new { text-align: right; } /*.main__new:hover .prev_button_new{ padding: 0 30px 0 10px; } .main__new:hover .next_button_new{ padding: 0 10px 0 30px; }*/ .prev_button_new img { display: inline-block; vertical-align: text-bottom; margin-right: 22px; } .next_button_new img { display: inline-block; vertical-align: text-bottom; margin-left: 22px; } .main--content__buttons-right_new { position: absolute; top: 200px; left: 100%; z-index: 70; min-width: 250px; margin-left: 22px; } .main--content__buttons-right_new div+a { margin-top: 25px; } .btn.btn_news_list { display: block; width: 100%; font-weight: normal; font-size: 18px; letter-spacing: 0.09em; color: #FFFFFF; border-radius: 10px; height: 52px; line-height: 50px; padding: 0 16px; text-align: left; text-transform: none; } .btn_news_list::before { content: ''; display: inline-block; width: 16px; height: 16px; background: url(/bitrix/templates/q_bnkirov/css/../images/icon_nav.png) center center no-repeat; background-size: 100% 100%; margin: 0 26px -2px 0; } .active.btn_news_list::before { background-image: url(/bitrix/templates/q_bnkirov/css/../images/icon_close.png); } .btn.btn_vk_live { display: block; width: 100%; font-weight: normal; font-size: 18px; letter-spacing: 0.09em; color: #FF3756; border-radius: 10px; height: 52px; line-height: 52px; padding: 0 5px; text-align: left; text-transform: none; } .btn_vk_live::before { content: ''; display: inline-block; vertical-align: middle; width: 38px; height: 38px; background: url(/bitrix/templates/q_bnkirov/css/../images/icon_vk_live.png) center center no-repeat; background-size: 100% 100%; margin: -7px 14px 0 0; } .btn_news_list_area { display: none; position: absolute; top: 0; right: 100%; width: 303px; background: #fff; border: 2px solid #0D529E; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.15); padding: 15px; margin-right: 22px; } .btn_news_list_block .main__advartasing { display: block; margin: 0 auto; } .btn_news_list_block+.btn_news_list_block { margin-top: 42px; } .news_list_tabs .tabs__header-tab span { font-size: 16px; } .news_list_tabs .main__new-description { font-size: 12px; line-height: 14px; margin-bottom: 5px; } .news_list_tabs .main__new:hover .main__new-description { padding-bottom: 5px; } .news_list_tabs .owl-dots-type-one .owl-dots { text-align: center; padding: 0; position: absolute; width: 100%; left: 0; bottom: 0; z-index: 5; } .news_list_tabs .main__new-content { padding-bottom: 35px; } .news_list_tabs .main__new-title { font-size: 14px; line-height: 16px; margin-bottom: 5px; } .main--photolist__item { position: relative; display: block; } .main--photolist__item a { color: #fff; text-decoration: none; } .main--photolist__item a:hover .main--photolist__item-title, .main--photolist__item a:focus .main--photolist__item-title { margin-bottom: 15px; } .main--photolist__item img { display: block; } .main--photolist__block-leftm { width: 34.333333%; padding-right: 30px; margin-bottom: 30px; } .main--photolist__block-right { width: 65.666666%; max-width: 634px; margin-bottom: 30px; } .main--photolist__block-left { width: 65.666666%; max-width: 634px; margin-bottom: 30px; } .main--photolist__block-rightm { width: 34.333333%; padding-left: 30px; margin-bottom: 30px; } .main--photolist__item+.main--photolist__item { margin-top: 31px; } .main--photolist__item-title { position: relative; font-weight: normal; font-size: 14px; line-height: 17px; letter-spacing: 0.05em; color: #FFFFFF; padding-right: 30px; transition: all 0.25s ease-out 0s; } .main--photolist__item-title::after { content: ''; display: block; width: 15px; height: 100%; position: absolute; top: 0; right: 0; z-index: 1; background: url(/bitrix/templates/q_bnkirov/css/../images/arrow_right_white_min.png) center center no-repeat; } .main--photo__img-big { position: relative; width: 100%; background: rgba(0, 0, 0, 0.3); } .main--photo__img-big img { display: block; } .main--photo__h1 { position: absolute; top: 27%; left: 0; z-index: 1; display: block; width: 100%; text-align: center; vertical-align: middle; font-weight: normal; font-size: 50px; line-height: 60px; letter-spacing: 0.05em; color: #FFFFFF; padding: 15px; } .main--photo__h1-no_bg { position: relative; top: 0; color: #000; } .main--photo__block { margin-top: 46px; } .main--photo__fancybox { position: relative; } .triple>.main--photo__fancybox { margin-bottom: 57px; } .main--photo__fancybox a::after { content: ''; position: absolute; right: 33px; bottom: -23px; z-index: 1; display: block; width: 47px; height: 47px; background: #0D529E url(/bitrix/templates/q_bnkirov/css/../images/icon_plus.png) center center no-repeat; border-radius: 50%; transition: all 0.25s ease-out 0s; } .main--photo__fancybox:hover a::after, .main--photo__fancybox:focus a::after { background-color: #fff; background-image: url(/bitrix/templates/q_bnkirov/css/../images/icon_plus_blue.png); } .main--photo__fancybox img { display: block; } .main__video .main--photolist__item-title { padding: 0; } .main__video .main--photolist__item-title::after { display: none; } .main__video .main--photolist__item+.main--photolist__item { margin-top: 52px; } .main--video__title { font-weight: normal; font-size: 23px; line-height: 28px; letter-spacing: 0.05em; color: #000000; margin: -5px 0 13px; } .main--video__content, .main--video__content>* { font-size: 12px; line-height: 1.5; letter-spacing: 0.05em; color: #000000; } .main--video__content { margin-bottom: 13px; } .main--video__date { display: block; font-weight: normal; font-size: 14px; line-height: 2.2; letter-spacing: 0.05em; color: #808080; margin-bottom: 33px; } .show_all_right { float: right; text-decoration: none; font-weight: normal; font-size: 12px; line-height: 16px; letter-spacing: 0.05em; color: #808080; } .main--block__review { display: none; margin-top: 30px; } .main--new__body-prevnext_news .main__new>img { width: 100%; } .main__new-tags .search-tags-cloud a { min-width: 136px; height: 31px; line-height: 31px; display: inline-block; vertical-align: top; font-size: 14px !important; text-align: center; letter-spacing: 0.05em; color: #6C6C6C !important; background: #D8D8D8; text-decoration: none; padding: 0 7px; margin-bottom: 15px; } .main__new-tags .search-tags-cloud a+a { margin-left: 25px; } .main--new__detail-page { text-align: justify; } .main--new__detail-page .new--body__text-description p { font-size: 16px; line-height: 1.5; margin: 15px 0; } .main--new__detail-page .new--body__text-description h2 { font-size: 50px; line-height: 1.5; text-align: center; font-weight: normal; margin: 15px 0 30px; } .main--new__detail-page .new--body__text-description h3 { font-size: 40px; line-height: 1.5; text-align: center; font-weight: normal; margin: 15px 0 20px; } .main--new__detail-page .new--body__text-description h4 { font-size: 30px; line-height: 1.5; text-align: center; font-weight: normal; margin: 15px 0 20px; } .main--new__detail-page .new--body__text-description h5 { font-size: 24px; line-height: 1.5; text-align: center; font-weight: normal; margin: 15px 0px; } .main--new__detail-page .new--body__text-description h6 { font-size: 20px; line-height: 1.5; text-align: center; font-weight: normal; margin: 15px 0px; } .main--new__detail-page .new--body__text-description h2 b { font-size: 50px; line-height: 1.5; } .main--new__detail-page .new--body__text-description h3 b { font-size: 40px; line-height: 1.5; } .main--new__detail-page .new--body__text-description h4 b { font-size: 30px; line-height: 1.5; } .main--new__detail-page .new--body__text-description h5 b { font-size: 24px; line-height: 1.5; } .main--new__detail-page .new--body__text-description h6 b { font-size: 20px; line-height: 1.5; } .main--new__detail-page .new--body__text-description blockquote { display: block; -webkit-margin-before: 1em; margin-block-start: 1em; -webkit-margin-after: 1em; margin-block-end: 1em; -webkit-margin-start: 40px; margin-inline-start: 40px; -webkit-margin-end: 40px; margin-inline-end: 40px; } .main--new__detail-page .new--body__text-description img { /*display: block;*/ /*width: auto !important;*/ max-width: 100% !important; /*height: auto !important;*/ /*text-align: center; margin: 0px auto; border-right: 15px solid transparent; border-bottom: 15px solid transparent;*/ margin-right: 15px; margin-bottom: 15px; } .main--new__detail-page .new--body__text-description img[align="middle"] { margin: 0 auto; display: block; } .main--new__detail-page .new--body__text-description ul, .main--new__detail-page .new--body__text-description ol { padding-left: 20px; margin: 15px 0; } .main--new__detail-page .new--body__text-description li { line-height: 1.3; } .main--new__detail-page .new--body__text-description li+li { margin-top: 7px; } .main--new__detail-page .new--body__text-description a { color: #0d529e; text-decoration: none; } .main--new__detail-page .new--body__text-description a:hover, .main--new__detail-page .new--body__text-description a:focus { text-decoration: none; } .main--new__detail-page br { /*display: none;*/ } .header--links__a-tel { position: absolute; top: 100%; left: 0; z-index: 1; margin-top: 3px; display: none; width: 30px; height: 30px; background: url(/images/phone_icon_gray.png) center center no-repeat; background-size: 100% 100%; } .header--links__a-tel:hover, .header--links__a-tel:focus { background-image: url(/images/phone_icon_blue.png); } .header--links__a-whatsapp { position: absolute; top: 100%; right: 0; z-index: 1; margin-top: 3px; display: none; width: 30px; height: 30px; background: url(/images/whatsapp_icon_gray.png) center center no-repeat; background-size: 100% 100%; } .header--links__a-whatsapp:hover, .header--links__a-whatsapp:focus { background-image: url(/images/whatsapp_icon_blue.png); } .sidebar_button .header--links__a-tel { top: 0; margin-top: 1px; margin-left: 5px; } .sidebar_button .header--links__a-whatsapp { top: 0; margin-top: 1px; margin-right: 5px; } .owl-carousel-photogallery-detail { margin-bottom: 30px; } .main--block__review div.reviews-reply-field-user, .main--block__review .reviews-reply-field-captcha { color: #fff; text-align: left; } .main--block__review div.reviews-reply-fields { padding: 0; } .main--block__review div.reviews-reply-field-author input, .main--block__review div.reviews-reply-field-email input { width: 100%; padding: 5px 10px; } div.reviews-reply-field-captcha input { padding: 5px 10px; margin: 5px 0 10px; } .color_white { color: #fff; } .news_list_page { /*padding: 0 15px;*/ margin: 0; } .news_list_page .main__new { text-align: center; display: flex; justify-content: center; align-items: center; height: 350px; overflow: hidden; background-size: auto 100% !important; transition: all 0.25s ease-out 0s; } .news_list_page .main__new:hover, .news_list_page .main__new:focus { background-size: auto 110% !important; } .news_list_page .main__new img { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-width: unset; } .news_list_page .main__advartasing { margin-bottom: 30px; } .news_list_page .main__advartasing img { margin: 0 auto; } .news_list_page .main__new-description--min { height: 47px; overflow: hidden; font-size: 14px; line-height: 16px; } .dropdown_consent_content { display: none; } .dropdown_consent_link span { text-decoration: underline; cursor: pointer; } .dropdown_consent_link span:hover { text-decoration: none; } .super_new { position: relative; overflow: hidden; padding: 5px; } .super_new>span:nth-child(1) { position: absolute; top: 1px; left: 0px; width: 100%; height: 1px; background: linear-gradient(to right, #fff, #0D529E); -webkit-animation: animate1 2s linear infinite; animation: animate1 2s linear infinite; } .super_new>span:nth-child(2) { position: absolute; top: 0px; right: 1px; width: 1px; height: 100%; background: linear-gradient(to bottom, #fff, #0D529E); -webkit-animation: animate2 2s linear infinite; animation: animate2 2s linear infinite; } .super_new>span:nth-child(3) { position: absolute; bottom: 1px; left: 0px; width: 100%; height: 1px; background: linear-gradient(to left, #fff, #0D529E); -webkit-animation: animate3 2s linear infinite; animation: animate3 2s linear infinite; } .super_new>span:nth-child(4) { position: absolute; top: 0px; left: 1px; width: 1px; height: 100%; background: linear-gradient(to top, #fff, #0D529E); -webkit-animation: animate4 2s linear infinite; animation: animate4 2s linear infinite; } .super_new .new__block+.new__block { margin-top: 30px; } .tabs_mobile_carousel { margin: 30px 0; } .news_list_page .main__new-content { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } .news_list_page .main-block__new-title { font-size: 16px; line-height: 20px; /*margin: 0;*/ } .main_super_new_mobile { padding: 10px 15px; } .main_super_new_mobile img { display: block; margin: 0 auto; } .search_form { display: none; position: relative; margin-top: -28px; top: -3px; } .search_form input[type="text"] { position: absolute; width: 330px; right: -5px; left: auto; top: -1px; z-index: 10; padding: 5px 30px 5px 10px; } .search_form input[type="submit"] { border: 0; outline: 0; font-size: 0; cursor: pointer; position: relative; z-index: 20; } .search-page { position: relative; } .search-page input[type="text"] { width: 280px; padding: 5px 30px 5px 10px; } .search-page input[type="submit"] { color: #fff; background: #0D529E; border: 1px solid #0D529E; cursor: pointer; padding: 6px 10px; transition: all 0.25s ease-out 0s; } .search-page input[type="submit"]:hover { color: #0D529E; background: #fff; } .modal_banners { border: 1px solid #000; position: fixed; bottom: 52px; right: 52px; z-index: 100; max-width: 370px; } .modal_banners img { display: block; } .close_icon { position: absolute; right: 14px; top: 11px; width: 30px; height: 30px; background: #0D529E url(/bitrix/templates/q_bnkirov/css/../images/close.png) center center no-repeat; cursor: pointer; border-radius: 50%; transition: all 0.25s ease-out 0s; } .close_icon:hover { transform: rotate(360deg); } .news_list_img { text-align: center; margin-bottom: 30px; } .news_list_img img { max-width: 100%; display: block; text-align: center; margin: 0 auto; } .header__links-number { display: none; position: absolute; width: 100%; top: 100%; left: 0; text-align: center; margin-top: 7px; font-size: 14px; color: #0d529e; font-weight: normal; } .interview_news_list { height: 418px; } .blogs_news .main__new-img { width: 90px; margin-right: 30px; margin-bottom: 0; } .blogs_news .main__content-right { width: calc(100% - 120px); } .blogs_news .new__block { display: flex; flex-flow: wrap; } .blogs_news .new__block+.new__block { margin-top: 30px; } .all_width { width: 100%; } .main__new-description.all_width { margin-top: 30px; } .footer__statistic-mobile { display: none; padding-top: 30px; } .main__interview .bx-vote-block { background-color: transparent; border-radius: 1px; color: #000; padding: 0; } .main__interview .bx-vote-question-title { font-weight: normal; font-size: 20px; line-height: 22px; letter-spacing: 0.05em; color: #000000; margin-bottom: 10px; } .main__interview .bx-vote-block-input-wrap label { font-size: 16px; line-height: 26.59px; letter-spacing: 0.05em; color: #000000; cursor: pointer; padding: 3.3px 0; text-shadow: 0 0 10px #fff; } .main__interview .bx-vote-result-bar { background-color: #0d529e; } .main__interview .bx-vote-block-input-wrap label.bx-vote-block-input-wrap-inner { width: 28px; margin-top: 0; } .main__interview .bx-vote-block-inp-substitute { position: relative; display: inline-block; vertical-align: middle; width: 26px; height: 26px; background: #FFFFFF; border: 2px solid #0D529E; border-radius: 50%; margin-right: 20px; } .main__interview .bx-vote-block-radio-wrap .bx-vote-block-inp-substitute:before { content: ''; display: block; position: absolute; top: 5px; left: 5px; width: 12px; height: 12px; border-radius: 50%; background: transparent; transition: all 0.25s ease-out 0s; } .main__interview .bx-vote-block-input-wrap-inner input[type='radio']:checked+.bx-vote-block-inp-substitute:before, .main__interview .bx-vote-block-input-wrap:hover .bx-vote-block-inp-substitute:before { background: #0D529E; } .main__interview .bx-vote-block-input-wrap-inner input[type='checkbox']:checked+.bx-vote-block-inp-substitute, .main__interview .bx-vote-block-input-wrap-inner input[type='radio']:checked+.bx-vote-block-inp-substitute { border-color: #0D529E; } .main__interview .bx-vote-block-input-wrap-inner input[type='radio']:checked+.bx-vote-block-inp-substitute:before { top: 5px; left: 5px; width: 12px; height: 12px; } .main__interview .bx-vote-bottom-block .feed-add-button { background-color: rgb(13 82 158); text-decoration: none; } .main__interview .bx-vote-voted-users, .main__interview a.bx-vote-voted-users, .main__interview .bx-vote-voted-users:hover, .main__interview a.bx-vote-voted-users:hover { border: 0; } .main__interview .bx-vote-block textarea { width: 100% !important; padding: 10px; } .owl-carousel-photogallery-detail.owl-carousel .owl-item img { width: auto; max-width: 100%; text-align: center; margin: 0 auto; } .tabs_all_news { text-align: center; overflow: hidden; margin-top: 30px; } .tabs_all_news a { float: none; } .owl_carousel_bg_black .main__new::before { content: ''; display: block; background: rgba(0, 0, 0, 0.7); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .detail_review_result { display: none; color: #0d529e; font-size: 18px; border: 1px solid #0d529e; background: #fff; text-align: center; margin-bottom: 15px; padding: 7px; } .br { display: block; float: none; clear: both; width: 100%; height: 30px; } .main--new__detail-page .main__new-body * { font-family: 'OsvaldC'; } .main--new__detail-page .new--body__text-description iframe { max-width: 100% !important; } .main--new__detail-page .main__new-body div.new--body__text-title, .main--new__detail-page .main__new-body div.new--body__text-title * { font-size: 14pt !important; line-height: 1.5 !important; } .main--new__detail-page .main__new-body .new--body__text-description, .main--new__detail-page .main__new-body .new--body__text-description *, .main--new__detail-page .new--body__text-description p, .main--new__detail-page .new--body__text-description b, .main--new__detail-page .new--body__text-description i, .main--new__detail-page .new--body__text-description u, .main--new__detail-page .new--body__text-description li, .main--new__detail-page .new--body__text-description a, .articles-image, .main--new__detail-page .new--body__text-description p strong, .main--new__detail-page .new--body__text-description p em, .main--new__detail-page .new--body__text-description blockquote { font-size: 13pt !important; line-height: 1.5 !important; } .main--new__detail-page .new--body__text-description p.note, .main--new__detail-page .new--body__text-description .note, .main--new__detail-page .new--body__text-description div.note, .main--new__detail-page .new--body__text-description span.note { font-size: 10pt !important; line-height: 1.5 !important; font-style: italic; } .main--new__detail-page .main__new-body .new--body__text-description span.quote10px { font-size: 10px !important; } .main--new__detail-page .main__new-body .new--body__text-description span.quote20px { font-size: 20px !important; } .video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; background-color: #000000; margin-bottom: 12px; } .video__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video__media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .video__button { position: absolute; top: 50%; left: 50%; z-index: 1; display: none; padding: 0; width: 68px; height: 48px; border: none; background-color: transparent; transform: translate(-50%, -50%); cursor: pointer; } .video__button-shape { fill: #212121; fill-opacity: 0.8; } .video__button-icon { fill: #ffffff; } .video__button:focus { outline: none; } .video:hover .video__button-shape, .video__button:focus .video__button-shape { fill: #ff0000; fill-opacity: 1; } /* Enabled */ .video--enabled { cursor: pointer; } .video--enabled .video__button { display: block; } /*.bg-adv { position: relative; } .bg-adv:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(13 82 158 / 5%); z-index: -1; } .double>.bg-adv:nth-child(2n-1):before { left: 0; width: calc(100% - 15px); } .double>.bg-adv:nth-child(2n):before { left: 15px; width: calc(100% - 15px); }*/ .partners-bg { /*background-color: rgb(13 82 158 / 5%);*/ position: relative; } .partners-bg:after { content: ''; position: absolute; top: -20px; left: -30px; width: calc(100% + 60px); height: calc(100% + 20px); background-color: rgb(13 82 158 / 5%); z-index: -1; } .company-bg { /*background-color: rgb(13 82 158 / 5%);*/ position: relative; } .company-bg:after { content: ''; position: absolute; top: -20px; left: -30px; width: calc(100% + 60px); height: calc(100% + 20px); background-color: rgb(13 82 158 / 5%); z-index: -1; } .course-block { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 60px; font-weight: 300; color: rgb(29,29,27); } .course-block span{ display: inline-block; padding: 5px 0; font-size: 12px; } .course-block b { font-size: 20px; display: inline-block; padding-left: 5px; } .main__new-a-date { font-weight: normal; font-size: 14px; line-height: 22px; /* or 157% */ letter-spacing: 0.05em; color: #808080; margin-bottom: 15px; text-align: center; } /* End */ /* Start:/bitrix/templates/q_bnkirov/css/amedia.css?163155616843135*/ @media (max-width: 1780px) { .main--content__buttons-right_new { min-width: 320px; margin-left: -25px; } } @media (max-width: 1650px) { .main--content__buttons-right_new { min-width: 350px; } .btn_news_list:hover, .btn_vk_live:hover { margin-left: -170px; } } @media (max-width: 1500px) { .main--content__soc-icons_new { top: 0; right: 0; border-radius: 0; padding: 7px 0; background: transparent; box-shadow: 0 0; } .main--content__soc-icons_new a+a { margin-top: 7px; } .main--content__soc-icons_new img { width: 23px; } } @media (max-width: 1350px) { .header__advartasing { margin-right: 15px; } .tabs__header-tab span { font-size: 18px; } .footer__nav a { font-size: 16px; } .header_links { width: 35%; } .header__logo { width: 60%; } } @media (max-width: 1199px) { .header__course { /*margin-right: 15px;*/ } .header__links-a { font-size: 12px; line-height: 14px; padding-bottom: 2px; } .header__links-a+.header__links-a { margin-left: 15px; } .main__sidebar-block { padding: 15px; } .btn { height: auto; padding: 7.5px 15px; } .main__block+.main__block { margin-top: 15px; } .main__block-title, .main__archive-title, .title_link { font-size: 18px; margin-bottom: 15px; } .main__new-title { font-size: 14px; line-height: 18px; } .main__new-content { padding: 5px; } .tabs__header-tab span { font-size: 14px; padding-bottom: 10px; } .main__news-right { margin-top: 36px; } .owl-carousel-news-slider .main__new-content { padding: 15px; } .main__new-description { font-size: 12px; line-height: 16px; margin-bottom: 5px; } .main__new-date { font-size: 12px; line-height: 16px; margin-right: 7px; } .main__new-views { font-size: 12px; line-height: 16px; } .main__new-comments { font-size: 12px; line-height: 16px; margin-left: 7px; } .tab__new h3 a, .main-block__new-title a { font-size: 14px; } .tabs__header { margin-bottom: 15px; } .tab__new+.tab__new { margin-top: 15px; } .tab__new h3, .main-block__new-title, .sidebar__menu a { font-size: 14px; line-height: 18px; margin-bottom: 7px; } .main__archive { margin-top: 15px; } .double>* { margin-bottom: 15px; } .double>*:nth-child(2n-1) { padding-right: 7.5px; } .double>*:nth-child(2n) { padding-left: 7.5px; } .triple>* { margin-bottom: 15px; } .triple>*:nth-child(3n-2) { padding-right: 10px; } .triple>*:nth-child(3n-1) { padding: 0 5px; } .triple>*:nth-child(3n) { padding-left: 10px; } .fore-flex>* { width: 50%; } .sidebar__title { font-size: 14px; line-height: 18px; margin: 0 0 7.5px; } .main__sidebar-buttons .btn+.btn { margin-top: 7.5px; } .tabs__content-tab .new__block+.new__block { margin-top: 15px; } .tabs__content-right { padding-bottom: 15px; } .main__new-img { margin-bottom: 5px; } .main__archive-name { font-size: 12px; line-height: 16px; } .main__interview { padding: 15px; } .main__label { font-size: 14px; line-height: 18px; padding: 5px 0; } .main__label span { margin-right: 10px; } .main__interview_answere button { margin-top: 10px; } .main__interview-new .main__new-img { width: 100px; margin-right: 15px; } .main__interview-new .main__content-right { width: calc(100% - 115px); } .main__interview-new+.main__interview-new { margin-top: 10px; } .main__img-fancybox .fancybox { margin-bottom: 7.5px; } .main__progects article+article { margin-top: 15px; } .main__review-title { font-size: 16px; line-height: 20px; margin-bottom: 3px; } .main__review-text { font-size: 14px; line-height: 18px; } .main__review-img { margin-right: 15px; } .vk_live_img { margin-right: 15px; width: 50px; } .main__news-left, .main__advartasing-left { padding-right: 15px; } .main-one__flex-right { padding-left: 15px; } footer { padding: 15px; margin-top: 15px; } footer .flex { flex-wrap: wrap; text-align: center; } .footer__left { width: 50%; padding-right: 0px; } .footer__middle { width: 50%; } .footer__right { width: 100%; padding-left: 0; padding-top: 15px; } .footer__content { font-size: 12px; line-height: 16px; } .footer__content+.footer__content { margin-top: 10px; } .footer__year { font-size: 12px; line-height: 16px; margin-top: 15px; } footer .sidebar__soclinks-list { display: inline-block; } .footer__title { font-size: 16px; line-height: 20px; margin-bottom: 10px; } .footer_name { font-size: 16px; line-height: 20px; } .footer_container { margin-bottom: 5px; } .main--photo__h1 { top: 0; font-size: 40px; line-height: 50px; } .main--photo__block { margin-top: 15px; } .main--content__buttons-right_new { margin-left: -35px; } .owl-carousel-reviews { padding: 0 15px; } .main__review-item { text-align: center; } .main__review-content { width: 100%; } .main__review-img { margin: 0 auto 10px; } .main__review-item { flex-wrap: wrap; } .main__review-author { margin-right: 0; margin-bottom: 15px; } .main__review-title { margin-bottom: 20px; } .main__review-title:after { left: 50%; width: 60px; transform: translateX(-50%); } .course-block { background-color: #0D529E; color: #fff; } .course-block span { font-size: 11px; } .course-block b { font-size: 14px; } .partners-bg:after { top: -5px; height: calc(100% + 5px); } .company-bg:after { top: -5px; height: calc(100% + 5px); } } @media (max-width: 991px) { .main__block.partners-bg.wow { margin-top: 15px; } .partners-bg:after { left: 50%; transform: translateX(-50%); } .company-bg:after { left: 50%; transform: translateX(-50%); } header .flex { flex-wrap: wrap; text-align: center; } .header__left { width: 100%; padding-right: 0; margin-bottom: 15px; } .header__logo-time { display: block; } .header { padding: 7px 0 15px; } .header__right { width: 100%; } .header__course, .header__advartasing { margin-right: 0; width: 50%; margin-bottom: 15px; } .header_links { text-align: left; width: 80%; } main .flex { align-items: normal; flex-wrap: wrap; } .main__sidebar { width: 100%; margin-right: 0; display: flex; flex-wrap: wrap; margin-bottom: 15px; } .sidebar__menu li { margin-top: 0; display: inline-block; } .main__sidebar .main__sidebar-block:first-child { width: 100%; } .main__sidebar-block { text-align: center; width: 25%; display: none; } .main__sidebar-block.sidebar__menu-no_main { display: block; } .main__sidebar-block.sidebar__menu-mobile_visible { display: block; } .sidebar__menu li { margin: 0; display: inline-block; vertical-align: top; } .sidebar__menu a { display: block; padding: 0px 7.5px; } .main__sidebar-block { padding: 10px 10px 7px; } .sidebar__advartasing { width: 25%; font-size: 16px; line-height: 20px; display: none; } .sidebar__soclinks-list { padding: 0 5px; } .sidebar__soclinks-list a+a { margin-left: 15px; } .sidear__weather { min-height: 80px; } .main__sidebar-buttons { padding: 0; } .sidear__weather { min-height: 70px; } .sidebar__advartasing-bottom { display: none; } .main__content { width: 100%; max-width: 100%; } .main__block+.main__block { margin-top: 7px; } .main__block-title, .main__archive-title, .title_link { margin-bottom: 10px; text-align: center; } .tabs__header { margin-bottom: 10px; } .main__news-right .main__block+.main__block { margin-top: 15px; } .tinkoff_for_mobile { display: block; text-align: center; background: #ffda00; margin: 10px 0; } .tinkoff_for_mobile img { display: block; max-width: 100%; margin: 0 auto; } .main__block.wow.bounceInRight .main--photolist__block-left { width: 50%; } .main__block.wow.bounceInRight .main--photolist__block-rightm { width: 50%; } .main--photolist__block-left iframe { height: 310px; } .main--photolist__block-right iframe, .main--photolist__block-left iframe { height: 310px; } .main--photolist__block-rightm iframe, .main--photolist__block-leftm iframe { height: 138px; } .main--new__detail-page .new--body__text-description iframe { height: 310px !important; } .main__video .main--photolist__item+.main--photolist__item { margin-top: 30px; } .pagenavigation { margin: 20px 0 45px; } .pagenavigation a, .pagenavigation a span, .pagenavigation li>span { font-size: 14px; height: 40px; line-height: 40px; } .pagenavigation li:first-child a, .pagenavigation li:first-child>span, .pagenavigation li:last-child a { padding: 0 25px; } .pagenavigation li:last-child>span, .pagenavigation a, .pagenavigation li>span { padding: 0 15px; } .main--new__body-title { font-size: 40px; } .main--new__detail-page .new--body__text-description h2 { font-size: 34px; } .main--new__detail-page .new--body__text-description h3 { font-size: 30px; } .main--new__detail-page .new--body__text-description h4 { font-size: 24px; } .main--new__detail-page .new--body__text-description h5 { font-size: 20px; } .main--new__detail-page .new--body__text-description h6 { font-size: 16px; } .header__logo { width: 100%; } } @media (min-width: 768px) { .sidebar__menu a.hide-d { display: none; } } @media (max-width: 767px) { .course-block { height: 45px; color: #fff; } .course-block span { padding: 2px 0; } .course-block b { font-size: 16px; } .sidebar__menu a.hide-m { display: none; } .header__logo { max-width: 70%; } .container { position: inherit; } .header__advartasing, .header_links, .header__logo-time { display: none; } .header_search { flex-grow: 1; text-align: right; position: fixed; top: 25px; right: 30px; z-index: 100; } .sidebar__menu-dropdown_button { display: block; position: absolute; top: 17px; left: 30px; font-size: 0; width: 20px; height: 15px; background: url(/bitrix/templates/q_bnkirov/css/../images/icon_nav_blue.png) center center no-repeat; background-size: 100% 100%; } .sidebar__menu-dropdown_button::before { display: none; } .main__sidebar-block, .sidebar__advartasing { display: none; } .sidebar__menu-mobile_visible.main__sidebar-block { display: block; padding: 0; } .sidebar__menu ul { display: none; width: auto; list-style-type: none; border: 1px solid #fff; box-shadow: 1px 1px 10px #000; background: #0d529e; position: absolute; left: 15px; top: 50px; z-index: 200; padding: 7px 0; } .sidebar__menu li { display: block; } .sidebar__menu a { display: block; padding: 12px 15px; margin: 0; } .main__sidebar { background: transparent; width: auto; margin: 0; padding: 0; } .header__right { background: #0d529e; padding: 15px; } .header__course { color: #fff; padding: 0; margin: 2px 0 0; } .header__weather_mobile { display: block; width: 50%; color: #fff; } .header__left { margin-bottom: 10px; } .main__news-left, .main__news-right, .main__advartasing-left, .main__advartasing-right, .main-two__flex-left, .main-one__flex-right { width: 50%; padding: 0; } .main__news-right .double>*, .main-two__flex-left .double>*, .main__archive .double>*, .questions_interview .double>* { width: 100%; padding: 0; } .main__news-left, .main__advartasing-left, .main-two__flex-left { padding-right: 15px; } .mobile_time .header__logo-time { font-size: 12px; line-height: 14px; color: #fff; text-align: center; } .mobile_time { display: block; font-size: 12px; line-height: 14px; color: #fff; margin-top: 7px; } .main__block.wow.bounceInRight .main--photolist__block-left { width: 100%; max-width: 100%; margin-bottom: 10px; } .main__block.wow.bounceInRight .main--photolist__block-rightm { width: 100%; padding: 0; margin-bottom: 15px; } .main--video__title { margin: 0px 0 13px; } .main--video__date { font-size: 10px; line-height: 12px; margin-bottom: 15px; } .main--photolist__block-leftm, .main--photolist__block-rightm { width: 100%; padding-right: 0; padding-left: 0; margin-bottom: 25px; } .main--photolist__block-rightm .main--photolist__item, .main--photolist__block-leftm .main--photolist__item { float: left; width: 48%; } .main__video .main--photolist__item+.main--photolist__item { margin-top: 0; margin-left: 4%; } .main--photolist__block-right, .main--photolist__block-left { width: 100%; max-width: 100%; margin-bottom: 30px; } .pagenavigation { margin: 10px 0 30px; } .main__sidebar-block.sidebar__menu-no_main { padding: 0; } .main--photolist__item+.main--photolist__item { margin-top: 0; margin-left: 4%; } .main--photolist__item img { width: 100%; } .triple>.main--photo__fancybox { margin-bottom: 30px; } .main--photo__fancybox a::after { right: 20px; bottom: -17px; width: 35px; height: 35px; } .main--new__body-img { margin-bottom: 15px; } .main--new__body-title { font-size: 24px; margin-bottom: 15px; } .main--new__detail-page .new--body__text-description h2 { font-size: 22px; margin-bottom: 15px; } .main--new__detail-page .new--body__text-description h3 { font-size: 20px; margin-bottom: 15px; } .main--new__detail-page .new--body__text-description h4 { font-size: 18px; margin-bottom: 15px; } .main--new__detail-page .new--body__text-description h5 { font-size: 16px; margin-bottom: 15px; } .main--new__detail-page .new--body__text-description h6 { font-size: 14px; margin-bottom: 15px; } .main--new__detail-page .new--body__text-description p { margin: 7px 0; } .main--new__detail-page .new--body__text-description p, .main--new__detail-page .new--body__text-description b, .main--new__detail-page .new--body__text-description i, .main--new__detail-page .new--body__text-description u, .main--new__detail-page .new--body__text-description li, .main--new__detail-page .new--body__text-description a { font-size: 14px; } .main--new__body-date { margin-bottom: 15px; } .new--body__text-title { font-weight: normal; font-size: 14px; line-height: 20px; margin-bottom: 15px; } .new--body__text-description, .main--new__detail-page .new--body__text-description p { font-size: 14px; margin-bottom: 15px; } .btn.btn_news_list, .btn.btn_vk_live { font-size: 14px; } .main--new__body-img .new--body__img-caption { font-size: 12px; margin-top: 10px; } .main--new__body-note_bg { font-size: 14px; padding: 10px 15px; margin: 15px 0 20px; } .main--new__body-note { font-size: 14px; padding: 10px 15px; margin: 20px 0; } .main--new__body-btn_all .btn { font-size: 12px; line-height: 42px; } .main--block__review { margin-top: 15px; } .reviews-reply-header span { font-size: 18px; } .reviews-reply-field-setting label { font-size: 14px; } .reviews-reply-buttons input+input { margin-top: 15px; } .main--new__body-btn_all { margin-bottom: 30px; } .main__new-advartasing_block { margin-bottom: 15px; } .main--new__body-prevnext_news { margin-top: 30px; } .prev_button_new, .next_button_new { font-size: 12px; height: 42px; line-height: 42px; } .prev_button_new img { margin-right: 10px; width: 15px; } .main--new__body-prevnext_news .main__new-title { font-size: 14px; } .main--content__buttons-right_new { min-width: 42px; width: 42px; margin-left: -27px; } .btn.btn_news_list, .btn.btn_vk_live { border-radius: 10px 0 0 10px; } .btn_news_list:hover, .btn_vk_live:hover { margin-left: 0; } .main__sidebar-menu_fixed { position: inherit; background: transparent; } .header__right-no_main { /*display: none;*/ } .header__right.header__right-no_main { padding: 0; } .header__right-no_main .header__course, .header__right-no_main .header__advartasing, .header__right-no_main .header_links, .header__right-no_main .header__weather_mobile { display: none; } .header { border-bottom: 1px solid #0D529E; } .btn_news_list::before { margin-bottom: -4px; } .btn_vk_live::before { margin-top: -5px; margin-left: -4px; } .news_list_page .triple>* { width: 50%; padding: 0 15px; } /*.main__content{ padding-top: 166px; }*/ .main__content { padding-top: 50px; } .header { position: fixed; z-index: 100; background: #fff; height: 70px; width: 100%; left: 0; top: 0; visibility: visible !important; } .sidebar__menu-dropdown_button { position: fixed; top: 25px; z-index: 110; } .sidebar__menu-dropdown_button { position: fixed; top: 25px; z-index: 110; } .main__sidebar-menu { width: 20px !important; height: 15px !important; } .sidebar__menu ul { position: fixed; top: 70px; } .main__sidebar { position: fixed; z-index: 120; visibility: visible !important; } #informer thead { display: none; } .tabs_mobile_carousel { padding: 0 15px; } .owl-carousel-absolute-content .main__new-img { margin-bottom: -5px; } .main__img-fancybox .fancybox { margin-bottom: 0; } .owl-arrows-type-one.owl-carousel .owl-nav button.owl-prev, .owl-arrows-type-one.owl-carousel .owl-nav button.owl-next { opacity: 1; } .main--content__soc-icons_new { top: 70px; } .header__links-number { display: none; } .super_new { margin-top: 15px; } .main__review-title:after { width: 40px; } .main-two__flex-left .main-block__new-title, .main-one__flex-right .main-block__new-title, .super_new .main-block__new-title, .news_list_page .main-block__new-title { height: auto; font-family: 'PTSansBold'; } .main-block__new-title a, .main__new-title, .tab__new h3 a { font-family: 'PTSansBold'; } .main__news-tabs.mobile_tabs { padding: 0 15px; margin-top: 30px; margin-bottom: 15px; } .main__news-tabs.mobile_tabs .tabs__content { height: auto; overflow: auto; border: none; } .main__news-tabs.mobile_tabs .tabs__header { margin-bottom: 15px; } .main__news-tabs.mobile_tabs .tabs__content-tab { overflow: auto; max-height: none; counter-reset: section; } .main__news-tabs.mobile_tabs .tabs__header-tab.active { color: #0D529E; } .main__news-tabs.mobile_tabs .tab__new { padding-left: 40px; position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #808080; } .main__news-tabs.mobile_tabs .tab__new::before { counter-increment: section; content: counter(section); height: 30px; width: 30px; background: #0D529E; color: #fff; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; } .main__news-tabs.mobile_tabs .tab__new h3 { margin-bottom: 12px; } .tab__new+.tab__new { margin-top: 13px; } .main__news-tabs.mobile_tabs .main__new-date { margin-right: 0; font-size: 10px; line-height: 1.2; text-align: center; width: 50px; } .main__review-text, .main__review-text p { font-size: 14px; } .main__review-img { width: 100px; height: 100px; } .partners-m { counter-reset: section; padding: 0 15px; } .partners-m .tab__new { padding-left: 40px; position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #808080; } .partners-m .tab__new::before { counter-increment: section; content: counter(section); height: 30px; width: 30px; background: #0D529E; color: #fff; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; } .partners-m .tab__new h3 { margin-bottom: 12px; } .partners-m .main__new-date { margin-right: 0; font-size: 10px; line-height: 1.2; text-align: center; width: 50px; } .partners-m .main__new{ border-bottom: 1px solid #808080; margin-bottom: 13px; padding-bottom: 15px; } .discussed_m { margin-top: 20px; } } @media (max-width: 600px) { .main__news-left, .main__news-right, .main__advartasing-left, .main__advartasing-right, .main-two__flex-left, .main-one__flex-right { width: 100%; text-align: center; padding: 0; } } @media (max-width: 500px) { .container { padding: 0; } .header { padding: 10px 0 0px; } .header__left { margin-bottom: 8px; } .header__logo { padding: 0; } .header__logo img,.header__logo svg { width: 200px; display: block; margin-left: 50px; margin-top: 2px; } .header_search-icon { width: 18px; height: 18px; } .header__right { /*padding: 8px 30px 12px 0;*/ /*padding: 8px 16px 10px 0;*/ padding: 9px 10px 5px 0; } .header__course { text-align: left; /*width: 40%;*/ margin: -2px 0 0; } .header__weather_mobile { /*width: 60%;*/ } .mobile_time { margin-top: 6px; } .main__new-content { padding: 15px 30px 35px; } /*.owl-dots-type-one .owl-dots { text-align: center; padding: 0; position: absolute; left: 0; bottom: 0; width: 100%; }*/ .mobile_padding { width: calc(100% - 30px); margin: 0 15px !important; } .main__video .owl-dots-type-one .owl-dots { position: relative; } .owl-carousel-reviews.owl-dots-type-one .owl-dots { position: relative; } .owl-arrows-type-one.owl-carousel.owl-dots-type-one .owl-nav button.owl-prev, .owl-arrows-type-one.owl-carousel.owl-dots-type-one .owl-nav button.owl-next { height: 100%; } .sidebar__menu ul { left: 0px; top: 48px; } .main__news-left, .main__news-right, .main__advartasing-left, .main__advartasing-right, .main-two__flex-left, .main-one__flex-right { padding: 7.5px 15px; } .main__new-video .main__new-title, .main__new-video .main__new-description--min, .main__new-description--min *, .interview_news { padding: 0 15px !important; } .photogallery_main_page .triple>* { text-align: center; width: 100%; padding: 0; } .main_projects_progects .double>* { text-align: center; width: 100%; padding: 0; } .main__progects .main__new-title { max-width: 100%; } .footer_socicon_mobile { display: block; text-align: center; padding: 15px 0 37px; } .footer_socicon_mobile a { display: block; float: left; width: 16.666666%; padding: 0 7px; } .footer_socicon_mobile::after { content: ''; display: block; clear: both; } .footer_socicon_mobile a:first-child { text-align: center; } .footer_socicon_mobile a:last-child { text-align: center; } footer { padding: 30px 30px 54px; margin-top: 30px; } footer .sidebar__soclinks-list { display: none; } .footer__left, .footer__middle { width: 100%; } .footer__left, .footer__middle { margin-bottom: 14px; } .footer__right { text-align: left; padding-top: 5px; } .footer__left .footer__title, .footer_mobile_nav_button, .footer_link_brdr { display: block; text-align: center; font-weight: normal; font-size: 10px; line-height: 12px; padding: 17px 15px 14px; margin-bottom: 7px; text-transform: uppercase; border: 1.4px solid #FFFFFF; cursor: pointer; } .footer__left .footer_container, .footer__nav { display: none; } .footer_mobile_nav_button { margin-bottom: 10px; } .footer__content { font-size: 14px; line-height: 17px; letter-spacing: 0.05em; color: #FFFFFF; } .footer__content+.footer__content { margin-top: 17px; } .footer__nav a { font-size: 14px; } .footer__year { position: relative; font-size: 14px; line-height: 17px; padding-right: 60px; margin-top: 44px; } .footer__year img { float: left; } .footer_mobile_phone { position: absolute; right: 0; top: 0; z-index: 1; display: block; width: 58px; height: 58px; border: 2px solid #0D529E; border-radius: 50%; background: #0D529E url(/bitrix/templates/q_bnkirov/css/../images/mobile_phone.png) center center no-repeat; cursor: pointer; -webkit-transition: all 0.25s ease-out 0s; -moz-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } .footer_mobile_phone:hover, .footer_mobile_phone:focus { background: #fff url(/bitrix/templates/q_bnkirov/css/../images/mobile_phone_blue.png) center center no-repeat; } .main__new-title { /*font-size: 20px; line-height: 22px;*/ font-size: 16px; line-height: 22px; } .main__new-description { /*font-size: 16px; line-height: 22px;*/ font-size: 12px; line-height: 16px; } .owl-arrows-type-one.owl-carousel .owl-nav button.owl-next, .owl-arrows-type-one.owl-carousel .owl-nav button.owl-next { opacity: 1; } .main__new-date, .main__new-views, .main__new-comments { font-size: 14px; line-height: 22px; } .main__new:hover .main__new-description { padding-bottom: 0; } .main__news-top { margin-bottom: 15px; } .tabs_mobile { display: none; padding: 0 15px; margin-top: 10px; } .btn_show_news_mobile { width: 315px; padding: 15px; margin-top: 10px; color: #0d529e !important; } .btn_show_news_mobile:hover, .btn_show_news_mobile:focus { color: #fff !important; } .main_show_news_mobile { margin-bottom: 10px; } .main__block+.main__block { margin-top: 10px; } .show_all_right { float: none; display: block; } .tabs__content { height: 230px; } .tabs__content-tab { max-height: 230px; } .main__block.wow.bounceInRight .main--photolist__block-rightm { width: 100%; padding: 0 15px; text-align: center; margin-bottom: 0; } .breadcrumbs { width: 100%; padding: 5px 15px 10px; } .main--photolist__block-right iframe, .main--photolist__block-left iframe { height: 200px; } .main--photolist__block-leftm, .main--photolist__block-rightm { margin-bottom: 15px; } .main--photolist__block-rightm iframe, .main--photolist__block-leftm iframe { height: 110px; } .main--new__detail-page .new--body__text-description iframe { height: 200px !important; } .main--photolist__block-right, .main--photolist__block-left { margin-bottom: 15px; } .pagenavigation a, .pagenavigation a span, .pagenavigation li>span { font-size: 12px; height: 42px; line-height: 42px; } .pagenavigation { margin: 0px 0 10px; } .pagenavigation li:first-child a, .pagenavigation li:first-child>span, .pagenavigation li:last-child a { padding: 0 10px; } .main--photolist__item-title { font-size: 11px; line-height: 14px; } .main--photolist__item .main__new-content { padding: 7px; } .margin-bottom-plus { margin-bottom: inherit; } .main--photo__h1 { top: 0; font-size: 16px; line-height: 18px; position: relative; color: #000; padding: 7px 0 0; } .main--photo__img-big { background: transparent; } .triple>.main--photo__fancybox { width: 50%; } .triple>.main--photo__fancybox:nth-child(2n-1) { padding: 0 7.5px 0 0; } .triple>.main--photo__fancybox:nth-child(2n) { padding: 0 0 0 7.5px; } .main--content__buttons-right_new { top: 70px; margin-left: -42px; } .btn_news_list_area { /*margin-right: -42px; margin-top: 135px;*/ margin-right: 10px; } .btn_news_list_area .main__new-description { display: none; } .btn.btn_vk_live { z-index: 15; } .btn_news_list_area .btn_news_list_block { /*display: none;*/ } .btn_news_list_area .btn_news_list_block:first-child { display: block; } .main--content__buttons-right_new div+a { margin-top: 15px; } .main--new__body-title { font-size: 20px; line-height: 22px; padding: 0 15px; } .main--new__detail-page .new--body__text-description h2 { font-size: 18px; margin-bottom: 10px; } .main--new__detail-page .new--body__text-description h3 { font-size: 16px; margin-bottom: 10px; } .main--new__detail-page .new--body__text-description h4 { font-size: 14px; margin-bottom: 10px; } .main--new__detail-page .new--body__text-description h5 { font-size: 14px; margin-bottom: 10px; } .main--new__detail-page .new--body__text-description h6 { font-size: 14px; margin-bottom: 10px; } .main--new__detail-page .new--body__text-description p { margin: 5px 0; } .main--new__detail-page .new--body__text-description p, .main--new__detail-page .new--body__text-description b, .main--new__detail-page .new--body__text-description i, .main--new__detail-page .new--body__text-description u, .main--new__detail-page .new--body__text-description li, .main--new__detail-page .new--body__text-description a, .articles-image, .main--new__detail-page .new--body__text-description p strong, .main--new__detail-page .new--body__text-description p em { font-size: 12px; line-height: 1.5; } .main--new__body-date, .new--body__text-title, .new--body__text-description { padding: 0 15px; } .new--body__text-title, .new--body__text-description, .main--new__body-note_bg, .main--new__body-note, .main--new__body-prevnext_news .main__new-title, .main--new__detail-page .new--body__text-description p, .main--new__detail-page .new--body__text-description blockquote { font-size: 12px; line-height: 18px; } .main--new__body-img .new--body__img-caption { padding-left: 15px; } /*.main--content__soc-icons_new { right: 7px; padding: 10px 7px; } .main--content__soc-icons_new a + a { margin-top: 7px; }*/ .main--new__body-note { margin: 20px 15px; } .reviews-reply-header span { font-size: 14px; } div.reviews-reply-header { padding: 0; } .main--block__review { margin-top: 0; } .reviews-reply-field-setting label { font-size: 12px; } div.reviews-reply-buttons { margin-top: 10px; } .reviews-reply-buttons input+input { margin-top: 10px; } .main--new__body-btn_all { margin-bottom: 15px; } .main__new-tags { padding: 0 15px; } .main__new-advartasing_block { margin-bottom: 0; } .main__new-tags .search-tags-cloud a { min-width: 100px; font-size: 12px !important; } .main__new-tags .search-tags-cloud a:nth-child(2n-1) { margin-left: 0px; } .main--new__body-prevnext_news { margin-top: 15px; } .prev_new, .next_new { margin-bottom: 0 !important; } .prev_new .main__new-content, .next_new .main__new-content { padding: 0px 7px; } .prev_button_new, .next_button_new { font-size: 0; } .prev_button_new img { margin-top: 13px; } /*.main--content__soc-icons_new{ top: 55px; top: 50%; margin-top: -57px; border-radius: 5px 0 0 5px; }*/ .main--content__soc-icons_new { top: auto; bottom: 0; right: auto; left: 0; border-radius: 0px 5px 0 0px; } .fore-flex { padding: 0 15px; } .fore-flex>* { width: 100%; margin-bottom: 15px; } .quadruple { padding: 0 15px; } .quadruple>* { width: 50%; } .next_button_new img { margin-top: 11px; } .news_list_page .triple>* { width: 100%; } .news_list_page .main__new { height: 250px; /*background-size: 120% auto !important;*/ background-size: contain; } .news_list_page .main__new:hover, .news_list_page .main__new:focus { background-size: 130% auto !important; } .header { height: 50px; } .sidebar__menu-dropdown_button { top: 16px; left: 15px; } .header_search { top: 15px; right: 15px; } .search_form { margin-top: -25px; } footer .footer__statistic-mobile, footer .footer__statistic-mobile .footer__statistic { display: block; width: 100%; } .main__new-title { font-size: 14px; line-height: 18px; } .owl-carousel-news-slider .main__new-content { padding: 15px 40px; text-align: left; } .main__new-description { margin-bottom: 15px; } .main__new-description p { font-size: 14px; line-height: 16x; } .owl-carousel-news-slider .main__new-date, .owl-carousel-news-slider .main__new-views, .owl-carousel-news-slider .main__new-comments { font-size: 10px; line-height: 10px; font-family: "MyriadProRegular"; } .owl-arrows-type-one.owl-carousel .owl-nav button.owl-prev { background: linear-gradient(270deg, rgba(0, 0, 0, 0) 30%, #000000 130%); width: 50px; } .owl-arrows-type-one.owl-carousel .owl-nav button.owl-next { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 30%, #000000 130%); width: 50px; } .main__new-content { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #000000 130%); } .owl-arrows-type-one.owl-carousel .owl-nav button.owl-prev span { background-position: 40% center; background-size: 12px 12px; } .owl-arrows-type-one.owl-carousel .owl-nav button.owl-next span { background-position: 60% center; background-size: 12px 12px; } /*.main--new__detail-page .new--body__text-description blockquote{ margin: 0; }*/ .header_search { margin: 0; z-index: 999; } .share_detail_buttons { padding: 0 15px; } .main--new__detail-page { text-align: left; } .main--new__detail-page .main__new-body div.new--body__text-title, .main--new__detail-page .main__new-body div.new--body__text-title * { font-size: 12pt !important; } .main--new__detail-page .main__new-body .new--body__text-description, .main--new__detail-page .main__new-body .new--body__text-description *, .main--new__detail-page .new--body__text-description p, .main--new__detail-page .new--body__text-description b, .main--new__detail-page .new--body__text-description i, .main--new__detail-page .new--body__text-description u, .main--new__detail-page .new--body__text-description li, .main--new__detail-page .new--body__text-description a, .articles-image, .main--new__detail-page .new--body__text-description p strong, .main--new__detail-page .new--body__text-description p em, .main--new__detail-page .new--body__text-description blockquote { font-size: 11pt !important; line-height: 1.5 !important; } } /* End */ /* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17857598042515 */ /* /bitrix/templates/q_bnkirov/styles.css?17393643191652 */ /* /bitrix/templates/q_bnkirov/css/helvetica-font.css?16031835156778 */ /* /bitrix/templates/q_bnkirov/fonts/OsvaldC/font.css?1605078318359 */ /* /bitrix/templates/q_bnkirov/css/owl.carousel.min.css?15241837303351 */ /* /bitrix/templates/q_bnkirov/css/jquery.fancybox.min.css?155432451412795 */ /* /bitrix/templates/q_bnkirov/scrollbar/jquery.scrollbar.css?146763959322618 */ /* /bitrix/templates/q_bnkirov/css/style.css?169452355877539 */ /* /bitrix/templates/q_bnkirov/css/amedia.css?163155616843135 */