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)}} body{ overflow-anchor: none; } html, body { margin: 0; padding: 0; } html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } article, aside, details, figcaption, figure, address, footer, header, menu, nav, section, summary, blockquote { display: block; } img { border: none; vertical-align: top; max-width: 100%; max-height: 100%; } body { font-family: Cormorant, sans-serif; font-size: 22px; background: #fff; color: #262626; line-height: 1.2; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover, a:focus { outline: 0; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } h1, h2, h3, h4, h5, h6, p, ol , ul, li, a, span, table, th, td, blockquote, figure, figcaption { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; list-style-type: none; text-decoration: none; } table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: 'Cormorant'; src: url('../fonts/CormorantGaramond-Regular.woff2') format('woff2'), url('../fonts/CormorantGaramond-Regular.woff') format('woff'), url('../fonts/CormorantGaramond-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Cormorant'; src: url('../fonts/CormorantGaramond-Italic.woff2') format('woff2'), url('../fonts/CormorantGaramond-Italic.woff') format('woff'), url('../fonts/CormorantGaramond-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Cormorant'; src: url('../fonts/CormorantGaramond-Light.woff2') format('woff2'), url('../fonts/CormorantGaramond-Light.woff') format('woff'), url('../fonts/CormorantGaramond-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Cormorant'; src: url('../fonts/CormorantGaramond-LightItalic.woff2') format('woff2'), url('../fonts/CormorantGaramond-LightItalic.woff') format('woff'), url('../fonts/CormorantGaramond-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Cormorant'; src: url('../fonts/CormorantGaramond-Medium.woff2') format('woff2'), url('../fonts/CormorantGaramond-Medium.woff') format('woff'), url('../fonts/CormorantGaramond-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Cormorant'; src: url('../fonts/CormorantGaramond-MediumItalic.woff2') format('woff2'), url('../fonts/CormorantGaramond-MediumItalic.woff') format('woff'), url('../fonts/CormorantGaramond-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Cormorant'; src: url('../fonts/CormorantGaramond-SemiBold.woff2') format('woff2'), url('../fonts/CormorantGaramond-SemiBold.woff') format('woff'), url('../fonts/CormorantGaramond-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Cormorant'; src: url('../fonts/CormorantGaramond-SemiBoldItalic.woff2') format('woff2'), url('../fonts/CormorantGaramond-SemiBoldItalic.woff') format('woff'), url('../fonts/CormorantGaramond-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Cormorant'; src: url('../fonts/CormorantGaramond-Bold.woff2') format('woff2'), url('../fonts/CormorantGaramond-Bold.woff') format('woff'), url('../fonts/CormorantGaramond-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Cormorant'; src: url('../fonts/CormorantGaramond-BoldItalic.woff2') format('woff2'), url('../fonts/CormorantGaramond-BoldItalic.woff') format('woff'), url('../fonts/CormorantGaramond-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'DejaVu'; src: url('../fonts/DejaVuSans.woff2') format('woff2'), url('../fonts/DejaVuSans.woff') format('woff'), url('../fonts/DejaVuSans.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'DejaVu'; src: url('../fonts/DejaVuSansItalic.woff2') format('woff2'), url('../fonts/DejaVuSansItalic.woff') format('woff'), url('../fonts/DejaVuSansItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'DejaVu'; src: url('../fonts/DejaVuSansBold.woff2') format('woff2'), url('../fonts/DejaVuSansBold.woff') format('woff'), url('../fonts/DejaVuSansBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'DejaVu'; src: url('../fonts/DejaVuSansBoldItalic.woff2') format('woff2'), url('../fonts/DejaVuSansBoldItalic.woff') format('woff'), url('../fonts/DejaVuSansBoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Social'; src: url('../fonts/Social.woff') format('woff'), url('../fonts/Social.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: Constantia; src: url('../fonts/Constantia_V1.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } /*Сетка*/ .row { margin: 0 -15px; letter-spacing: -0.31em; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 0 15px; display: inline-block; vertical-align: top; letter-spacing: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } /*Сетка*/ /*Начальные данные*/ .wrap { max-width: 1280px; padding: 0 15px; margin: 0 auto; } iframe { border: none; } strong, b { font-weight: bold; } .clearfix:after { content: ""; display: table; clear: both; } /*Начальные данные*/ /*Типографика*/ h1 { font-size: 64px; font-weight: 600; font-style: italic; } h2 { font-size: 52px; font-weight: 500; } h3 { font-size: 36px; font-weight: 500; } h4, .top-news-title { font-size: 22px; font-weight: 500; } h5 { font-size: 22px; color: #4e4e4e; } h6 { font-size: 18px; color: #262626; font-family: DejaVu, sans-serif; text-transform: uppercase; } .text_block .title { font-size: 30px; /* font-family: DejaVu, sans-serif; */ } ol { counter-reset: list1; margin-bottom: 20px; } ol li { position: relative; } ol li:before { content: counter(list1) "."; counter-increment: list1; margin-right: 5px; } ul { margin-bottom: 20px; } ul li { position: relative; padding-left: 17px; } ul li:before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: #4e4e4e; position: absolute; left: 0; top: 12px; } table { border-collapse: collapse; border: 1px solid #c5c4c4; font-family: DejaVu, sans-serif; } th { border-bottom: 1px solid #c5c4c4; background: #eee; padding: 15px 10px 13px 25px; font-size: 18px; } th:last-child { padding-right: 25px; } td { padding: 15px 10px 10px 25px; font-size: 16px; } tr:last-child td { padding-bottom: 15px; } .title { text-align: center; overflow: hidden; } .title h2, .title h1 { position: relative; display: inline-block; vertical-align: top; font-family: Cormorant, sans-serif; font-style: italic; font-size: 64px; margin-top: 34px; margin-bottom: 32px; } .title h2:before, .title h1:before { content: ""; width: 70px; height: 1px; background: #262626; position: absolute; left: -100px; top: 40px; } .title h2:after, .title h1:after { content: ""; width: 70px; height: 1px; background: #262626; position: absolute; right: -100px; top: 40px; } .title h3 { text-transform: uppercase; margin: 8px 0 30px; } .breadcrumbs { margin-top: 50px; display: inline-block; vertical-align: top; font-family: DejaVu, sans-serif; font-size: 12px; text-transform: uppercase; border-top: 2px solid #a60505; padding-top: 7px; } .breadcrumbs a { color: #262626; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .breadcrumbs .divider { display: inline-block; vertical-align: top; background: url(../img/bread-arrow.png) no-repeat; width: 4px; height: 7px; margin: 4px 1px 0; } .breadcrumbs span, .breadcrumbs a:hover { color: #a60505; } .text_block .title { text-align: left; margin-top: 39px; margin-bottom: 15px; } .text_block { line-height: 1.4; } .text_block p { margin-bottom: 24px; } figure { text-align: center; margin-bottom: 26px; position: relative; } .owl-item figure { margin-bottom: 0 !important; } figure > a { display: block; position: relative; } figcaption { color: #adadad; font-style: italic; font-weight: 500; font-size: 16px; margin-top: 13px; } figcaption span { font-size: 12px; font-family: DejaVu, sans-serif; font-style: normal; color: #262626; text-transform: uppercase; margin-left: 3px; } figcaption a { font-size: 12px; font-family: DejaVu, sans-serif; font-style: normal; color: #262626; text-transform: uppercase; margin-left: 3px; border-bottom: 1px solid #262626; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } figcaption a:hover { border-color: transparent; } blockquote { background: #eee; font-style: italic; border-left: 4px solid #545454; padding: 15px 20px 14px 23px; margin-bottom: 25px; } .btn { text-align: center; min-width: 200px; display: inline-block; vertical-align: top; font-family: DejaVu, sans-serif; color: #010214; text-transform: uppercase; height: 42px; line-height: 38px; padding: 0 25px; border: 2px solid #010214; font-size: 14px; font-weight: bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .btn:hover { border-color: #a60505; color: #a60505; } .up { opacity: 0; visibility: hidden; position: fixed; right: 10%; bottom: 30px; width: 60px; height: 60px; background: #868586; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .up.visible { opacity: 1; visibility: visible; } .up:before { content: ""; background: url(../img/arrow-top.svg) no-repeat; width: 27px; height: 14px; position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -7px; } .up:hover { background: #545454; } .alignleft { float: left; margin-right: 30px; margin-bottom: 26px; } .alignright { float: right; margin-left: 2px; margin-bottom: 26px; } .aligncenter { display: block; margin: 0 auto; margin-bottom: 26px; text-align: center; } .instagram-media { max-width: 540px !important; margin-bottom: 26px !important; margin: 0 auto!important; } .text_block h1.aku-text_block-header-wrapper { margin:0; padding: 0; } .text_block h2, .text_block h1,.aku-text_block-header { padding: 20px 0 10px; margin-bottom: 0; font-size: 52px; font-weight: 500; font-style: normal; } .pagination { margin-top: 40px; } .pagination ul { display: inline-block; vertical-align: top; } .pagination li, .pagination > a { display: inline-block; vertical-align: bottom; padding-left: 0; margin: 0 3px; color: #4e4e4e; width: 30px; height: 30px; line-height: 34px; border-radius: 3px; font-size: 14px; font-weight: bold; box-shadow: 1px 1px 0 0px #c2c2c2; background: #f4f1f1; background: -moz-linear-gradient(top, #f4f1f1 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #f4f1f1 0%,#ffffff 100%); background: linear-gradient(to bottom, #f4f1f1 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f1f1', endColorstr='#ffffff',GradientType=0 ); } .pagination li:before { content: none; } .pagination ul a { font-family: DejaVu, sans-serif; color: #4e4e4e; font-size: 14px; font-weight: bold; display: inline-block; vertical-align: top; width: 100%; height: 100%; line-height: 30px; border-radius: 3px; box-shadow: 1px 1px 0 0px #c2c2c2; } .pagination > a { vertical-align: top; } .pagination .prev-page:before { content: "\e906"; font-family: Social; font-size: 8px; display: block; line-height: 30px; } .pagination .next-page:before { content: "\e906"; font-family: Social; font-size: 8px; display: block; line-height: 30px; -webkit-transform: scale(-1,1) translateZ(0); -ms-transform: scale(-1,1) translateZ(0); -o-transform: scale(-1,1) translateZ(0); transform: scale(-1,1) translateZ(0); } .pagination a:hover { background: #a60505; color: #fff; } .pagination li.active a:active { /* background: #a60505; color: #fff; box-shadow: 1px 1px 0 0px #c2c2c2; */ } .pagination a:active, .pagination li.active a { background: #dbdada; color: #262626; box-shadow: inset 0 0 0 1px #c2c2c2; } .pagination li:active, .pagination li.active { box-shadow: none; } .slider { text-align: center; margin: 10px auto; max-width: 830px; } .slider img { width: auto !important; display: inline-block !important; } .slider .owl-nav > div { margin-top: -30px; } .slider .owl-nav .owl-prev { left: -60px; } .slider .owl-nav .owl-next { right: -60px; } /*Типографика*/ /*Баннеры*/ #content .wrap .banner:first-child { padding-top: 60px; } .banner_top, .banner_big { text-align: center; margin-bottom:50px; } .banner { text-align: center; background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .banner a { /*display: block;*/ position: relative; /* height: 100%; width: 100%;*/ background-position: 0 0; background-repeat: no-repeat; background-size: cover; text-align: right; } .banner-1 a { /*height: 250px;*/ } .banner-1 .banner-text { position: absolute; left: 30px; bottom: 15px; color: #fff; } .banner-1 .text { font-family: DejaVu, sans-serif; font-size: 32px; font-weight: bold; text-transform: uppercase; line-height: 1.4; margin-right: 25px; } .banner-1 a:hover .btn { color: #a60505; border-color: #a60505; } .banner-1 .btn { color: #fff; border-color: #fff; font-size: 16px; min-width: 160px; margin-top: -20px; } .banner-3 a { /*height: 250px;*/ /*border: 1px solid #bcbcbc;*/ text-align: center; } .banner-3 .banner-left { position: absolute; left: 0; top: 0; width: 33.3333%; height: 100%; background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .banner-3 .banner-right { position: absolute; right: 0; top: 0; width: 33.3333%; height: 100%; background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .banner-3 .banner-center { display: block; width: 33.3333%; margin: 0 auto; text-align: center; padding: 30px 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .banner-3 .title { position: relative; display: block; font-size: 32px; font-weight: 500; color: #262626; text-transform: uppercase; padding-bottom: 12px; margin-bottom: 23px; } .banner-3 .title:after { content: ""; width: 260px; height: 1px; background: #dedddd; position: absolute; left: 50%; margin-left: -130px; bottom: 0; } .banner-3 .btn { border-width: 1px; font-weight: normal; min-width: 130px; height: 36px; line-height: 36px; } .banner-3 .author { display: block; color: #262626; font-size: 18px; text-transform: uppercase; font-family: DejaVu, sans-serif; font-weight: bold; margin-top: 20px; } .banner-3 a:hover .btn { color: #a60505; border-color: #a60505; } .banner-4 a { display: inline-block; vertical-align: top; width: auto; } .banner-4 .btn { position: absolute; bottom: 40px; left: 50%; min-width: 100px; font-size: 18px; white-space: nowrap; -webkit-transform: translateX(-50%) translateZ(0); -ms-transform: translateX(-50%) translateZ(0); -o-transform: translateX(-50%) translateZ(0); transform: translateX(-50%) translateZ(0); } .banner-4 a:hover .btn { color: #a60505; border-color: #a60505; } /*Баннеры*/ /*Шапка сайта*/ header { position: relative; padding-top: 40px; padding-bottom: 111px; box-shadow: 0 0 6px rgba(0,0,0,0.5); z-index: 2; background: #fff; } .logo { text-align: center; } .logo a, .logo span { display: inline-block; vertical-align: top; width: 100%; max-width: 1060px; } .menu-fixed { padding-top: 21px; padding-bottom: 23px; position: absolute; left: 0; bottom: 22px; width: 100%; z-index: 1000; background: rgba(255,255,255,0.8); } .menu-fixed.fixed { position: fixed; top: 0; bottom: auto; z-index: 23; } .menu_block { position: relative; } .menu { text-align: center; padding: 0 30px; } .menu > ul { margin-bottom: 0; } .menu > ul > li { position: relative; display: inline-block; vertical-align: top; padding-left: 0; margin: 0 11px; } .menu > ul > li:after { content: ""; width: 100%; position: absolute; left: 0; height: 20px; top: 100%; z-index: 10; } .menu > ul > li:before { content: none; } .menu a { font-family: DejaVu, sans-serif; font-size: 14px; text-transform: uppercase; color: #262626; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu a:hover { color: #a60505; } .menu > ul > li:hover .hidden { opacity: 1; visibility: visible; } .menu .hidden { opacity: 0; visibility: hidden; position: absolute; left: 50%; margin-left: -100px; top: 40px; background: #fff; width: 200px; padding: 10px 0; box-shadow: 0 6px 6px rgba(0,0,0,0.5); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu .hidden ul { margin-bottom: 0; } .menu .hidden li { padding-left: 0; } .menu .hidden li:before { content: none; } .menu .hidden a { display: block; padding: 10px; position: relative; } .menu .hidden a:after { opacity: 0; visibility: hidden; content: ""; width: 100%; height: 1px; background: #a60505; position: absolute; left: 0; bottom: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu .hidden a:hover:after { opacity: 1; visibility: visible; } .open-menu { display: block; position: absolute; left: -8px; top: 0; height: 30px; width: 30px; z-index: 10; } .open-menu span { display: block; font-style: normal; width: 16px; height: 2px; background: #262626; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -1px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .open-menu span:before { content: ""; width: 100%; height: 2px; background: #262626; position: absolute; left: 0; top: -5px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .open-menu span:after { content: ""; width: 100%; height: 2px; background: #262626; position: absolute; left: 0; top: 5px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .open-menu:hover span, .open-menu:hover span:before, .open-menu:hover span:after { background: #a60505; } .search_block { position: absolute; right: 0; top: 1px; } .open-search, .search-btn { cursor: pointer; border: none; width: 26px; height: 26px; background: url(../img/search-icon.png) no-repeat 50% 50% #262626; position: absolute; right: 0; top: 0; font-size: 0; z-index: 10; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .open-search:hover, .search-btn:hover { background-color: #a60505; } .search_block form { position: absolute; right: 0; top: 0; width: 0px; height: 26px; padding-right: 0px; overflow: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .search_block.active form { width: 200px; padding-right: 30px; } input[type="search"] { font-family: DejaVu, sans-serif; font-size: 14px; padding: 0 0 0 10px; height: 100%; width: 100%; background: #fff; border: 1px solid #bcbcbc; vertical-align: top; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /*Шапка сайта*/ /*Меню попап*/ #left-menu { overflow: auto; position: fixed; top: 0; width: 280px; height: 100%; background: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform: translateX(-400px); -ms-transform: translateX(-400px); -o-transform: translateX(-400px); transform: translateX(-400px); -webkit-backface-visibility: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.18); z-index: 9999; } #left-menu.fadeIn { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #left-menu .inner { text-align: left; display: inline-block; vertical-align: top; padding-right: 20px; padding-left: 25px; padding: 46px 20px 35px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } #left-menu .logo img { width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .left-menu { margin-top: 20px; } .left-menu > ul > li { border-bottom: 2px solid #262626; } .left-menu > ul > li:first-child { border-top: 2px solid #262626; } .left-menu > ul > li > a { font-size: 14px; font-weight: bold; color: #262626; position: relative; } .left-menu li { padding-left: 0; } .left-menu li:before { content: none; } .left-menu .hidden { display: none; } .left-menu .hidden ul { margin-bottom: 0; } .left-menu ul ul li { border-top: 1px solid #dedddd; } .left-menu a { padding: 17px 0; display: block; font-size: 11px; font-family: DejaVu, sans-serif; text-transform: uppercase; color: #231f20; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .left-menu a:hover, .left-menu .active > a { color: #a60505; } .left-menu .has-submenu .menu-list-handler-arrow { border: 4px solid transparent; border-top: 6px solid #231f20; position: absolute; right: 0; top: 22px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .left-menu .has-submenu .menu-list-handler-arrow:hover, .left-menu .active .menu-list-handler-arrow { border-top: 6px solid #a60505; } .left-menu .active .menu-list-handler-arrow { -webkit-transform: rotate(180deg) translateY(6px); -ms-transform: rotate(180deg) translateY(6px); -o-transform: rotate(180deg) translateY(6px); transform: rotate(180deg) translateY(6px); } .left-menu .menu-list-handler { position: absolute; right: 0; top: 0; padding: 23px; } .sign_block { margin-top: 27px; } .sign_block .label { font-family: DejaVu, sans-serif; font-size: 14px; margin-bottom: 10px; } .sign_block form { position: relative; padding-right: 45px; } .sign_block button { position: absolute; right: 0; top: 0; } #left-menu .social { margin-top: 30px; } .social a { display: inline-block; vertical-align: top; width: 32px; height: 32px; line-height: 30px; border-radius: 50%; border: 1px solid #e5e5e5; text-align: center; font-size: 15px; margin-bottom: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .social a:last-child { margin-right: 0; } .social i { font-style: normal; color: #747474; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .social a:hover i { color: #a60505; } .menu-bottom { text-align: center; margin-top: 22px; } .menu-bottom li { padding-left: 0; } .menu-bottom li:before { content: none; } .menu-bottom a { display: block; margin-bottom: 6px; color: #727272; font-family: DejaVu, sans-serif; font-size: 12px; text-transform: uppercase; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu-bottom a:hover { color: #262626; } #left-menu .copyright { margin-top: 17px; text-align: center; font-family: DejaVu, sans-serif; color: #727272; text-transform: uppercase; font-size: 9px; } #left-menu .copyright a { color: #262626; } /*Меню попап*/ /*Топ новости*/ .news-img h4, .top-news-title { margin-top: 18px; display: block; color: #262626; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .news-item h4 a:hover, .news-img a:hover h4 { color: #888; } .news-cat { margin-top: 4px; } .news-cat a { font-size: 13px; font-family: DejaVu, sans-serif; color: #a60505; text-transform: uppercase; border-bottom: 1px solid transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .news-cat a:hover { border-color: #a60505; } .news-item .date { font-family: DejaVu, sans-serif; color: #adadad; font-size: 11px; text-transform: uppercase; margin-top: 6px; } .top_news + .banner { margin-top: 47px; } .owl-nav { } .owl-nav > div { width: 54px; height: 60px; line-height: 60px; text-align: center; background: rgba(255,255,255,0.73); position: absolute; top: 50%; margin-top: -90px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .owl-nav > div:before { content: "\e906"; font-family: Social; font-size: 26px; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .owl-nav > div:hover:before { color: #a60505; } .owl-nav .owl-prev { left: 0; } .owl-nav .owl-next { right: 0; } .owl-nav .owl-next:before { -webkit-transform: rotate(180deg) translateZ(0); -ms-transform: rotate(180deg) translateZ(0); -o-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0); } /*Топ новости*/ /*Последние новости*/ .news-banner { height: 280px; background-repeat: no-repeat; background-position: 0 0; background-size: cover; margin-bottom: 40px; } .news-banner a { position: relative; display: block; height: 100%; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .news-banner a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.66); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .news-banner .top { position: absolute; left: 30px; top: 0; z-index: 10; padding-top: 18px; } .news-banner .bottom { position: absolute; bottom: 0; left: 30px; z-index: 10; padding-bottom: 22px; } .news-banner .date { font-family: DejaVu, sans-serif; font-size: 11px; text-transform: uppercase; } .news-banner .category { font-family: DejaVu, sans-serif; font-size: 14px; text-transform: uppercase; margin-top: 9px; } .news-banner h3 { display: inline; font-size: 48px; font-weight: 500; line-height: 0.9; border-bottom: 2px solid transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .news-banner a:hover:before { background: rgba(0,0,0,0.55); } .news-banner a:hover h3 { border-color: #fff; } .last_news .news-item { border-top: 1px solid #dedddd; position: relative; padding: 40px 0 40px 140px; } .news-info { position: absolute; left: 0; top: 40px; width: 115px; border-top: 2px solid #a60505; text-align: right; padding-top: 7px; } .news-info .news-cat { margin-top: 2px; } .news-info .news-cat a { font-size: 14px; } .share { cursor: pointer; position: relative; display: inline-block; vertical-align: top; width: 50px; height: 50px; margin-top: 9px; z-index: 10; float: right; } .share-icon { display: block; position: relative; background: #fff; width: 100%; height: 100%; margin: -1px 0 0 -1px; border: 1px solid #dedddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 10; } .share.active .social { visibility: visible; } .share.active .social a { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .share-icon:before { content: ""; background: url(../img/share-icon.svg) no-repeat; width: 21px; height: 22px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -11px; } .share .social { visibility: hidden; position: absolute; left: 49px; top: -1px; white-space: nowrap; width: 300px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .share .social a { float: left; display: block; width: 50px; height: 50px; line-height: 35px; border-radius: 0; margin: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; } .share .social i { font-family: FontAwesome; color: #fff !important; /*font-size: 22px;*/ } .share .fb { background: #30497d; border-color: #30497d; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .share .fb:hover { background: #293e6b; border-color: #293e6b; } .share .vk { background: #507299; border-color: #507299; -webkit-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); } .share .vk:hover { background: #476588; border-color: #476588; } .share .twitter { background: #339dc3; border-color: #339dc3; -webkit-transform: translateX(-300%); -ms-transform: translateX(-300%); -o-transform: translateX(-300%); transform: translateX(-300%); } .share .twitter:hover { background: #2e8daf; border-color: #2e8daf; } .share .pint { background: #b31216; border-color: #b31216; -webkit-transform: translateX(-400%); -ms-transform: translateX(-400%); -o-transform: translateX(-400%); transform: translateX(-400%); } .share .pint:hover { background: #960c10; border-color: #960c10; } .share .inst { background: #405fa4; border-color: #405fa4; -webkit-transform: translateX(-500%); -ms-transform: translateX(-500%); -o-transform: translateX(-500%); transform: translateX(-500%); } .share .inst:hover { background: #38538e; border-color: #38538e; } .share .google { background: #dc4335; border-color: #dc4335; -webkit-transform: translateX(-600%); -ms-transform: translateX(-600%); -o-transform: translateX(-600%); transform: translateX(-600%); } .share .google:hover { background: #c33c30; border-color: #c33c30; } .last_news .news-img { width: 35%; max-width: 281px; float: left; } .news-img a { display: inline-block; position: relative; } .news-img a img { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .top_news .news-img a:hover img, .last_news .news-img a:hover img { opacity: 0.86; } .last_news .news-img.video a:hover img { opacity: 1; } .news-img .count { font-family: DejaVu, sans-serif; color: #4e4e4e; font-size: 14px; width: 36px; height: 36px; line-height: 36px; background: #fff; position: absolute; right: 12px; bottom: 12px; text-align: center; } .news-img .count:after { content: ""; width: 100%; height: 100%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; position: absolute; right: -4px; bottom: -4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .news-img.video a:before { content: ""; width: 80px; height: 80px; border: 6px solid #fff; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; border-radius: 50%; background: rgba(0,0,0,0.44); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .news-img.video a:hover:before { background: #a60505; } .news-img.video a:after { content: ""; border: 15px solid transparent; border-left: 26px solid #fff; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; } .news-text { width: 65%; float: left; padding-left: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .news-text h3 { line-height: 1.1; margin-top: -6px; margin-bottom: 10px; } .news-text h3 a { color: #262626; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .news-text h3 a:hover { color: #888; } .news-text .author { font-size: 16px; color: #adadad; font-style: italic; margin-bottom: 11px; } .news-text .author a { margin-left: 4px; color: #262626; font-style: normal; font-size: 12px; text-transform: uppercase; font-family: DejaVu, sans-serif; border-bottom: 1px solid transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .news-text .author a:hover { border-color: #d7d7d7; } .news-descr { line-height: 1.45; margin-bottom: 6px; } .read-more { position: relative; font-family: DejaVu, sans-serif; font-size: 12px; color: #262626; padding-right: 15px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .read-more:after { content: ""; background: url(../img/arrow.png) no-repeat; width: 8px; height: 7px; position: absolute; right: 0; top: 5px; } .read-more:hover { color: #a60505; } .last_news .banner { padding: 40px 0; } .last_news .banner:first-child { padding-top: 0 !important; } .news-item:first-child { border-top: none; padding-top: 0; } .news-item:first-child .news-info { top: 0; } .news-item:last-child { padding-bottom: 0; } /*Последние новости*/ /*Подиум*/ .podium-carousel { position: relative; overflow: hidden; padding: 0 40px; margin-top: -10px; margin-bottom: -10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .podium-carousel:before { content: ""; width: 26px; height: 100%; background: #fff; position: absolute; left: 0; top: 0; z-index: 10; } .podium-carousel:after { content: ""; width: 26px; height: 100%; background: #fff; position: absolute; right: 0; top: 0; z-index: 10; } .podium-carousel .owl-nav > div { top: 50%; margin-top: -30px; width: 40px; z-index: 20; } .podium-carousel .owl-nav > div:before { text-align: left; } .podium-carousel .owl-stage-outer { padding: 10px 0; overflow: visible !important; } .podium-carousel .owl-stage { } .podium-item { } .podium-item a { display: block; position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .podium-item a:hover { opacity: 0.86; box-shadow: 0 0 0 5px #fff, 0 1px 7px 4px rgba(0,0,0,0.66); } .podium-item .name { position: absolute; bottom: 10px; left: 4%; width: 92%; text-align: center; background: rgba(0,0,0,0.55); color: #fff; font-weight: 600; font-size: 20px; padding: 5px 0 6px; } .podium-menu { border-top: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; text-align: center; margin-top: 38px; height: 50px; line-height: 50px; } .podium-menu li { padding: 0; display: inline-block; vertical-align: top; margin: 0 15px; } .podium-menu li:before { content: none; } .podium-menu li.active a { color: #adadad; } .podium-menu a { display: block; font-size: 14px; font-family: DejaVu, sans-serif; text-transform: uppercase; color: #262626; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .podium-menu a:hover { color: #a60505; } .podium-list { margin: 0px -15px 50px; letter-spacing: -0.31em; } .podium-list .podium-item { display: inline-block; vertical-align: top; width: 16.666%; letter-spacing: normal; margin-bottom: 30px; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .podium-list .podium-item a { max-width: 216px; display: block; } /*Подиум*/ /*Статья*/ .article-inner { padding-left: 70px; position: relative; margin-bottom: 40px; } .article-inner > .date { position: absolute; left: 0; top: -3px; font-size: 11px; color: #adadad; font-family: DejaVu, sans-serif; text-transform: uppercase; } .article-inner img{ max-width: 100%; height: auto; } .article-inner .share { position: absolute; left: 0; top: 4px; margin: 0; } h2 + .season-name { margin-top: -8px; margin-bottom: 18px; line-height: 1.4; font-size: 22px; } h1 .season-name { line-height: 1.4; font-size: 22px; } .season-name { text-align: center; text-transform: uppercase; font-family: DejaVu, sans-serif; color: #adadad; } .article-top-block { display: flex; border-top: 1px solid #dedddd; flex-direction: row; justify-content: space-between; } .author_block { padding-top: 2px; padding-bottom: 20px; position: relative; width: 100%; } .article-like-button { margin-top: 10px; display: flex; justify-content: space-between; max-width: 200px; } .article-like-heart-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFASURBVEhL7dZNKwVhGMbxQST5ApaSkh0brztZ+AS2fABrYks+gpStLJGi5LOwsCELthZe/lfN1HTmmvfHcRbnql89nbmf+z7Tc5o5UT+9khHMYhnTGEBedE01S9CeYdTOBE7xgZ+UF+xjHEm0PsAr0rXvOIF6Vcoq3pBu0ukZc5iP164moV4rKMwMOu8yj+rq1OoYcnMHtzGEW9hMwW0IaRKZbMMVh7SFTPbgikPaRSb/dseLcMUhLSCTQTzBbQjhEblPvr88Z3u+SUahb+Y2tqGe6l2YDXzDNWhCvdZRKcdwTZo4QuUM4QKuUR3nUK9a0bv4Bq5hFddo9E5WxvAA17jIPUp/TGVRgyu4Ac4lWg9NonM6gxuUppraZ1oWPXUO4QaKrhX9J2udHXwhGai1PutKNvEZ07qrWYv108uJol9zNoUQT+DeIQAAAABJRU5ErkJggg==) no-repeat top left; height: 18px; width: 18px; background-size: cover; margin: 9px 0; } .author-inner { padding-top: 20px; } .article-inner .share .social { width: 50px; left: -1px; top: 49px; } .article-inner .share .fb { -webkit-transform: translateX(0) translateZ(0) translateY(-100%); -ms-transform: translateX(0) translateZ(0) translateY(-100%); -o-transform: translateX(0) translateZ(0) translateY(-100%); transform: translateX(0) translateZ(0) translateY(-100%); } .article-inner .share .vk { -webkit-transform: translateX(0) translateZ(0) translateY(-200%); -ms-transform: translateX(0) translateZ(0) translateY(-200%); -o-transform: translateX(0) translateZ(0) translateY(-200%); transform: translateX(0) translateZ(0) translateY(-200%); } .article-inner .share .twitter { -webkit-transform: translateX(0) translateZ(0) translateY(-300%); -ms-transform: translateX(0) translateZ(0) translateY(-300%); -o-transform: translateX(0) translateZ(0) translateY(-300%); transform: translateX(0) translateZ(0) translateY(-300%); } .article-inner .share .pint { -webkit-transform: translateX(0) translateZ(0) translateY(-400%); -ms-transform: translateX(0) translateZ(0) translateY(-400%); -o-transform: translateX(0) translateZ(0) translateY(-400%); transform: translateX(0) translateZ(0) translateY(-400%); } .article-inner .share .inst { -webkit-transform: translateX(0) translateZ(0) translateY(-500%); -ms-transform: translateX(0) translateZ(0) translateY(-500%); -o-transform: translateX(0) translateZ(0) translateY(-500%); transform: translateX(0) translateZ(0) translateY(-500%); } .article-inner .share .google { -webkit-transform: translateX(0) translateZ(0) translateY(-600%); -ms-transform: translateX(0) translateZ(0) translateY(-600%); -o-transform: translateX(0) translateZ(0) translateY(-600%); transform: translateX(0) translateZ(0) translateY(-600%); } .author-img { width: 50px; height: 50px; float: left; margin-right: 10px; margin-bottom: 10px; } .author-img img { width: 100%; height: 100%; } .author-info { /* padding-top: 7px; */ } .author_block .separator { border-right: 1px solid #ddd; padding: 0 10px; } .author_block .separator:first-of-type { padding-left: 0; } .author_block .separator:last-of-type { border-right: none; } .author-info .news-cat { display: inline-block; margin-top: 0; } .author-info .date, .author-info .comments-count { font-size: 11px; color: #adadad; font-family: DejaVu, sans-serif; text-transform: uppercase; display: inline-block; } .author-info .news-cat a { font-size: 11px; display: block; } .author-info .name { font-weight: 500; color: #adadad; font-size: 16px; font-style: italic; } .author-info .name a { color: #262626; font-style: normal; font-size: 12px; margin-left: 3px; font-family: DejaVu, sans-serif; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .author-info .name a:hover { color: #a60505; } figure a:hover .open-gallery { background: #990101; } .open-gallery { position: absolute; bottom: 20px; width: 220px; left: 50%; margin-left: -110px; background: #a60505; border: 1px solid #fff; text-align: center; color: #fff; height: 55px; line-height: 55px; font-family: DejaVu, sans-serif; font-size: 16px; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .gallery-container { max-width: none; padding: 0px 20px; } .open-gallery .count { display: inline-block; color: #a60505; font-size: 14px; font-family: DejaVu, sans-serif; width: 36px; height: 36px; line-height: 36px; background: #fff; margin-right: 8px; position: relative; top: -3px; } .open-gallery .count:after { content: ""; width: 100%; height: 100%; position: absolute; right: -4px; bottom: -4px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*Статья*/ /*Статьи по теме*/ .theme_articles { margin-bottom: 50px; } .theme-item a { position: relative; display: block; color: #262626; font-family: DejaVu, sans-serif; font-size: 12px; min-height: 96px; padding-left: 110px; } .theme-img { width: 96px; height: 96px; position: absolute; left: 0; top: 0; } .theme-img img { width: 100%; height: 100%; } .theme-item .text { display: block; line-height: 1.5; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .theme-item a:hover .text { color: #888; } /*Статьи по теме*/ /*Комментарии*/ .comments { margin: 60px 0; text-align: center; } .comments .title h3 { margin-bottom: 20px; text-align: center; } .comments_block { margin-top: 20px; position: relative; } .comment-item { text-align: left; border-bottom: 1px solid #dedddd; padding-top: 17px; padding-bottom: 12px; } .comment-item .name { font-size: 12px; font-family: DejaVu, sans-serif; text-transform: uppercase; margin-bottom: 10px; } .comment-item .date { color: #adadad; font-size: 11px; font-family: DejaVu, sans-serif; text-transform: uppercase; margin-bottom: 6px; } .comment-item p { color: #4e4e4e; font-size: 20px; } .reply { display: inline-block; vertical-align: top; position: relative; margin-top: 7px; font-size: 12px; font-family: DejaVu, sans-serif; color: #262626; padding-right: 16px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .reply:after { content: ""; background: url(../img/arrow.png) no-repeat; width: 8px; height: 7px; position: absolute; right: 0; top: 5px; } .reply:hover { color: #a60505; } .comment-popup { position: absolute; background: #fff; left: 0; top: -65px; width: 100%; display: none; border: 1px solid #dedddd; padding: 25px 30px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 100; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } .comment-popup.active { display: block; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .comment-popup .close-popup { font-size: 14px; color: #262626; font-family: DejaVu, sans-serif; position: absolute; right: 27px; top: 30px; z-index: 10; padding-right: 24px; } .comment-popup .close-popup .cross { width: 24px; height: 24px; position: absolute; right: 0; top: 0; } .comment-popup .close-popup .cross:before { content: ""; width: 22px; height: 1px; background: #787878; position: absolute; left: 50%; margin-left: -11px; top: 50%; margin-top: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .comment-popup .close-popup .cross:after { content: ""; width: 22px; height: 1px; background: #787878; position: absolute; left: 50%; margin-left: -11px; top: 50%; margin-top: -5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .comment-popup .close-popup:hover .cross:before, .comment-popup .close-popup:hover .cross:after { background: #2f2f2f; } .comment-popup .title { text-align: left; font-family: DejaVu, sans-serif; font-size: 22px; margin-bottom: 28px; padding-right: 100px; } .comment-popup .label { display: block !important; float: none; text-align: left; font-size: 14px !important; font-family: DejaVu, sans-serif; color: #262626 !important; font-style: normal !important; margin-bottom: 10px; font-weight: normal !important; line-height: normal !important; } .comment-popup .input { margin-bottom: 28px; } .comment-popup form { text-align: left; } .comment-popup .share { } /*Комментарии*/ /*Контакты*/ .cont-info { color: #4e4e4e; font-size: 20px; line-height: 1.3; } .cont-info { margin-top: -29px; } .cont-info h6 { margin-top: 29px; font-size: 18px; margin-bottom: 2px; } .cont-info address { font-style: normal; } .cont-info a { color: #262626; } .cont-form { margin-top: 4px; text-align: center; border: 2px solid #bcbcbc; font-family: DejaVu, sans-serif; padding: 25px 30px 30px; } .cont-form .title { font-size: 22px; text-transform: uppercase; margin-bottom: 5px; } .cont-form .title + p { font-size: 11px; } .cont-form .label { font-size: 14px; text-align: left; margin-bottom: 11px; } .cont-form form { margin-top: 25px; text-align: left; } .cont-form .input { margin-bottom: 27px; } .cont-form .input ul { list-style: none; font-size: 12px; color: #ff0000; } .cont-form .input ul li { padding: 0; position: static; } .cont-form .captcha { margin-top: -13px; } .cont-form button { margin-top: 20px; } .secure-msg { font-size: 11px; margin-top: 10px; } .map_block { border: 1px solid #bcbcbc; height: 520px; margin-top: 50px; } .map_block > ymaps { width: 100% !important; height: 100% !important; } /*Контакты*/ /*Информация об авторе*/ .info_block { text-align: left; position: relative; padding-left: 340px; } .info-img { position: absolute; left: 0; top: 0; height: 70px; line-height: 68px; width: 100%; max-width: 320px; padding-left: 88px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .info-img img { position: absolute; left: 0; top: 0; width: 70px; height: 100%; } .info-img .name { display: inline-block; vertical-align: middle; line-height: 1.2; font-size: 30px; color: #4e4e4e; } .info-text { position: relative; top: -5px; font-size: 18px; color: #4e4e4e; line-height: 1.3; } .info-text .share_block { margin-top: 14px; } .share_block .label { display: inline-block; font-size: 16px; font-weight: 500; color: #adadad; font-style: italic; line-height: 26px; margin-right: 10px; } .share_block.visible .share { width: auto; height: auto; margin-top: 0; } .share_block.visible .social { position: static; width: auto; height: auto; visibility: visible; } .share_block.visible .social a { width: 26px; height: 26px; line-height: 24px; margin-right: 4px; margin-bottom: 4px; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); padding: 0; } .share_block.visible .social a i { font-size: 12px; } .share_block .jssocials-shares:after{ content: ""; clear: both; display: block; } .share_block .jssocials-share{ float: left; } /*Информация об авторе*/ /*Галерея*/ .gallery-page { height: 100%; overflow: hidden; } #gallery { background: #000; height: 100%; padding: 20px 0 27px; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery-full { position: relative; } #gallery .wrap, .gallery-full, .gallery-full .row, .gallery-full .row > div { height: 100%; } #gallery .right-column { position: absolute; height: 100%; top: 0; left: 0; width: 100%; } .gallery-top { position: absolute; left: 0; top: 0; width: 100%; } #gallery .right-column .banner { padding-top: 45px; position: fixed; right: 10px; width: 250px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #gallery .logo { width: 100%; max-width: 135px; position: absolute; left: 0; top: 0; } #gallery .logo a, #gallery .logo span { display: block; position: relative; z-index: 10; } #gallery .logo img { width: 100%; } .gallery_block { height: 100%; position: relative; padding: 45px 0px 0 170px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery-carousel { width: 70px; position: absolute; left: 0; top: 0; padding-top: 75px; padding-bottom: 30px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery-carousel .carousel-inner { position: relative; height: 100%; overflow: hidden; counter-reset: list1; z-index: 10; } .gallery-carousel .carousel-inner a { position: relative; display: block; margin-bottom: 10px; display: inline-block; vertical-align: top; } .gallery-carousel .carousel-inner a:hover:after, .gallery-carousel .carousel-inner a.active:after { opacity: 1; visibility: visible; } .gallery-carousel .carousel-inner a:after { opacity: 0; visibility: hidden; content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 2px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .gallery-carousel .carousel-inner a:before { content: counter(list1); counter-increment: list1; position: absolute; right: 4px; bottom: 4px; width: 30px; height: 30px; line-height: 30px; text-align: center; background: rgba(0,0,0,0.44); font-family: DejaVu, sans-serif; color: #fff; font-size: 12px; } .carousel_block { -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; /* -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; */ } .gallery-nav { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .gallery-nav a { z-index: 9999; overflow: hidden; position: absolute; left: 0; width: 100%; height: 30px; line-height: 30px; margin: 0; text-align: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .gallery-nav a.hidden { opacity: 0; visibility: hidden; } .gallery-nav a:hover { background: none !important; } .gallery-nav a:hover:before { color: #a60505 !important; } .gallery-nav .prev { top: 45px; } .gallery-nav .prev:before { -webkit-transform: rotate(90deg) translateZ(0); -ms-transform: rotate(90deg) translateZ(0); -o-transform: rotate(90deg) translateZ(0); transform: rotate(90deg) translateZ(0); } .gallery-nav .next { bottom: 0; } .gallery-nav .next:before { -webkit-transform: rotate(-90deg) translateZ(0); -ms-transform: rotate(-90deg) translateZ(0); -o-transform: rotate(-90deg) translateZ(0); transform: rotate(-90deg) translateZ(0); } .gallery-nav a:hover { background: #fff; border-color: #fff; } .gallery-nav a:hover:before { color: #0d0d0d; } .gallery-nav a:before { content: "\e906"; font-family: Social; font-size: 26px; display: block; color: #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .gallery-slider { height: 99%; padding-right: 240px; } .gallery-image { height: 100%; text-align: right; -webkit-transition: none; -o-transition: none; transition: none; } .gallery-image .quick_view { height: 100%; display: inline-block; vertical-align: top; position: relative; } .gallery-image img { width: auto !important; display: inline-block !important; } .gallery-image .quick_view:hover .zoom { opacity: 1; visibility: visible; } .gallery-image .zoom { opacity: 0; visibility: hidden; width: 40px; height: 40px; line-height: 40px; position: absolute; right: 15px; top: 15px; cursor: pointer; background: url(../img/zoom-in.svg) no-repeat 50% 50% #A60505; z-index: 100; color: #fff; text-align: center; font-size: 0px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .gallery-image .zoom:hover { background-color: #cc0606; } .gallery-image .owl-stage-outer, .gallery-image .owl-stage, .gallery-image .owl-item { height: 100%; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } .gallery-info { width: 220px; position: absolute; right: 0; top: 0; padding-top: 45px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery-info .breadcrumbs { margin-top: 0; } .gallery-info .breadcrumbs a { color: #fff; } .gallery-info .breadcrumbs a:hover { color: #a60505; } .gallery-info .breadcrumbs .divider { background-position: 0 -7px; } .gallery-info h1 { font-size: 30px; font-style: normal; margin-top: 7px; } .gallery-info h1 > div { font-family: Cormorant, sans-serif; font-size: 22px; line-height: 1.2; } .gallery-count { text-align: left; border-top: 2px solid #262626; border-bottom: 2px solid #262626; margin-top: 16px; padding: 16px 0 15px; } .gallery-count .label { font-weight: 500; } .gallery-count .current { } .gallery-count .divider { color: #777; } .gallery-count .total { color: #777; } .gallery-info .photographer { position: absolute; left: 0; bottom: 0; font-size: 12px; font-family: DejaVu, sans-serif; color: #444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gallery-info .photographer a { color: #949494; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .gallery-info .photographer a:hover { color: #fff; } .slider-nav { z-index: 99999; position: absolute; left: 0; bottom: 30px; } .slider-nav a { display: inline-block; vertical-align: top; border: 1px solid #777; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #0d0d0d; position: relative; margin-right: 2px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slider-nav a:hover { background: #fff; border-color: #fff; } .slider-nav a:hover:before { color: #0d0d0d; } .slider-nav a:before { content: "\e906"; font-family: Social; font-size: 26px; display: block; color: #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .slider-nav .next:before { -webkit-transform: scale(-1,1) translateZ(0); -ms-transform: scale(-1,1) translateZ(0); -o-transform: scale(-1,1) translateZ(0); transform: scale(-1,1) translateZ(0); } .gallery-top .share_block { padding-right: 80px; } .gallery-options { z-index: 999; position: absolute; right: 0; top: 5px; } .gallery-options a { margin-left: 4px; } .change-view { position: relative; display: inline-block; vertical-align: top; width: 16px; height: 16px; border: 1px solid #8e8e8e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .change-view:hover, .change-view:hover:before, .change-view.active, .change-view.active:before { border-color: #ccc; } .change-view:before { content: ""; width: 8px; height: 10px; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -5px; border: 1px solid #8e8e8e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery-options .close-btn { position: relative; top: 0; right: 0; display: inline-block; vertical-align: top; width: 18px; height: 18px; } .gallery-options .close-btn:before, .gallery-options .close-btn:after { width: 20px; -webkit-transition: none; -o-transition: none; transition: none; } .gallery-options .close-btn:hover:before, .gallery-options .close-btn:hover:after { background: #ccc; } .print { display: inline-block; vertical-align: top; background: url(../img/print-icon.png) no-repeat; width: 16px; height: 16px; } .print:hover { background-position: 0 -16px; } .gallery_block.list { padding: 0; max-width: none; } .gallery_block.list .gallery-slider { position: absolute; left: 0; top: 0; } .gallery_block.list .gallery-image, .gallery_block.list .gallery-info { opacity: 0; visibility: hidden; } .gallery_block.list .gallery-carousel { position: relative; padding: 0; width: 100%; } .gallery_block.list .gallery-nav { display: none; } .gallery_block.list .carousel-inner { overflow-y: auto; padding-right: 12px; } .gallery_block.list .carousel_block { word-spacing: -0.36em; margin: 0 -12px; } .gallery_block.list .car-item, .gallery_block .banner-item { word-spacing: normal; display: inline-block; vertical-align: top; width: 25%; margin-bottom: 24px; padding: 0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery_block.list .car-item a, .gallery_block .banner-item a { margin-bottom: 0; position: relative; } .gallery_block.list .car-item a:after { border: none; background: rgba(255,255,255,0.14); opacity: 0; visibility: hidden; box-shadow: inset 0 0 0 4px #fcfcfc; } .gallery_block.list .car-item a:hover:after, .gallery_block.list .car-item a.active:after { opacity: 1; visibility: visible; } .gallery_block .banner-item { display: none; } .gallery_block.list .banner-item { display: inline-block; } .gallery_block.list .banner-item a:after { content: none; } .banner-item a:before { content: none !important; } .gallery_block .banner-item .btn { position: absolute; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; left: 10%; bottom: 10px; width: 80%; min-width: 1px; background: #fff; border-color: #fff; color: #a60505; font-size: 18px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery_block .banner-item a:hover .btn { background: #a60505; color: #fff; border-color: #a60505; } /*Галерея*/ /*Подвал сайта*/ footer { overflow: hidden; margin-top: 80px; background: #101010; padding-top: 43px; } .footer-top { padding-bottom: 5px; } .footer_block { padding: 0 70px; } .footer-logo { width: 100%; max-width: 230px; float: left; } .footer-logo img { width: 100%; } .footer-social { float: right; margin-top: -3px; } .footer-social a { margin: 0 0 5px 5px; text-align: center; display: inline-block; vertical-align: top; width: 32px; height: 32px; line-height: 28px; border-radius: 50%; border: 2px solid #1c1c1c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .footer-social a:hover { border-color: #272727; } .footer-social i { font-family: Social, sans-serif; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #727272; font-size: 15px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .social i { font-family: Social, sans-serif; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #gallery .social i { font-family: FontAwesome; } .footer-social a:hover i { color: #adadad; } .fb i:before { content: "\e904"; } .vk i:before { content: "\e905"; } .twitter i:before { content: "\e903"; } .pint i:before { content: "\e902"; } .inst i:before { content: "\e901"; } .google i:before { content: "\e900"; } .footer-menu { text-align: center; margin-top: 21px; } .footer-menu li { padding-left: 0; display: inline-block; vertical-align: top; margin: 0 16px 10px; } .footer-menu li:before { content: none; } .footer-menu a { color: #575757; font-size: 12px; font-family: DejaVu, sans-serif; text-transform: uppercase; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .footer-menu a:hover { color: #adadad; } .footer-bottom { border-top: 1px solid #212121; position: relative; text-align: center; padding: 39px 0 37px; color: #868686; font-size: 14px; } .footer-bottom:before { content: ""; width: 2000px; background: #212121; position: absolute; right: 100%; top: -1px; height: 1px; } .footer-bottom:after { content: ""; width: 2000px; background: #212121; position: absolute; left: 100%; top: -1px; height: 1px; } .footer-bottom .copyright { font-family: DejaVu, sans-serif; font-size: 9px; color: #3f3f3f; text-transform: uppercase; } .footer-bottom .copyright a { color: #727272; } /*Подвал сайта*/ /*Поля формы*/ input[type="text"], input[type="tel"], input[type="email"], input[type="password"], textarea { width: 100%; font-size: 12px; font-family: DejaVu, sans-serif; height: 27px; border: 1px solid #bcbcbc; padding: 0 0 0 10px; color: #1f191a; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-appearance: none; } input::-webkit-input-placeholder {color: #adadad; opacity: 1;} input::-moz-placeholder {color: #adadad; opacity: 1;} textarea::-webkit-input-placeholder {color: #adadad; opacity: 1;} textarea::-moz-placeholder {color: #adadad; opacity: 1;} input:focus, textarea:focus { outline: none; border-color: #908f8f; } input:hover, textarea:hover { border-color: #908f8f; } input[type=text]::-ms-clear { display: none; width : 0; height: 0; } input[type=text]::-ms-reveal { display: none; width : 0; height: 0; } input[type=tel]::-ms-clear { display: none; width : 0; height: 0; } input[type=tel]::-ms-reveal { display: none; width : 0; height: 0; } input[type=email]::-ms-clear { display: none; width : 0; height: 0; } input[type=email]::-ms-reveal { display: none; width : 0; height: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } textarea { resize: none; padding-top: 5px; height: 108px; } button[type="submit"] { vertical-align: top; font-family: DejaVu, sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #fff; background: #262626; height: 27px; line-height: 27px; padding: 0 10px; outline: none; border: none; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-appearance: none; } button[type="submit"]:hover { background: #a60505; } button:focus { outline: none; } /*Поля формы*/ /*Всплывающие окна*/ #overlay { opacity: 0; visibility: hidden; z-index: 9998; cursor: pointer; left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } #overlay.fadeIn { opacity: 0.5; visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .pop.fadeIn { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pop { opacity: 0; visibility: hidden; position: fixed; text-align: center; width: 100%; max-width: 600px; margin-left: -300px; left: 50%; top: 50px; background: #fff; z-index: 9999; padding: 40px 30px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pop_banner { padding: 0; max-width: 300px; margin-left: -150px; } .pop_banner .close-btn { right: 50%; margin-right: -12px; top: -30px; } .pop_banner .close-btn:before, .pop_banner .close-btn:after { background: #fff; } .pop_banner .banner { } .pop_success { font-size: 32px; } .close-btn { width: 24px; height: 24px; position: absolute; cursor: pointer; z-index: 100; right: 10px; top: 10px; } .close-btn:before { content: ""; width: 24px; height: 2px; background: #787878; position: absolute; left: 50%; margin-left: -12px; top: 50%; margin-top: -1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .close-btn:after { content: ""; width: 24px; height: 2px; background: #787878; position: absolute; left: 50%; margin-left: -12px; top: 50%; margin-top: -1px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .close-btn:hover:before, .close-btn:hover:after { background: #2f2f2f; } /*Всплывающие окна*/ /*Ошибки*/ .error { border-color: #a60505!important; color: #a60505!important; } /*Ошибки*/ /*Карусель и слайдер*/ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { padding-left: -1px; position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; left: -1px; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel .owl-item{ -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); } /*Карусель и слайдер*/ /*Magnific popup*/ .mfp-ready .mfp-figure { opacity: 0; } .mfp-zoom-in .mfp-figure { height: 100%; opacity: 0; } .mfp-zoom-in.mfp-bg, .mfp-zoom-in .mfp-preloader { opacity: 0; } .mfp-zoom-in.mfp-image-loaded .mfp-figure { opacity: 1; transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-figure { opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg, .mfp-zoom-in.mfp-removing .mfp-preloader { opacity: 0; } .mfp-zoom-in .mfp-container, .mfp-zoom-in.mfp-bg { opacity: 0.001; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ } .mfp-zoom-in.mfp-ready .mfp-container { opacity: 1; } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 1; } .mfp-zoom-in.mfp-removing .mfp-container, .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; right: 0; bottom: 0; z-index: 1042; position: fixed; } .mfp-wrap { top: 0; left: 0; right: 0; bottom: 0; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container figcaption { display: none; } .mfp-close { width: 50px; height: 50px; line-height: 50px; position: fixed; right: 15px; top: 15px; cursor: pointer; background: #A60505; z-index: 100; color: #fff; text-align: center; font-size: 0px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .mfp-close:before { content: ""; width: 30px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -15px; top: 50%; margin-top: -1px; -webkit-transform: rotate(45deg) translateZ(0); -ms-transform: rotate(45deg) translateZ(0); -o-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .mfp-close:after { content: ""; width: 30px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -15px; top: 50%; margin-top: -1px; -webkit-transform: rotate(-45deg) translateZ(0); -ms-transform: rotate(-45deg) translateZ(0); -o-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); } .mfp-close:hover { background: #cc0606; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { text-align: center; cursor: auto; } .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } /* Main image in popup */ img.mfp-img { width: 100%; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-height: none !important; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-bottom-bar { position: absolute; bottom: 10px; left: 0; width: 100%; cursor: auto; } .mfp-figure figure { margin: 0; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } /*Magnific popup*/ #dialog-message { font-size: 14px; } .ui-dialog { z-index: 999999; } .close-banner { display: none; } .gallery-page .share { float: right; top: 0px; right: 20px; } .page-show-baner { max-width: 300px; float: right; } .page-show-baner .banner:first-child { padding-top: 0px!important; } .show-material-page .page-show-baner { display: inline-block; width: 25% } .show-material-page .page-show-baner .show-banner { margin-left: 0px; } .show-material-page .wysiwyg { display: inline-block; width: 72%; } .mnst_quote { margin: 80px 80px 0 80px; position: relative; border-top: 2px solid #262626; padding-top: 40px; font-size: 23px; letter-spacing: 1px; line-height: 28px; color: #000000; font-family: DejaVu, sans-serif; text-align: center; } .mnst_quote:before { content: ''; background: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAMAAAC5KTl3AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFdQTFRFAAAAiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWEiYWE2y7xMwAAAB10Uk5TAP8K8SPYWr2zfzf9MBjd1hNd5FHE7CL5PUEf89d3+5QvAAAAj0lEQVR4nO2SyQ6CUBAEQVAWQXZw4f+/09MYxszENuFAoOtalT68N0FACNk2ocEvwwUucIELR1qwxv4wKy+cJItwo4mlO+NGc5EuwY0mlS7DjSK/SlfARlHeJKtgs6Ru2s+PdaBRLM+uB427MIyg8RamO2qcbnjAxu76J26srjLe2jdf3WtOMvNcfEMI2Slv+oMIId1CE/EAAAAASUVORK5CYII=) no-repeat #fff center center; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; height: 50px; height: 50px; width: 80px; top: -27px; } .mnst_quote:after { content: ''; display: block; border-top: 2px solid #262626; margin-top: 30px; } .mnst_quote_title { width: 100%; text-align: center; margin-bottom: 40px; margin-top: 20px; } .mnst_opr { padding: 0 20px 40px 80px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALCSURBVGhD7ZlLqE1RGMePtyQGZCCPMpABGRCRUJREmTCRTMzIcyADcZOYGEgmIkoeZUomikIeIUQhDBgYeOQ58Ob3W/fs7r2nc+7p7nP2Xu3a//p19vftb53O/5611tnfupVSBdRw2AmP4Tv8i8hpSKXJ8ALqvWkMUhkZAc/BN7gJ82EgxNBqSG1kNzj4Ggw2EVEtGXkKDp4borhKbcQp9Ad+QD8TkZXayEhw4KcQxVdppDSSkXI3MgEmwagQtU+5GhkDv8FxV0y0UbkaWQ+OEbfusdAu5WrkKjjmbfV1M7RLuRkZB34LX2ENOPYGNJPTcVjnZa/KzchWsP4MDIXP8BcmQj3NgmfgGFuDPdCbcjNyG6xfEaJK5SQYbw9RT/kA+gq8/wZ+Vq+XQiPlYsTt1r/+RxhiAi0Dx98LUU/Z47yES+BznGvJ2uPQSLkY2QHWnghRpwbBBzDvB6+n8TAdEtMXoJFyMfIArF0Soi4dBfO7QtSlqfAIvNedqEamgHXvoLZ7XATes9dP1B+SRe46uQ+2CsZRjXSAdedhRg3uTF/A+9NAJcZtoRPja8FcVCNPwLpm7AU1D4xtnxMluWhGXKjWfIO7DXgI1vgNKNtm4+sh6tQCMHcxRPWVqZH9YM3BENWX2+trsG4mjK5eO+WWg9PvVDX3HhqdD2RmxA/ob4E1c0z0ogNgna8q2c3q0Wh6ZWbEZySnzmVodjjhwrdWA2oAbASn0i04Bm4GPubUbtWJMl/seak0UhrJSKWR0khGaqsR+/KFsDgC+6BlI77RnWocm9RGbGHFazs+j3zORWQT9EmJEfFwYAPE+rdbS+puZJuJoiox4lmu51SFldNIE/bTPq0WWkl3tzJEBZYLXCPuVvYUhZVTyuZHM7/gLGyBVRGZDankQj8MGtFQbPr8g1grT9X9Ng7BkYisg1IFUKXyH0pK6Yr5XLikAAAAAElFTkSuQmCC) top left no-repeat; margin-top: 40px; } .mnst_important_1 { padding: 0 20px 40px 80px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANaSURBVGhD7ZpbqA1RGMe3W24nKSkdl9KhPBAPSpQ6SkpKJCklHuRSklKEPLgUEiKXpORFiQeJIsoDygPxQBGllFLIJenI9fx/yxmNsWf2WjN77zWr9q9+D+vbc1nf2XvWrO+j0qJFmPSR2+QsMwqYtfK3/CCHEQiRofKtJBE8LoPksCSBB/Kb/CEnyaCYIJn8dzlRHpQkdVMGxTXJxI+Z0Z+f2RtJbCGBEJgnmfA7GX/AV0viL+QAAmWmn3wmmfB6AjFYih9KPttCoMxslEz0sexLIAHvEz7/LNsJlJHh8pNkonMIpHBecswZMyohpyQTvGRG6YyVXfKXnEagTEyRP+VXOZ5ADXZJkr4rexEoA0zklmRi+wlY0CZfSc5ZRqAMLJZM6LUcQsASEuA8EiIxrwyULyUTWknAAb5Jflqcu5uAT7ZLJnJf9iaQgOdldo+DCSTgYeeh5+FnEfDCaPlFMpGZBKpwWZIo8savBsswn18wIw+clUzgnBlV54qslchIyQuSY5pegM2QfBN8I2MIpGCTCGyVHMMWhq1MU+BZuCe58Q4CGdgmwiaSzSTHrSHQDFZIbshqNYhABraJwCLJcWz32fY3FN4TvC+44VICNXBJBCi8OPaQGTWQvZIb3ZE2WwvXRCZLSmKqS6rMhjBOspdiTzWVgAWuicAJyfFXzagBXJTc4LQZ2ZEnEcoB2kcu51jDm5kLU2+MIGBJnkRgg+Scp5Kqsy5Q6T2SXHgzAQfyJsLkn0jOo+qsC+skF3wu+xNwIG8iMFdy3kfJz60QdEHohnDBBQQcKZIIROdTfRbiiORCN8zInaKJRI0+lmSq0FzQIaRTGHUL87BHssVH2yU7yQHJH4IqNBfXJRc4akb+iHcpqUad4HngxGS30BerJPNhf2fdpWRlSusWukIFyF8Ri6w88S4lVakVmyQnpHULXbgtuRbabDKz6JRchxpoFIEseGvbdAttqWciEHUpqU4zYR/FgbW6hbawP3vf43wCBYl3KacTqAbLo0u30BdRl5Iq9b/ODbUFNQYH2HYLfRHvUi4nEIffLx+4dgt9EXUp/5kvdXfebqEv4l1Kdg+GnZIAL78lMlr3y+4+ybx5pjvk32osZOklmNf/yYDlPyIE9+/3LQKhUukG/r5OMtQq53EAAAAASUVORK5CYII=) top left no-repeat; margin-top: 40px; } .mnst_important_2 { padding: 40px 40px 40px 80px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAD8SURBVGhD7dc9DgFRGIXhCaLwE3RqsQCJVqFQW4DaUkStUinUap0tKGzAAnQKrXC+Ypo79xuT3NyfyHmTp6K4ZyYzIWOMMcbYnzZQ9CFmTbCdS7Sg0EfxhJitwHYusYdC8sEb7oYbxGwJ5pkeUDok9tWvWn6XOCSVOESqwSigIWg5DemBfCeUM2g5DemC+Rr06QBafEZSi0OkOkw9GkPVnIb4fmuVvaXMnIZ04OrRDqrGZyS1OERqwCKgCWg5Dfmb31ptuAS0AS0+I6nFIan1c8gLzNfgHGImf3nNM22hdIhN7LuUX30b65CT4ggxm4HtXGINjDHGGGNplmVfOZsvzE/kls8AAAAASUVORK5CYII=) no-repeat; margin: 40px 0; background-color: #cecece; background-position: top 20px left 15px; } .mnst_important_3 { padding: 40px 40px 40px 80px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAADmwAAA5sBPN8HMQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAQDSURBVGiB7Zrvi1VFHMY/426uK5qySxpR+6qSklJ6E0VUugUVKBrki16YCAX9gIzovf0FFREJQX9AIEIQEW6YtlSm0lZbW2umaC8q0sr8ka346cWZc3f2tq333jP34ooPHAbOmXme53tnzpmZ71y4gksLIReR2gcMAvcBy4CbgKvrqv0J/AB8B+wGPgwh/J7LQ8tQ56ob1PfV8zaP8+p76mPqVVW8tNQj6nzgaWALcH28fR7YCwwBXwLfAr/WNV0C3AqspOi9O4Hu+OwY8AqwLYRwthVfTUFdpx5JftXP1Cfj0GqWq199St2b8P2orm2H91J0vvp2XQD3Z+Rfre5L+N9Se3PxlyLXqiNR4JT6jDonq0ihM0d9Tj0dtQ6oS3ORD6gHI/GoeksW4pk1l6tjUfN79YaqhAPq0Ug4pC7I5LUR7UXqx1H7kHpdq0TzYteW78PCzF4b8bBQ/Tx62Kf2tELyRiQYU/vb4LNRH9eo49HLa802fig2PK0ub5PHZvzcrp5RL6gPNNqoN45J1Wfb7LFhqM9HT+PqvEYavJSMya6K4pvVnfFaV5GrS/0iettyscoL1N9i5VVVhCPfNiexNQPfg5HrZ4tlUg31k9qjQD9wIISwq6pwGzAEjABLgSk9XB/Ipli+2X5PzSOEIJPenkif1QKxWPTdC5wDtnfMXfPYDvwDrFZr+520R1YBXcBwCOGPDptrGCGE48CnFMv/2nucBnJXLHd30Fer+CiWd5c30kDKiW+kU24qoPRYm6zTQG6M5cGO2WkdpcfS85RAyh1e/fb0UsQvsaytAdNAyiX6qY7ZaR1/xbK2Ip9ul2dnvORFGkjZEx3fd7SAcv44Wd5IAzkRyyUds9M6So+l51pOCWCc4itwM0UmMAc+YDJ3NpyJEwqPUHgGpgYyBjwCrADezaEWQtgB7MjBVYcVsRwrb6RDa08sB9sgnBvlLnHPf56ofRa52L/VxZ311TgsspPn1IlpF40hhBPALqAH2JBJNN0hbs7BSeFtLrAzhHBy2hrqxrgD259DsW6HuC0DX0i2u4/PVLFH/SlWfDiDcO5A1kSuI17sGCJz8mGT+k68Nlbkajz5EBtcHumg2Gj2J+iSxrM/ZRoJLo8kdiTqV7+JRKNWPadoTnsg0R6x6iTt1IOeQ+rKTF5n0rxDPRw1qx/0JMTp0dsZi+Ox7ou3bFqnO36dzkatfEdviUiv+nr8cqh+ra7JxB3UtclQuqC+2vBntkXRwWSolS9h1ePp/QnfuBkS6I0a6FVfVI8lBibUYXWrul5dlr6g6uJ4b736cqw7kbQ/qr7Q1l6YIaDZ/ReO/wlqEXAPRRrztnj1MTVRcBwYBb4CPqHIM0+/FL+CWY5/AYiozBr3uFdsAAAAAElFTkSuQmCC) no-repeat; margin: 40px 0; background-color: #a60505; color: #fff; font-weight: bold; background-position: top 20px left 15px; } ul.mnst_bullet_list { margin: 60px 20px; } ul.mnst_bullet_list li::before { width: 32px; height: 32px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFQSURBVGhD7dkxSgNBGIbhVGJtp43ewQN4DEF7D+AB4hG8gGdQrCws7T2CnsJav5dkYFmMmX92duZP/F/4ICQLmQeyENhFFEXR3nSvvTras3asmXvTvp3sS7vQivICmYSgIeRBu+m0c21SQ8gVb+xq3iDX2uHqpS1PkKXGOV40M8YLJCHSuF9NeYCMEZ/aqWaqN6QKgnpCqiGoF6QqgnpAqiOoNWQb4kC7Xb201RKSg3jUOJO5VpBcBJ/NDjnS+INnLeeeuNTS57NCQLxrXHfHG5n9hjjTxvHd6ZpZIU9auo7lYHIR1AzCT4GDpGvZXxgLgppBKBdjRVBTCG3DlCCoOYQ2YUoR1AVCHHCMGc6CoG4Q2oSxIqgrhMaYEgR1hxAH/1ivBEEuIHSyXmluIFMLSCoglQtIai8hPR8r8N3VIF72vyHeHoYyzhRFUbTzLRY/HPL6Uffd2qgAAAAASUVORK5CYII=); border-radius: 0; top: 0; background-size: cover; } ul.mnst_bullet_list li { padding-left: 50px; padding-bottom: 25px; } ol.mnst_numeric_list { margin: 60px 20px; } ol.mnst_numeric_list li::before { width: 28px; height: 28px; top: 0; display: inline-block; border: 3px solid #70333a; text-align: center; font-size: 25px; line-height: 30px; margin-right: 20px; } ol.mnst_numeric_list li { padding-bottom: 25px; } .drift-zoom-block { position: relative; min-height: 400px; } .related-material-block { font-size: 22px; font-weight: 500; text-transform: uppercase; text-align: center; margin-top: 30px; } .related-material-block a { margin-left: 20px; min-width: 15px; line-height: 32px; height: 36px; } .footer-menu.secondary-footer-menu { margin: 0; } .footer-menu.secondary-footer-menu span { padding: 0; margin: 0 5px; font-size: 12px; } .footer-bottom-item { width: 45%; display: inline-block; color: #fff; font-size: 12px; text-align: left; } .mnst_related_articles_block .article-carousel { display: flex; justify-content: space-evenly; flex-direction: row; max-width: 100%; width: 100%; flex-wrap: wrap; } .mnst_related_articles_block-item { width: 240px; margin: 40px 15px 0 15px; } .mnst_related_articles_block-item img, .mnst_related_articles_block-img { width: 100%; display: block; } .mnst_related_articles_block_small .article-carousel { max-width: 900px; margin: 0 auto; } .mnst_related_articles_block-text { font-size: 13px; font-family: DejaVu, sans-serif; color: #000; text-transform: uppercase; border-bottom: 1px solid transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-top: 7px; word-break: break-word; } .subscribe_modal_wrapper { display: none; justify-content: center; align-items: center; position: fixed; z-index: 1010; height: 100%; width: 100%; left: 0; top: 0; right: 0; bottom: 0; } .subscribe_modal { width: 93%; position: relative; max-width: 870px; display: none; } .subscribe_modal-inner { padding: 0 5px; } .subscribe_modal-img img { width: 100%; } .subscribe_modal_mask { background-color: #000; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; width: 100%; height: 100%; opacity: 0.6; display: none; } .subscribe_modal_close { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACGAAAAhgBE+DLTAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADySURBVEiJ7ZVNDoIwEIWNQjgeHBELRvzBFXgjo4nxAK4+F9RotFOnaIwmvKQrXt/XaYbOaDToLwVkwB4wQKzwx0AJ7IBMC0mBMzetfTALqe/8ZyDVgE48awlEDm8ErBz+owZkHBsBFvcwC1kK3lwDmgCFENACiV2t4DHA5CXIwmJgIwTNgUr4VqNoHldlpRDoUqGuRIDNFJCyNyQANtNAxm+dwp7l/YSuuxrF1YU3QQ/IVQ2QhEIiuh/UJV97VzheEF8lWyEoB8Z2TQVPq6rMExDyBBkN6BOP6kED+s6YsJszuiFW+iAPMEM3LHWDb9DP6QIttFqra/2JRwAAAABJRU5ErkJggg==) no-repeat top left; position: absolute; right: 12px; top: 12px; height: 24px; width: 24px; cursor: pointer; } .subscribe_modal_content { /* position: absolute; right: 0; bottom: 0; left: 0; bottom: 0; */ width: 100%; background-color: #fff; display: flex; justify-content: space-evenly; flex-direction: column; } .subscribe_modal_content_form button { margin-left: 5px; } .subscribe_modal_content_header { margin: 0 auto; padding: 20px; text-align: center; font-style: italic; font-size: 28px; } .subscribe_modal_content_form { margin: 0 auto 20px auto; max-width: 550px; width: 100%; } .subscribe_modal_content_form form { padding: 20px; } .show_subscribe_modal .subscribe_modal_wrapper { display: flex; } .show_subscribe_modal .subscribe_modal_mask { display: block; } .subscribe_modal input[type="email"], .subscribe_block input[type="email"] { height: 36px; width: 100%; } .subscribe_modal button[type="submit"], .subscribe_block button[type="submit"] { height: 36px; background: #dc0006; padding-top: 2px; } .subscribe_modal_policy_wrapper { font-size: 16px; color: #cecece; } .subscribe_modal_policy_wrapper a { color: #cecece; text-decoration: underline; } .subscribe_modal_content_inputs { padding-bottom: 10px; } .subscribe_block { max-width: 800px; margin: 0 auto; padding-bottom: 40px; } .subscribe_block .title-wrap { text-align: center; overflow: hidden; } .subscribe_block .title-text { position: relative; display: inline-block; vertical-align: top; font-family: Cormorant, sans-serif; font-style: italic; font-size: 64px; margin-top: 34px; margin-bottom: 32px; font-weight: 500; color: #000; } .subscribe_block .title-text:before { content: ""; width: 70px; height: 1px; background: #cecece; position: absolute; left: -100px; top: 40px; } .subscribe_block .title-text:after { content: ""; width: 70px; height: 1px; background: #cecece; position: absolute; right: -100px; top: 40px; } .subscribe_block .title-text { font-family: Cormorant, sans-serif; font-style: italic; font-size: 64px; } .subscribe_modal_success { display: none; text-align: center; font-style: italic; font-size: 28px; color: #858585; margin-bottom: 20px; } .subscribe_block .subscribe_modal_content_header { color:#858585; } .subscribe_modal_sent .subscribe_modal_content_header_subheader, .subscribe_modal_sent .subscribe_modal_content_form { display: none; } .subscribe_modal_sent .subscribe_modal_success { display: block; } .subscribe_modal_error { display: none; color: red; font-size: 14px; font-weight: 700; } .flex { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .flex--wrap { -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .flex--center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex--between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex--column { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .contacts_red_button { background-color: #b82c2d; color: #fff; padding: 7px 20px; margin: 10px auto; display: block; width: 250px; text-align: center; font-size: 14px; font-family: DejaVu, sans-serif; } .banner_mob { display: none; } .banner_desk { display: inline; } .category-description-block { text-align: center; } .category-description-block .wysiwyg { margin-bottom: 40px; text-align: justify; } .category-description-block .wysiwyg p { margin-bottom: 20px; } .fix-header { display: none; } /*Медиа запросы*/ @media screen and (min-width: 1025px) { .share:hover .social { visibility: visible; } .share:hover .social a { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @media screen and (max-width: 1170px) { /*.banner-1 a { height: 210px; }*/ .banner-3 .title { font-size: 26px; } .podium-list .podium-item { width: 20%; } } .christmas { margin-top: -30px; } @media screen and (max-width: 1024px) { .banner_mob { display: inline; } .banner_desk { display: none; } #left-menu .logo a, #left-menu .logo span { top: -10px; max-width: 200px; } .footer-menu.secondary-footer-menu { margin: 0; display: block; } .logo { position: relative; display: block; width: 300px; margin: 0 auto; } .logo a, .logo span { max-width: 300px; position: absolute; left: 0; right: 0; z-index: 2000; } .search_opened .logo a, .search_opened .logo span { z-index: 500; } .christmas { margin-top: -10px; } .show-material-page .wysiwyg { width: 100%; } .gallery-page .share { right: -10px; } #gallery .right-column .banner, .page-show-baner .banner { position: fixed; height: 90%; padding: 0; border: solid 2px #a60505; z-index: 9998; width: auto; top: 10px; right: auto; display: none; } .page-show-baner .banner { height: auto; max-width: 300px; } .close-banner { display: block; padding: 0px 10px; background: #a60505; color: #ffffff; position: absolute; top: 0px; right: 0px; z-index: 9998; font-size: 30px; font-family: Arial, Helvetica, sans-serif; } body { cursor: pointer; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-hidden { display: none; } body { padding-top: 86px; } .gallery-page { padding-top: 0; } header { position: fixed; top: 0; left: 0; width: 100%; padding: 22px 0; z-index: 1000; background: rgba(255,255,255,0.8);min-height: 33px; } .banner_top, .banner_big { /*display: none;*/ } .menu { display: none; } .menu-fixed { position: absolute !important; padding: 0; bottom: auto !important; top: 50% !important; margin-top: -15px; background: none; } .menu-fixed .wrap { padding: 0; } .menu_block { height: 30px; margin-top: 0; } .menu-fixed { padding-top: 0; } .open-menu { left: 13px; } .search_block { right: 20px; } .wrap { padding: 0 20px; } .footer-menu { display: none; } .up { display: none; } .footer_block { padding: 0; } .banner-1 .text { font-size: 27px; } .banner-3 .banner-center { padding-top: 20px; } .podium-carousel { padding: 0; } .podium-carousel:before, .podium-carousel:after { content: none; } .theme_articles .owl-carousel .owl-nav > div { top: 50%; margin-top: -30px; } .cont-form { margin-top: 40px; } .gallery_block, .gallery-info { padding-top: 55px; } .gallery-carousel { padding-top: 85px; } .gallery-nav .prev { top: 55px; } .gallery-nav a { z-index: 100; } .gallery_block.list { padding-top: 55px; } .gallery_block.list .carousel-inner { padding-right: 0; } .gallery-info { z-index: 50; } .slider .owl-nav .owl-prev { left: 0px; } .slider .owl-nav .owl-next { right: 0px; } .gallery-options { z-index: 100; } .podium-list .podium-item { width: 25%; } } @media screen and (max-width: 768px) { .breadcrumbs {margin-top:0px;} .mnst_quote { margin: 80px 0 0 0; } .related-material-block { text-align: center; } .related-material-block .btn { max-width: 300px; display: block; margin: 15px auto 0 auto; } .article-top-block { flex-direction: column; } .footer-bottom-item { width: 100%; display: block; margin-bottom: 30px; } .footer-menu.secondary-footer-menu span { margin: 20px 10px; display: block; width: 100%; text-align: center; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .title h2 { font-size: 48px; margin: 28px 0 24px; } .title h2:before, .title h2:after { top: 28px; } .news-banner h3 { font-size: 36px; } body { font-size: 18px; } h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } .last_news .news-item { padding-left: 0; } .last_news .news-img { padding-top: 75px; } .news-info { text-align: left; width: 35%; border-top: none; } .news-info:before { content: ""; width: 115px; height: 2px; background: #a60505; position: absolute; left: 0; top: 0; } .share { position: absolute; margin: 0; right: 0; top: 0; } .news-img a { width: 100%; } .last_news .news-img a { width: auto; } .banner-3 a { max-height: 210px; overflow: hidden; } .banner-3 .banner-center { width: 50%; background: #fff; position: relative; z-index: 10; height: 100%; } .banner-3 .title { font-size: 21px; } .podium-menu { overflow: hidden; } .podium-menu li { margin: 0 10px; } .podium-menu a { font-size: 12px; } .alignleft { display: block; margin-right: 0; float: none; } .article-inner .banner { max-width: 265px; height: auto;} .video-responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow:hidden; } .video-responsive iframe, .video-responsive object, .video-responsive embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .map_block { height: 300px; } .info_block { padding-left: 0; } .info-img { position: relative; margin-bottom: 20px; } .info-img .name { font-size: 24px; } .share_block.visible .share { position: relative; } .pop { width: 90%; left: 5%; margin-left: 0; } .pop .title { font-size: 18px; } .pop .close-btn { right: 50%; margin-right: -15px; top: -40px; } .pop .close-btn:before, .pop .close-btn:after { background: #fff; } .pop_success { font-size: 24px; } .gallery-full { overflow-y: auto; overflow-x: hidden; } .gallery_block { padding-left: 0; height: auto; } .gallery-carousel { padding: 0; position: relative; display: block; width: 100%; } .gallery-nav { display: none; } .gallery-image { text-align: right; } .gallery-image .owl-item { display: inline-block; } .gallery-slider { position: relative; } .gallery-info { padding-top: 0; } .gallery-info h1 { font-size: 36px; } .gallery-carousel { margin-top: 40px; } .carousel_block { word-spacing: -0.36em; margin: 0 -5px; } .gallery-carousel .car-item { width: 25%; word-spacing: normal; display: inline-block; vertical-align: top; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery-carousel .carousel-inner a { margin-bottom: 5px; } .gallery_block.list .gallery-slider { position: absolute; left: 0; top: 0; width: 0; } .gallery_block.list .gallery-carousel { padding-top: 0; margin-top: 0; } .gallery-full .col-lg-3 { position: absolute; left: 0; top: 0; width: 100%; } .gallery_block.list .car-item, .gallery_block .banner-item { padding: 0 5px; margin-bottom: 5px; } .gallery_block.list .carousel_block { margin: 0 -5px; } .comment-popup .share_block { margin-bottom: 28px; } .gallery_block .banner-item { display: inline-block; vertical-align: top; } .gallery_block .banner-item a { margin-bottom: 0; } .gallery_block .banner-item .btn { font-size: 14px; } .article-inner .banner { display: none; } .pop_banner { width: auto; max-width: 300px; margin-left: -150px; left: 50%; } .podium-list .podium-item { width: 33.3333%; } .title h2, .title h1 { font-size: 40px; word-wrap: anywhere; } .title h2:before, .title h1:before, .title h2:after, .title h1:after { top: 24px; } .subscribe_block .title-text::after { top: 20px; } .subscribe_block .title-text::before { top: 20px; } .subscribe_block .title-text { font-size: 36px; } .subscribe_modal_content_header { font-size: 16px; } .subscribe_modal_policy_wrapper { color: #cecece; } } @media screen and (max-width: 600px) { .logo, .logo a, .logo span { max-width: 260px; } .gallery-page .share { top: 25px; right: -50px; } .last_news .news-img { width: 100%; } .news-info { width: 100%; margin: 0px auto; display: block; position: relative; } .last_news .news-img { padding-top: 50px; } .share .social { width: 50px; left: -1px; top: 49px; } .share .fb { -webkit-transform: translateX(0) translateZ(0) translateY(-100%); -ms-transform: translateX(0) translateZ(0) translateY(-100%); -o-transform: translateX(0) translateZ(0) translateY(-100%); transform: translateX(0) translateZ(0) translateY(-100%); } .share .vk { -webkit-transform: translateX(0) translateZ(0) translateY(-200%); -ms-transform: translateX(0) translateZ(0) translateY(-200%); -o-transform: translateX(0) translateZ(0) translateY(-200%); transform: translateX(0) translateZ(0) translateY(-200%); } .share .twitter { -webkit-transform: translateX(0) translateZ(0) translateY(-300%); -ms-transform: translateX(0) translateZ(0) translateY(-300%); -o-transform: translateX(0) translateZ(0) translateY(-300%); transform: translateX(0) translateZ(0) translateY(-300%); } .share .pint { -webkit-transform: translateX(0) translateZ(0) translateY(-400%); -ms-transform: translateX(0) translateZ(0) translateY(-400%); -o-transform: translateX(0) translateZ(0) translateY(-400%); transform: translateX(0) translateZ(0) translateY(-400%); } .share .inst { -webkit-transform: translateX(0) translateZ(0) translateY(-500%); -ms-transform: translateX(0) translateZ(0) translateY(-500%); -o-transform: translateX(0) translateZ(0) translateY(-500%); transform: translateX(0) translateZ(0) translateY(-500%); } .share .google { -webkit-transform: translateX(0) translateZ(0) translateY(-600%); -ms-transform: translateX(0) translateZ(0) translateY(-600%); -o-transform: translateX(0) translateZ(0) translateY(-600%); transform: translateX(0) translateZ(0) translateY(-600%); } .last_news .news-img { max-width: none; float: none; text-align: center; } .news-text { padding-left: 0; width: 100%; float: none; margin-top: 25px; } .footer-logo { float: none; margin-left: auto; margin-right: auto; } .footer-social { float: none; text-align: center; margin-top: 30px; } .footer-social a { margin: 0 2px 5px; } .banner-1 a { height: 170px; } .banner-1 .text { font-size: 18px; } .banner-3 { display: none; } .podium-menu { height: auto; line-height: normal; padding: 10px 0; } .podium-menu ul { margin-bottom: 0; } .podium-menu a { padding: 10px 0; } .podium-item .name { font-size: 14px; } .article-inner .banner { display: block; margin-left: 0; margin-right: 0; float: none; max-width: none; } .page-show-baner .banner { max-width: 256px; } .gallery-slider { padding-right: 200px; } .gallery-info { width: 180px; } .gallery_block .banner-item .btn { font-size: 12px; } td { padding: 10px; font-size: 14px; } th { font-size: 14px; padding: 10px; text-align: left; } .table_block { overflow: auto; } .table_block table { width: 600px; } .mnst_related_articles_block-item { width: 160px; margin: 40px 15px 0 15px; } } @media screen and (max-width: 480px) { .gallery-info h1 > div { font-size: 20px; line-height: 1.2; } .subscribe_modal_policy_wrapper { max-width: 90%; display: block; } .logo, .logo a, .logo span { max-width: 200px; } .gallery-page .share { float: none; top: 20px; right: auto; } .gallery-info { top: -12px; } #gallery { padding: 10px 0 10px } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-visible { display: block; } .wrap { padding: 0 15px; } .title h2 { line-height: 0.8; } .news-banner h3 { font-size: 24px; } .news-banner .bottom { left: 10px; } .news-banner .top { left: 10px; } .last_news .news-item { padding: 30px 0; } .news-info { top: 30px; } .row { margin: 0px; } .last_news .col-md-12{ padding:0px; } .last_news .banner { padding: 20px 0; } footer { margin-top: 20px; } .banner-1 a { height: 130px; } .banner-1 .text { display: none; } .banner-1 .banner-text { bottom: 10px; left: 20px; } .top_news + .banner { margin-top: 30px; } .top_news h2 {margin-top:34px;} .banner_big {margin-bottom:17px;} .article-carousel { padding: 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .article-inner { padding-left: 0; margin-top: 20px; } .article-inner > .date { top: -27px; } .article-inner .share { left: auto; right: 0; } .author_block { /* padding-right: 60px; */ } .author-info .name a { font-size: 11px; } .text_block h1 { font-size: 36px; } .text_block h2, .text_block h1 { font-size: 24px; } .cont-info h6 { font-size: 14px; } .cont-info { font-size: 18px; } .cont-form { padding: 20px; } .map_block { height: 250px; } .cont-form .title { font-size: 18px; } .gallery-slider { padding-right: 0; padding-top: 40px; } .gallery-info .breadcrumbs { display: none; } .gallery-info { width: 100%; text-align: center; } .gallery-info h1 { font-size: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 0; /* padding: 0 80px; */ } .slider-nav { display: none; } .gallery-count { border: none; padding: 0; margin-top: 0; position: absolute; left: 0; top: 3px; } .gallery-info .photographer { bottom: -30px; } .gallery-carousel { margin-top: 50px; } .gallery-image { text-align: center; z-index: 100; } .gallery-carousel .car-item, .gallery_block.list .car-item, .gallery-carousel .banner-item { width: 33.3333%; } .comment-popup .close-popup { top: 15px; } .comment-popup .title { font-size: 18px; padding-right: 0; } .comment-popup { padding-top: 40px; } .comment-popup .input, .comment-popup .share_block { margin-bottom: 20px; } .gallery_block .banner-item .btn { font-size: 8px; height: 30px; line-height: 28px; } .podium-list .podium-item { width: 50%; } .mnst_related_articles_block-item { width: 120px; margin: 40px 5px 0 5px; } } @media screen and (max-width: 380px) { .mnst_related_articles_block_small .article-carousel, .mnst_related_articles_block .article-carousel { padding: 0; } .subscribe_modal input[type="email"], .subscribe_block input[type="email"] { width: 140px; } .subscribe_modal_content_inputs { justify-content: space-around !important; } } @media screen and (max-width: 320px) { body, header { width: 320px; } .pop { min-width: 290px; left: 15px; } .pop_banner { left: 50%; } } /*Медиа запросы*/ .news-carousel .owl-nav { display: block!important; } .podium-carousel .owl-nav { display: block!important; } .wysiwyg a { color: #a60505; text-transform: uppercase; } .wysiwyg a:hover { text-decoration: underline; } .show-banner { display: block!important; } .close-baner { display: none!important; } .author-page .share { float: none; } .next-show { text-align: center; margin-top: 30px; } .next-show a { padding: 10px 20px; font-family: DejaVu, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #fff; background: #262626; height: 27px; line-height: 27px; outline: none; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-appearance: none; border: 2px solid #010214; } .next-show a:hover { color: #a60505; border: 2px solid #a60505; background: #ffffff; } /* preloader */ .loader-container { position: relative; display: none; height: 60px; margin-top: 20px; } .loader-show { display: block!important; } .loader { height: 20px; width: 250px; position: absolute; top: 0; left: 0; right: 0; margin: auto; } .loader--dot { animation-name: loader; animation-timing-function: ease-in-out; animation-duration: 3s; animation-iteration-count: infinite; height: 20px; width: 20px; border-radius: 100%; background-color: black; position: absolute; border: 2px solid white; } .loader--dot:first-child { background-color: #8cc759; animation-delay: 0.5s; } .loader--dot:nth-child(2) { background-color: #8c6daf; animation-delay: 0.4s; } .loader--dot:nth-child(3) { background-color: #ef5d74; animation-delay: 0.3s; } .loader--dot:nth-child(4) { background-color: #f9a74b; animation-delay: 0.2s; } .loader--dot:nth-child(5) { background-color: #60beeb; animation-delay: 0.1s; } .loader--dot:nth-child(6) { background-color: #fbef5a; animation-delay: 0s; } .loader--text { position: absolute; top: 100%; left: 79px; width: auto; margin: auto; } .loader--text:after { font-family: Cormorant, sans-serif; content: "Загрузка"; animation-name: loading-text; animation-duration: 3s; animation-iteration-count: infinite; } @keyframes loader { 15% { transform: translateX(0); } 45% { transform: translateX(230px); } 65% { transform: translateX(230px); } 95% { transform: translateX(0); } } @keyframes loading-text { 0% { content: "Загрузка"; } 25% { content: "Загрузка."; } 50% { content: "Загрузка.."; } 75% { content: "Загрузка..."; } } .item-p1{ width:20%; display: inline-block; } .item-p1 img{ width:90%; display:block; margin:0px auto; padding-bottom: 15px; } /* hide block */ .hide { display: none; } @media screen and (max-width:1024px){ .page-show-baner{ width: 100%!important; height: 100%; max-width: 2000px; position: fixed; z-index: 1150; top: 0px; } .item-p1{ padding-bottom: 0px; } } @media screen and (max-width: 700px) { .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 0px; position: relative; text-align: left; vertical-align: middle; } .item-p1{ width:33%; display: inline-block; padding-bottom: 0px; } } .ya-banner{ position: fixed; right: 50px; top: 25%; z-index: 10; width: 300px; } .wysiwyg img{ max-width:70%; } .jc6699bb5{ margin:0px auto; } .bannerline1 {height:1800px;} .bannerline2 {height:2400px;;} .bannerline3 {min-height:100%;} .bannerbox1 { position: sticky; top: 270px; } .show-material-page .page-show-baner {display:none;} .show-material-page .wysiwyg { display: inline-block; width: 100%; } .js-scroll-load-content, .js-scroll-load-wrapper {width:72%;} .js-scroll-load-wrapper .js-scroll-load-content {width:100%;} #content .wrap {} .columnbanner { position: absolute; top: 0; right: 0; height: 100%; width:300px; } #id-486682-6{ display:block; } #id-486682-15 { display:none; } @media screen and (max-width: 1140px) { .ya-banner{ display:none; } .ya-banner-2{ display:none; } .columnbanner { display:none; } .js-scroll-load-content, .js-scroll-load-wrapper { width:100%; } #id-486682-15 { display:block; } #id-486682-6{ display:none; } } .cookies{ position: fixed; display:none; bottom: 0px; width: 100%; background: rgba(0,0,0,0.8); z-index: 1000; color:#fff; text-align:center; } .cookies a{ color:#fff; text-decoration:underline; } .cookies .but-a-cook{ width:50px; padding:5px 15px; border:2px solid #fff; text-align:center; display:block; margin:20px auto; text-decoration:none; cursor:pointer; } .cookies p{ width: 80%; margin: 0px auto; margin-top: 30px; } @media screen and (max-width: 1140px) { .cookies{ top:0px; height: fit-content; font-size: 14px; }} .rss img{ width: 50%; margin-top: 7px; } .banner-ya-test{ width:970px; margin:0px auto; } @media screen and (max-width: 980px) { .banner-ya-test{ width:100%; margin:0px auto; } } @media screen and (max-width: 400px) { .banner-ya-test{ width:300px; margin:0px auto; } } @media screen and (max-width: 400px){ .video-responsive { padding-bottom: 0px; }} @media screen and (max-width: 320px){ .last_news .news-img a img{ width:320px; } } @media screen and (max-width: 375px){ .last_news .news-img a img{ width:375px; } } @media screen and (max-width: 400px){ .last_news .news-img a img{ width:400px; } .wrap-mob{ padding:0px; } } @media screen and (max-width: 425px){ .last_news .news-img a img{ width:425px; } .wrap-mob{ padding:0px; } .wysiwyg img { max-width: 100%; } } .wysiwyg yatag,.wysiwyg iframe,.wysiwyg video{ z-index:1; } .exclusive{ width: 125px; background: #a60505; text-align: center; color: #fff; margin-bottom: 10px; font-size: 34px; height:40px; } .show-material-page .exclusive{ margin-top: 25px; margin-bottom: -25px; } .banner-main-2{ position: relative; min-height: 1476px; } .banner-main-3{ position: relative; } .plav-m{ position: sticky; top: 100px; } .mob_1{ display:none; } @media screen and (max-width: 625px){ .pc_1{ display:none; } .mob_1{ display:block; } #content p{ font-size:20px; } } .wysiwyg iframe{ max-width: 100%; } #adfox_160796128593595094-full{ display:none; }