/* Start:/local/templates/ssj100/css/jquery.fancybox.min.css?165302774012795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/ssj100/css/main.css?179154552164554*/ @font-face { font-family: 'Stem-Light'; font-style: normal; src: local("Stem-Light"), url("/local/templates/ssj100/css/../font/Stem/stem-new/stem_light.woff2") format("woff2"), url("/local/templates/ssj100/css/../font/Stem/stem-new/stem_light.woff") format("woff"), url('/local/templates/ssj100/css/../font/Stem/stem-new/stem_light.otf') format("otf"); } @font-face { font-family: 'Stem-Regular'; font-style: normal; src: local("Stem-Regular"), url("/local/templates/ssj100/css/../font/Stem/stem-new/stem_regular.woff2") format("woff2"), url("/local/templates/ssj100/css/../font/Stem/stem-new/stem_regular.woff") format("woff"), url('/local/templates/ssj100/css/../font/Stem/stem-new/stem_regular.otf') format("otf"); } @font-face { font-family: 'Stem-Medium'; font-style: normal; src: local("Stem-Medium"), url("/local/templates/ssj100/css/../font/Stem/stem-new/stem_medium.woff2") format("woff2"), url("/local/templates/ssj100/css/../font/Stem/stem-new/stem_medium.woff") format("woff"), url('/local/templates/ssj100/css/../font/Stem/stem-new/stem_medium.otf') format("otf"); } :root { --black: #000000; --white: #FFFFFF; --blue: #002664; --grey: #969696; --light-blue: #0F4DBC; } * { margin: 0; padding: 0; } *, ::after, ::before { box-sizing: border-box; } img{ pointer-events: none; } .close { pointer-events: auto; } html, body { height: 100%; } body { font-family: 'Stem-Regular', sans-serif; font-size: 16px; line-height: 140%; color: #000000; background: #ffffff; } div{ display: block; } img{ object-fit: cover; } button{ cursor: pointer; button:focus; outline: none; } button:focus { outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color; } input{ font-family: 'Stem-Regular'; font-weight: normal; font-style: normal; } .header img.logo{ max-width:215px; } @media (max-width: 991px) { .version-pc{ display: none; } .header img.logo { margin: auto; } .d-flex.map iframe { width: 100%; max-height: 350px; } } @media (min-width: 992px) { .version-mb{ display: none; } } hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; } a:hover, a:focus { text-decoration: none; outline: none; } .wrapper{ display: flex; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; min-height: 100%; width: 100%; margin: 0 auto; } .container { height: 100%; width: 100%; padding: 0 44px; margin: 0 auto; } /* IE10+ CSS styles */ @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) { .container { height: auto; } } @media (max-width: 991px){ .container { padding: 0 24px; } } .content{ flex: 1 0 auto; width: 100%; } /* IE10+ CSS styles */ @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) { .content { min-height: calc(100vh - 200px); } } /* flex разметка*/ .d-flex { display: flex; display: -ms-flexbox; display: -webkit-flex; } .d-inline-flex { display: inline-flex; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; } .justify-content-between { -webkit-justify-content: space-between; justify-content: space-between; } .justify-content-start { -webkit-justify-content: flex-start; justify-content: flex-start; } .justify-content-end { -webkit-justify-content: flex-end; justify-content: flex-end; } .justify-content-center { -webkit-justify-content: center; justify-content: center; } .justify-content-around { -webkit-justify-content: space-around; justify-content: space-around; } .align-items-center { align-items: center; } .center-group { align-items: center; align-content: center; -webkit-justify-content: center; } .start-group { -webkit-justify-content: flex-start; justify-content: flex-start; } .flex-flow { flex-flow: row wrap; } .flex-direction { flex-direction: row-reverse; } /* grid разметка*/ .d-grid { display: grid; } .template-columns-2 { grid-template-columns: 50% 50%; grid-gap: 3vw; grid-template-columns: 48% 48%; /*grid-gap: 4%;*/ } .template-columns-3 { grid-template-columns: 1fr 1fr 1fr; grid-gap: 2vw 1.5vw; } .template-columns-4 { grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 2vw 4vw; } @media (max-width: 1650px) { .template-columns-3 { grid-template-columns: 1fr 1fr; grid-gap: 3vw; } } @media (max-width: 1350px) { .template-columns-4 { grid-template-columns: 1fr 1fr 1fr; grid-gap: 2vw 6vw; } } @media (max-width: 668px) { .template-columns-2 { grid-template-columns: 2fr; } .template-columns-3 { grid-template-columns: 1fr; grid-gap: 9vw; } .template-columns-4 { grid-template-columns: 1fr 1fr; grid-gap: 2vw 6vw; } } @media (max-width: 468px) { .template-columns-4 { grid-template-columns: 1fr 1fr; grid-gap: 16vw; } .raspisanie .title{ font-size: 45px; } } @media (max-width: 368px) { .template-columns-4 { grid-template-columns: 1fr; grid-gap: 26vw; } } /* header */ .otvet-auto{ font-family: Stem-Regular; font-weight: 300; position: absolute; bottom: 90px; right: 30px; font-size: 12px; line-height: 160%; color: rgb(255, 0, 0); } .otvet-reg{ bottom: 90px; } .nick{ display: flex; align-items: center; } .nick-name{ display: flex; align-items: center; margin-right: 10px; } .nick-name img{ width: 37px; height: 37px; border-radius: 50%; } .header{ width: 100%; align-items: center; padding-top: 50px; padding-bottom: 30px; } .header .login-head{ font-family: 'Stem-Medium'; font-size: 14px; line-height: 100%; } .header .header-left{ position: relative; font-size: 24px; line-height: 30px; align-items: center; } .header .header-left a{ text-decoration: none; color: #000000; } @media (max-width: 991px) { .header .header-left a span{ display: none; } } .header .header-right{ position: relative; } .header .header-right .pointer{ cursor: pointer; } .header .header-right img{ margin-right: 11px; } .header .header-right .login-img{ width: 20px; height: 20px; } .header .header-items{ align-items: center; } .popup{ display: none; } .popup-acttive{ display: flex; } .login-fon{ flex-direction: column; position: absolute; z-index: 2; bottom: -358px; left: -250px; right: 0px; width: 373px; height: 336px; background-size: cover; background-position: center center; background-color: #ffffff; border: 1px solid var(--blue); } .register-fon{ background: #fff; border: 1px solid var(--blue); /*bottom: -1090px; height: 1078px;*/ height: auto; bottom: auto; top: 40px; } .login-fon .content-group{ flex-direction: column; justify-content: space-between; padding: 40px 30px; width: 100%; height: 100%; overflow: hidden; } .login-fon .content-group .close{ position: absolute; right: 5px; top: 15px; height: 17px; width: 17px; cursor: pointer; } .login-fon .content-group h3{ font-style: normal; font-weight: normal; font-size: 20px; line-height: 25px; text-align: center; color: var(--blue); } .login-fon .content-group .info{ font-size: 16px; line-height: 22px; margin: 10px 0px; text-align: center; align-items: center; } .login-fon .content-group .info span{ cursor: pointer; color: var(--blue); padding-bottom: 2px; border-bottom: 1px solid var(--blue); } .login-fon .content-group .option-block{ flex: 1 0 auto; padding: 10px 0px; width: 100%; flex-direction: column; justify-content: space-between; } .login-fon .content-group .option-block input, .login-fon .content-group .option-block select{ width: 100%; height: 43px; padding: 5px; border: 1px solid var(--blue); background: transparent; margin: 0 auto; text-align: left; margin-bottom: 10px; line-height: normal; outline: 0; color: #000000; margin-bottom: 20px; } .login-fon .content-group .option-block select { cursor: pointer; } .login-fon .content-group .option-block select .select-item--hidden { display: none; } .login-fon .content-group .option-block input::placeholder { color: #000000; } .login-fon .content-group .option-block .submit{ background: var(--light-blue); color: #ffffff; font-family: Stem-Medium, serif; text-decoration: none; padding: 16px 24px; border: 0px; margin-bottom: 0px; font-weight: 300; font-size: 16px; line-height: 100%; cursor: pointer; transition: background .3s linear; } .login-fon .content-group .option-block .submit:hover{ background: var(--blue); } .register-fon .reg-policy { display: flex; align-items: flex-start; gap: 16px; } .register-fon .content-group form .real-checkbox { height: 25px; width: calc(100% - 60px); padding: 0; margin: 0; z-index: -1; opacity: 0; position: absolute; } .register-fon form .fake-checkbox { border: 1px solid var(--blue); height: 18px; width: 18px; min-width: 18px; position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease-out; } .register-fon form .real-checkbox:checked + .fake-checkbox { background-color: var(--light-blue); } .register-fon .reg-policy p { font-size: 12px; line-height: 160%; color: var(--grey); font-family: 'Stem-Regular'; } .register-fon .reg-policy p a { color: #0F4DBC; } .login-btn { display: block !important; width: auto !important; } .login-btn input{ height: auto !important; width: auto !important; border-radius: 4px; } .login-fon .content-group .option-block .sub-reg{ width: 100%; height: 62px; margin-top: 25px; } .login-fon .content-group .option-block .sub-reg .submit{ color: #fff; } .sub-container{ align-items: center; width: 100%; flex-direction: row; position: relative; } .sub-container .row{ position: absolute; z-index: 3; top: 13px; right: 80px; width: 13px; height: 15px; } .login-fon .content-group .option-block .sub-reg .row { position: absolute; z-index: 3; top: 19px; right: 8px; width: 13px; height: 25px; object-fit: contain; } .avatar-content{ flex-direction: column; border: 1px solid #0072BC; width: 160px; margin: 0px auto; margin-bottom: 20px; overflow: hidden; } .avatar-content .img{ background: #009FE333; border-bottom: 1px solid #0072BC; height: 171px; width: 160px; } .avatar-content .img img{ width: 100%; height: 100%; object-fit: cover; } .file{ padding: 10px 0px; cursor: pointer; } .file .file-selectdialog{ margin: 0px; width: 100%; } .file .file-selectdialog .file-extended .file-selector{ padding: 0px; width: 100%; display: flex; } .file .file-selectdialog .file-extended .file-uploader{ display: flex; width: 100%; justify-content: center; align-items: center; flex-direction: row; cursor: pointer; } .file .file-selectdialog .file-extended .file-uploader .file-but-text{ text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 0px 5px; } .file .file-selectdialog .file-extended .file-load-img{ display: none; } .file .file-selectdialog .file-extended .file-selector:hover { border: 0px dashed #d4dde1; } .file .file-selectdialog{ height: 100%; background: transparent; border: 0px !important; box-shadow: 0 0px 0px 0px rgb(164 164 164 / 70%) inset; } .file .file-selectdialog .file-placeholder{ display: none; } .file .file-selectdialog .file-label{ display: none; } .file .file-selectdialog{ padding: 0px; } .file .file-selectdialog .file-extended .file-selector{ justify-content: flex-start; align-items: center; flex-direction: row; font-weight: 300; font-size: 16px; color: #0072BC; margin: 0px auto; } .file-selectdialog .file-simple, .file-selectdialog .file-extended{ margin: 0px; width: 100%; } .file .upload{ justify-content: flex-start; align-items: center; flex-direction: row; font-weight: 300; font-size: 16px; color: #0072BC; margin: 0px auto; text-decoration: none; } .file .file-extended{ margin: 0px !important; } .file .upload img{ width: 18px; height: 18px; object-fit: contain; margin-left: 7px; margin-right: 0px; } .logout{ cursor: pointer; margin-left: 10px; } @media (max-width: 768px) { .login-fon{ position: fixed; left: 0px; right: 0px; top: 5px; bottom: 5px; width: 95%; height: 98%; margin: 0px auto; background-image: none; background: #fff; border: 1px solid #0072BC; } .login-fon .content-group{ height: 100%; overflow: auto; } .login-fon .content-group .option-block { flex: 1 0 auto; padding: 10px 0px; width: 100%; flex-direction: column; justify-content: center; } } /* index */ .top-block{ min-height: 800px; } /*.top-block::before { position: absolute; left: 0; content: ''; width: 500px; height: 400px; top: 0; bottom: 0; z-index: -2; background-size: cover; background-position: center center; background-image: url(/local/templates/ssj100/css/../img/shassi-1.png); } .top-block::after { position: absolute; content: ''; width: 846px; height: 935px; left: 79px; top: 220px; z-index: -1; background-size: cover; background-position: center center; background-image: url(/local/templates/ssj100/css/../img/Shem-pokraska.jpg); transform: rotate(-0.19deg); background-color: #fff; filter: alpha(opacity=15); -moz-opacity: 0.15; opacity: 0.15; }*/ .top-block .info-block{ flex-direction: row; width: 100%; padding-top: 60px; column-gap: 50px; } .top-block .info-block .info-items{ flex-direction: column; } .top-block .info-block .info-items .info-head{ flex-direction: column; } .top-block .info-block .info-items .info-head ul{ flex-direction: row; align-items: center; } .top-block .info-block .info-items .info-head ul li{ font-family: 'Stem-Regular'; align-items: center; flex-direction: row; display: flex; margin-left: 40px; color: #463B3B; } .top-block .info-block .info-items .info-head ul li img{ margin-right: 10px; width: 25px; height: 25px; } .top-block .info-block .info-items .info-body{ padding: 70px 0px; flex-direction: column; align-items: flex-start; } .top-block .info-block .info-items .info-body .item-body{ flex-direction: column; /*margin-bottom: 40px;*/ } .top-block .info-block .info-items .info-body .title{ font-family: 'Stem-Regular'; font-size: 56px; line-height: 100%; color: #002664; font-weight: 400; } .materials-title { font-family: 'Stem-Regular'; font-size: 56px; line-height: 100%; color: #002664; font-weight: 400; } @media(max-width: 768px) { .materials-title { font-size: 28px; } } .top-block .info-block .info-items .info-body .title span { white-space: nowrap; font-family: 'Helios Thin'; } .top-block .info-block .info-items .info-body .text-block{ font-size: 18px; line-height: 160%; color: #000000; width: 100%; padding-right: 9.5%; box-sizing: border-box; } .top-block .info-block .info-items .info-body .text-block .big-px{ font-size: 16px; display: block; } .top-block .info-items .info-items__img{ margin-bottom: 25px; } .top-block .info-items .info-items__img:first-child{ /*margin-top: 45px;*/ } .top-block .info-items .info-items__img:last-child{ margin-bottom: 0; } @media (min-width: 1201px) { .top-block .info-items.left-info-block { max-width: 505px; padding-top: 105px; } } @media (max-width: 1200px) and (min-width: 991px) { .top-block .info-items.left-info-block { max-width: 405px; padding-top: 105px; } } .top-organizer-block { margin-top: 30px; } .partrner-block{ color: #463B3B; flex-direction: column; flex-flow: column wrap; row-gup: 20px; } .item-body h3{ font-family: 'Stem-Regular'; font-size: 28px; line-height: 120%; font-weight: 300; margin-bottom: 40px; } @media (max-width: 768px) { .item-body h3{ font-size: 22px; margin-bottom: 0; } } .partrner-block .item-partner{ width: 215px; height: auto; } .partrner-block .item-partner img{ width: 215px; height: auto; } .info-url{ margin-top: 30px; } .info-url .btn-url{ flex-direction: row; justify-content: space-between; align-items: center; background: #0F4DBC; border-radius: 4px; color: #fff; width: 285px; height: 55px; padding: 16px 24px; font-family: 'Stem-Medium'; font-size: 16px; font-weight: 500; line-height: 100%; cursor: pointer; text-decoration: none; transition: all .3s linear; } .info-url .btn-url:hover{ background: var(--blue); } @media (max-width: 410px) { .info-url .btn-url{ font-size: 12px; } } .info-url .btn-url.big-btn{ width: 100%; max-width: 425px; } .info-url .btn-url.big-btn img{ margin-left: 10px; } .info-url .btn-url span{ } .info-url .btn-url img{ width: 24px; height: 24px; } .merop-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; border: none; background: #fff; max-width: 400px; padding: 60px; flex-direction: column; z-index: 1000; border: 1px solid var(--blue); } .merop-popup__close { position: absolute; right: 15px; top: 15px; height: 17px; width: 17px; cursor: pointer; background-color: transparent; border: none; } .merop-popup-btn { margin-top: 20px; } .template-columns-2.contact { grid-template-columns: 2fr 3fr; } .template-columns-2.contact .d-flex.map{ flex-direction: column; } .map_point_section { display: flex; } .point_section__block { display: flex; width: 50%; flex-direction: column; } .point_section__block:first-child { padding-right: 25px; } .point_item { display: flex; padding: 10px 0; height: 135px; overflow: hidden; text-decoration: none; color: inherit; cursor: pointer; } .point_item__text { width: 50%; } .point_item__title { color: #009FE3; font-family: 'Helios Thin'; font-style: normal; font-weight: 800; } .point_item__img { width: 50%; padding-left: 20px; display: flex; align-items: center; } .point_item__img img { width: 100%; height: auto; } .point_title { color: #fff; font-family: 'Helios Thin'; font-style: normal; font-weight: 800; height: 75px; padding: 10px; background: #01509F; margin-bottom: 10px; } #map{ width: 100%; height: 500px; margin-bottom: 25px; } p.point_item__tel { font-size: 16px; line-height: 2; } h3.info-block-about_title, .info-block-about .column h3{ font-family: 'Stem-Regular'; font-size: 56px; line-height: 100%; color: #002664; font-weight: 400; margin-top: 113px; margin-bottom: 30px; } @media (max-width: 991px) { .top-block .info-block{ flex-direction: column; } .top-block .info-block .info-items .info-head ul{ justify-content: flex-start; } .top-block .info-block .info-items .info-body{ justify-content: flex-start; align-items: flex-start; } .top-block .info-block .info-items .info-head ul li{ margin-left: 0px; margin-right: 40px; } .top-block .info-block .info-items .info-body .title { font-size: 53px; line-height: 62px; } /*.partrner-block .item-partner{ width: 101px; height: 38px; }*/ .partrner-block .item-partner img{ object-fit: contain; } .top-block::after{ width: 97%; height: 600px; left: 0px; right: 0px; } .template-columns-2.contact { grid-template-columns: 2fr; } .map_point_section { display: block; } .point_section__block { width: 100%; } .point_section__block:first-child { padding-right: 0; } .point_title { margin: 20px 0; height: auto; text-align: center; } #map { height: 350px; } .top-block .slick-slide { height: 100%; } .top-block .slick-slide > div{ height: 100%; } .top-block .info-items .info-items__img { width: 100%; height: 100%; object-fit: cover; } .top-block .info-items .info-items__img:first-child { margin-top: 0; margin-bottom: 25px; } .top-block .info-items .info-items__img{ margin-bottom: 25px; } .point_item{ height: auto; } } @media (max-width: 768px) { .top-block .info-block .info-items .info-head ul{ justify-content: flex-start; flex-direction: column; align-items: flex-start; } .top-block .info-block .info-items .info-head ul li{ align-items: flex-start; margin-bottom: 30px; } .top-block .info-block .info-items .info-body .text-block{ width: 100%; } .top-block .info-block .info-items .info-body .title { font-size: 28px; line-height: 1; margin: 0 0 20px 0; } h3.info-block-about_title { margin-bottom: 20px; } .top-block::before{ width: 97%; } } @media (max-width: 500px) { .info-url .justify-content-start{ width: 100%; } .info-url .btn-url{ width: 100%; } .info-url .btn-url.big-btn { height: auto; } } .block-right{ width: 100%; flex-direction: column; } .include-block{ width: 100%; background: #009FE3; color: #fff; padding: 100px 200px; } .include-block .text-block{ text-align: center; width: 100%; } .include-block .text-block a{ text-decoration: none; color: inherit; } .info-block-about{ width: 100%; padding: 0px 0px; flex-direction: column; } @media (max-width: 991px) { .include-block{ justify-content: flex-start; align-items: flex-start; align-content: flex-start; padding: 50px 30px; } } @media (max-width: 768px) { .include-block{ justify-content: flex-start; align-items: flex-start; align-content: flex-start; padding: 40px 10px; } } /* IE10+ CSS styles */ @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 991px) { .top-block .info-block .info-items .info-body .d-flex { max-width: 100%; } } .fon-img{ background: linear-gradient(0deg, rgba(0, 38, 100, 0.5), rgba(0, 38, 100, 0.5)), url(/local/templates/ssj100/css/../img/fon.webp); background-size: cover; background-repeat: no-repeat; width: 100%; min-height: 188px; } .fon-img h3{ margin-top: 0; color: #ffffff; font-size: 48px; line-height: 100%; padding-bottom: 0; margin-bottom: 24px; font-family: Stem-Medium; font-weight: 400; letter-spacing: -0.01em; } /* IE10+ CSS styles */ @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) { .fon-img { background-image: url(/local/templates/ssj100/css/../img/fon.png); } } .info-block-about.template-columns-2{ align-items: end; } .info-block-about .column{ position: relative; flex-direction: column; color: #463B3B; } .info-block-about .column1 img{ width: 100%; height: auto; } .info-block-about .column2{ padding: 20px 0px; font-weight: 300; font-size: 22px; line-height: 33px; letter-spacing: 0.03em; color: #463B3B; } .info-block-about .column2 ul{ padding-left: 40px; margin: 20px 0px; } .gost-fon { background-color: #F4F4F4; } .gost-block{ flex-direction: column; padding-bottom: 100px; align-items: center; position: relative; margin-bottom: 100px; } @media (max-width: 768px) { .gost-block{ padding-top: 0; } } .gost-title{ padding-top: 100px; font-family: 'Stem-Regular'; font-size: 56px; line-height: 100%; color: #002664; font-weight: 400; margin-bottom: 30px; } @media (max-width: 768px) { .gost-title{ font-size: 28px; margin-bottom: 0; } } .gost-block .gost-block__numlist, .gost-block .gost-block__enumlist { flex-direction: column; text-decoration: none; list-style: none; font-weight: 300; font-size: 22px; line-height: 26px; align-items: center; letter-spacing: 0.03em; } @media (max-width: 1400px) { .gost-block .gost-block__numlist, .gost-block .gost-block__enumlist{ font-size: 18px; } } .gost-block__numlist { counter-reset: li; padding-left: 0px; margin: 40px 0 0 0; column-count: 2; } .gost-block__numitem { font-family: 'Stem-Medium'; margin-bottom: 16px; } @media (max-width: 1200px) { .gost-block .gost-block__numlist, .gost-block .gost-block__enumlist{ font-size: 22px; } .gost-block__numlist { column-count: 1; } } @media(max-width: 768px) { .gost-block .gost-block__numlist, .gost-block .gost-block__enumlist{ font-size: 16px; } } .gost-block__numitem:not(:first-child) { margin-top: 38px; } .gost-block__numitem:before { counter-increment: li; content: counters(li, ".") ". "; color: #0F4DBC; font-family: "Stem-Regular"; font-size: 18px; line-height: 140%; margin-right: 6px; } .gost-block__enumlist { margin-top: 16px; padding-left: 32px; font-family: 'Stem-Regular'; } .gost-block ul li{ position: relative; margin-bottom: 16px; width: 100%; display: flex; align-items: start; } .gost-block ul li:before{ content: ""; background: #0F4DBC; width: 6px; height: 6px; min-width: 6px; min-height: 6px; display: block; border-radius: 50%; margin-right: 16px; margin-top: 7px; } .gost-block h4{ text-align: center; font-family: 'Helios Thin'; font-style: normal; font-weight: 700; font-size: 23px; line-height: 26px; /*color: #01509F;*/ margin: 0px auto; margin-bottom: 30px !important; margin-top: 30px !important; width: 500px; /* padding-left: 40%; */ text-align: left } .gost-block h4.subtitle { font-size: 32px; line-height: 36px; margin-bottom: 10px !important; color: #0072BC; font-weight: 300; } .gost-block .block-absolute{ position: absolute; width: 475px; height: 300px; right: -400px; top: 190px; } .gost-block .block-absolute img{ width: 100%; height: 100%; object-fit: cover; } /* IE10+ CSS styles */ @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 991px) { .gost-block .block-absolute { background-image: url("/local/templates/ssj100/img/partner.jpg"); background-size: cover; background-position-y: center; } .gost-block .block-absolute img {display:none;} } @media (max-width: 1400px) { .gost-block{ /*width: 60%;*/ min-height: 1px; height: auto; align-items: flex-start; } .gost-block h3{ width: 100%; margin: 0 auto; } .gost-block .block-absolute{ position: absolute; width: 45%; height: 60%; right: -35%; top: 190px; } } @media (max-width: 991px) { .gost-block{ width: 100%; min-height: 1px; height: auto; align-items: flex-start; margin-top: 0px; } .gost-block .block-absolute{ right: 0px; width: 296px; height: 185px; top: -80px; } .gost-block h4{ width: 90%; margin: 0 auto; align-items: flex-start; padding-left: 20px; } .gost-block h3{ width: 90%; margin: 0 auto } } .raspisanie{ flex-direction: column; width: 1005; padding: 100px; } .raspisanie .title{ font-family: 'Helios Thin'; font-style: normal; font-weight: 300; font-size: 48px; line-height: 56px; color: #002664; margin-bottom: 50px; } .raspisanie .template-columns-3{ grid-template-columns: 1fr 1fr; grid-gap: 0.2vw; } .raspisanie .template-columns-3 .column{ background: #F4F4F4; font-size: 18px; line-height: 22px; letter-spacing: 0.03em; color: #463B3B; padding: 10px; } .raspisanie .template-columns-3 .column1{ color: #01509F; } /* IE10+ CSS styles */ @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) { .raspisanie .d-grid { display:flex; flex-direction:row; -ms-flex-direction:row; flex-wrap:wrap; -ms-flex-wrap:wrap; } .raspisanie .d-grid .column {width: calc(50% - 0.1vw); margin-left: 0.2vw; margin-bottom: 0.2vw;} .raspisanie .d-grid .column1 {margin-left: 0px; justify-content: center;} } @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 991px) { .raspisanie .d-grid .column {width: 100%; margin: 0;} .raspisanie .d-grid .column1 {margin-top: 30px; justify-content: flex-start;border-bottom: 1px solid #fff;} } @media (max-width: 991px) { .raspisanie .template-columns-3{ grid-template-columns: 1fr; grid-gap: 0vw; } .raspisanie .template-columns-3 .column1 { margin-top: 30px; justify-content: flex-start; border-bottom: 1px solid #fff; } .raspisanie .title{ margin-bottom: 10px; } } @media (max-width: 768px) { .raspisanie{ padding: 100px 0px; } } .contact{ padding: 0px 0px; margin-bottom: 20px; } .contact .title{ font-family: 'Helios Thin'; font-style: normal; font-weight: 300; font-size: 48px; line-height: 56px; color: #002664; margin-bottom: 100px; } .contact .info{ flex-direction: column; } .contact .address{ } .contact .address a{ text-decoration: none; color: inherit; } .contact .address a:hover{ color: inherit; } .contact .address p{ align-items: center; display: flex; margin-bottom: 25px; font-size: 18px; line-height: 22px; } /* IE10+ CSS styles */ @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) { .d-grid.contact{ display:flex; flex-direction:row; -ms-flex-direction:row; } .contact .info {margin-right: 1.5vw;flex-direction: row;max-width: 40%;} .contact .map {margin-left: 1.5vw;max-width: 60%;} } @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 991px) { .d-grid.contact { flex-wrap:wrap; -ms-flex-wrap:wrap; } .contact .info {max-width: 100%;margin: 0;margin-bottom: 1.5vw;} .contact .map {max-width: 100%;width: 100%;margin: 0;margin-top: 1.5vw;} .contact .map .point_section__block {display:block;max-width: 100%;flex-direction: row;} .template-columns-2.contact .d-flex.map {display:block;} .point_item__img { background-size: cover; background-position-y: center; } .map_point_section { display: flex; -ms-flex-wrap: wrap; } } @media (max-width: 991px) { .contact{ grid-template-columns: 2fr; margin-bottom: 30px; } .gost-block .title{ font-size: 32px; line-height: 37px; } .gost-block ul li{ margin-bottom: 20px; } } @media (max-width: 768px) { .contact .title{ margin-bottom: 50px; } .info-block-about{ padding-bottom: 50px; } } @media (max-width: 500px) { .gost-block .title{ font-size: 26px; line-height: 33px; } .contact .title{ font-size: 40px; } } /* activity */ .day-container{ width: 100%; flex-direction: column; padding: 35px 0px; position: relative; } .day-container .activity-title{ align-items: center; flex-flow: row wrap; border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding-bottom: 20px; } .day-container .activity-title h3{ margin-top: 0; color: #002664; font-size: 56px; line-height: 100%; padding-bottom: 0; margin-bottom: 24px; font-family: Stem-Regular; font-weight: 400; letter-spacing: -0.01em; } .day-container .activity-title .search-container{ position: relative; width: 447px; height: 51px; } .day-container .activity-title .search-container .form-control{ background: transparent; border: 1px solid #009FE3; outline: none; width: 100%; height: 100%; padding: 14px; font-size: 18px; line-height: 22px; color: #463B3B; } .day-container .activity-title .search-container .form-control::-webkit-input-placeholder { color: #C4C4C4; } .day-container .activity-title .search-container .form-control::-moz-placeholder { color: #C4C4C4; } .day-container .activity-title .search-container .ico-seacrh{ position: absolute; z-index: 2; width: 25px; height: 25px; top: 14px; right: 6px; } .day-container .activity-title .search-container .ico-seacrh img{ width: 100%; height: 100%; object-fit: contain; } .activity-list{ position: relative; width: 100%; flex-direction: column; padding: 40px 0px; } .activity-list .activity-list-container{ grid-template-columns: 0.2fr 2fr; /*padding-bottom: 40px;*/ } .hid { display: none; } .activity-list .activity-list-container .time{ flex-direction: column; position: relative; padding-right: 40px; border-right: 2px solid var(--light-blue); } .activity-list .activity-list-container .time-last { border-right: 2px solid transparent; } .activity-list .activity-list-container .time::before { content: ""; position: absolute; z-index: 2; top: 0px; right: -11px; width: 20px; height: 20px; background: var(--light-blue); border-radius: 50%; } .activity-list .activity-list-container .time-search::before { right: -14px; } .activity-list .activity-list-container .time-search{ border-right: 0px solid #E5E5E5; } .activity-list .activity-list-container .time h3{ width: 100px; padding-right: 8px; color: var(--light-blue); font-family: "Stem-Regular"; font-size: 28px; line-height: 120%; font-weight: 300; } @media (max-width: 1200px) { .activity-list .activity-list-container .time h3 { width: 70px; } } @media (max-width: 991px) { .activity-list .activity-list-container .time h3 { width: 50px; } } .activity-list .activity-list-container .info{ flex-direction: column; position: relative; margin-bottom: 34px; } .activity-list .activity-list-container .info h4{ font-style: normal; font-weight: 500; font-size: 24px; line-height: 30px; } .activity-list .activity-list-container .info .preview{ font-style: normal; font-weight: 300; font-size: 18px; line-height: 22px; margin-bottom: 10px; width: 571px; counter-reset: div; } .activity-list .activity-list-container .info .preview div:before{ counter-increment: div; content: counters(div, ".") ". "; color: #0F4DBC; font-family: "Stem-Regular"; font-size: 18px; line-height: 140%; margin-right: 6px; } .activity-list .activity-list-container .info a{ position: absolute; bottom: -18px; text-decoration: none; color: var(--light-blue); font-weight: normal; font-size: 18px; line-height: 30px; align-items: center; transition: color .3s; } .activity-list .activity-list-container .info a:hover{ color: var(--blue); } .activity-list .activity-list-container .info a img{ width: 20px; height: 14px; margin-left: 8px; transform: rotate(180deg); } /* IE10+ CSS styles */ @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) { .activity-list .activity-list-container{ display:flex; flex-direction:row; -ms-flex-direction:row; } .activity-list .activity-list-container .time {width: 20%;margin-right: 1.5vw;} .activity-list .activity-list-container .info {width: 80%;margin-left: 1.5vw;} } .container .detali-content a{ text-decoration: none; color: #002664; font-weight: normal; font-size: 24px; line-height: 30px; align-items: center; } .container .detali-content a img{ width: 20px; height: 20px; margin-right: 8px; } @media (max-width: 991px) { .day-container .activity-title { flex-direction: column-reverse; align-items: flex-start; } .day-container .activity-title h3{ font-size: 36px; line-height: 42px; } .activity-list .activity-list-container .info h4{ font-size: 18px; line-height: 30px; } .activity-list .activity-list-container .info .preview{ font-size: 16px; line-height: 20px } .activity-list .activity-list-container .info a{ bottom: -10px; font-size: 14px; line-height: 14px; } .activity-list .activity-list-container .info a img{ width: 16px; height: 9px; } .activity-list .activity-list-container .time h3{ font-size: 24px; line-height: 30px; } } @media (max-width: 768px) { .fon-img h3{ margin-top: 0; line-height: 100%; padding-bottom: 0; margin-bottom: 24px; font-family: Stem-Regular; font-size: 42px; font-weight: 400; } .activity-list .activity-list-container .info .preview{ width: 100%; } .day-container .activity-title .search-container{ width: 100%; } .day-container .activity-title .search-container{ margin-bottom: 30px; } .activity-list .activity-list-container .time::before{ top: -3px; right: -12px; width: 20px; height: 20px; } .template-columns-2 { grid-gap: 8%; } } /* detali */ .detali-title{ margin-top: 90px; padding-bottom: 10px; border-bottom: 1px solid #E5E5E5; } .detali-title h3{ font-weight: 600; font-size: 24px; line-height: 30px; } .detali-content{ width: 100%; margin: 10px 0px; flex-direction: column; position: relative; } .detali-content-links { display: flex; flex-direction: row; justify-content: space-between; } @media (max-width: 1200px) { .detali-content-links { flex-direction: column; justify-content: flex-end; align-items: flex-end; row-gap: 20px; } } @media (max-width: 768px) { .container .detali-content a { font-size: 18px; line-height: 100%; } .detali-content-links { row-gap: 20px; } .container .detali-content a { text-align: left; } } @media (max-width: 410px) { .container .detali-content a { font-size: 14px; } .activity-list .activity-list-container .info h4 { font-size: 14px; line-height: 120%; } .activity-list .activity-list-container .info .preview { font-size: 12px; } .activity-list .activity-list-container .info .preview div:before { font-size: 16px; } } .translation-title { margin: 40px 0; } @media (max-width: 768px) { .translation-title { font-size: 28px; } } .detali-content .head-detali{ position: relative; } .detali-content .head-detali .left{ position: relative; flex-direction: column; } .detali-content .head-detali .left h3{ font-weight: 500; font-size: 36px; line-height: 45px; color: var(--blue); } .detali-content .head-detali .left .hr{ margin: 30px 0px; width: 150px; height: 2px; background: #E5E5E5; } .detali-content .head-detali .left .preview{ width: 100%; font-size: 18px; line-height: 23px; margin-top: 30px; } .detali-content .head-detali .left .text{ width: 100%; font-size: 18px; line-height: 23px; } .detali-content .head-detali .right{ position: relative; flex-direction: column; } .detali-content .head-detali .right .item{ display: inline-flex; flex-direction: row; width: 100%; margin-bottom: 15px; font-size: 24px; line-height: 30px; color: #01509F; text-decoration: none; } .detali-content .head-detali .right .item img{ width: 27px; height: 27px; margin-right: 22px; } .detali-content .detali-text{ font-size: 18px; line-height: 25px; color: #463B3B; margin-bottom: 20px; } .vopros{ flex-direction: column; width: 100%; margin: 30px 0px; } .vopros .title-block{ flex-direction: row; align-items: center; margin: 40px 0px; } .vopros .title-block .hr{ width: 95px; height: 2px; margin: auto 0px; margin-right: 26px; background: var(--blue); } .vopros .title-block p{ font-size: 18px; line-height: 22px; } .vopros .title{ font-size: 24px; line-height: 30px; color: var(--blue); font-weight: 400; margin-bottom: 35px; } .vopros-container{ width: 100%; flex-direction: column; } .vopros-container .add-container{ width: 100%; flex-direction: column; position: relative; margin-bottom: 30px; border: 1px solid #C4C4C4; } .vopros-container__answer { padding: 10px 15px; border-top: 1px solid #C4C4C4; font-size: 16px; } .vopros-container__answer span {font-weight: 600;padding-left: 10px;} .vopros-container .add-container .textarea{ font-family: 'Stem-Regular', Arial, sans-serif; height: 151px; font-size: 18px; line-height: 22px; padding: 18px 15px; position: relative; } @media (max-width: 668px) { .vopros-container .add-container .textarea { height: 201px; } } /* IE10+ CSS styles */ @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) { .vopros-container .add-container .textarea{overflow-y: auto;border: none;} } .vopros-container .add-container .text-block{ /*border: 1px solid #C4C4C4;*/ } .vopros-container .add-container .btn-add{ position: absolute; right: 20px; bottom: 20px; background: #0F4DBC; border-radius: 4px; color: #ffffff; text-decoration: none; padding: 16px 24px; font-size: 16px; line-height: 100%; font-weight: 500; display: inline-block; border: none; font-family: Stem-Medium, serif; text-align: center; cursor: pointer; transition: background-color .3s; } .vopros-container .add-container .btn-add:hover { background-color: var(--blue); } .vopros-container .add-container .btn-add img{ width: 20px; height: 20px; margin-left: 10px; } .vopros-container .add-container .crug img{ width: 10px; height: 10px; margin-right: 10px; } .vopros-container .add-container .crug span{ font-size: 18px; line-height: 22px; } .vopros-container .comments{ padding-top: 10px; flex-direction: column; } .vopros-container .comments .controller{ align-items: center; flex-direction: row; margin-bottom: 20px; } .vopros-container .comments .controller img{ width: 20px; height: 20px; margin-right: 20px; object-fit: contain; } .comments-container{ flex-direction: column; width: 100%; } .comments-container .item{ flex-direction: column; margin-bottom: 25px; } .comments-container .comment-head{ flex-direction: row; align-items: center; width: 100%; border-bottom: 1px solid #E5E5E5; padding-bottom: 15px; margin-bottom: 15px; } .comments-container .comment-head img{ width: 37px; height: 37px; border-radius: 50%; margin-right: 25px; } .comments-container .comment-head span{ font-size: 18px; line-height: 22px; letter-spacing: 0.03em; color: #0072BC; } .comments-container .comment-body{ font-size: 18px; line-height: 140.5%; } .otvet-comment{ position: absolute; bottom: -25px; color: rgb(255, 0, 0); } /* vote */ .vote-container {display: flex;} .vote-item {margin-bottom: 40px;margin-right: 60px;} .vote-btn__container, .vote-total__container { display: flex; flex-wrap: wrap; } .vote-btn__container {margin-bottom: 15px;} .vote-btn { /*max-width: 200px;*/ margin-right: 40px; } .vote-btn:last-of-type {margin-right: 0;} .vote-btn a, .vote-btn .vote__submit { background: #0072BC; color: #fff; width: 180px; height: 55px; padding: 17px 17px; font-size: 18px; line-height: 21px; cursor: pointer; text-decoration: none; display: inline-block; text-align: center; border: 0; } .vote-total { text-align: center; max-width: 180px; width: 100%; margin-right: 40px; } .vote-total:last-of-type,.vote-item:last-of-type {margin-right: 0;} .vote-total__count { color: #0072BC; font-size: 150%; font-weight: 700; } .vote-total__percent { font-weight: 400; color: #463B3B; } .vote-item__offer .vote-btn__container{max-height: 55px;} .vote-item__offer form {display: flex;} .vote-offer-text {margin-left: 20px;} .vote-offer-text .textarea {border: 1px solid #C4C4C4;padding: 5px;} @media (max-width: 991px) { .vote-container {flex-wrap: wrap;} .vote-item {width: 100%;margin-right: 0;} } @media (max-width: 480px) { .vote-btn a,.vote-btn .vote__submit,.vote-total { font-size: 16px; width: 130px; } .vote-btn,.vote-total { margin-right: 20px; } .vote-total {font-size: 15px;} .vote-total__count {font-size: 140%;} .vote-item__offer .vote-btn__container {max-height: none;} .vote-item__offer form {flex-wrap: wrap;} .vote-item__offer .vote-btn .vote__submit {width: 100%;} .vote-offer-text {margin-left: 0px;margin-top: 15px;width: 100%;} .vote-item__offer {max-width: 280px;} .vote-item__offer .vote-btn,.vote-offer-text .textarea {width: 100%;} .vote-item__offer .vote-total {width: 100%;margin: auto;} } .container .detali-content .item{ display: flex;} .container .detali-content .vote-btn {margin-left: 20px;} .container .detali-content .vote-btn a { color: #fff; font-size: 18px; line-height: 21px; text-decoration: none; width: 160px; } @media (max-width: 768px) { .container .detali-content .item {flex-wrap: wrap;} .container .detali-content .vote-btn {margin-left: 0;margin-top: 15px;width: 100%;} .container .detali-content .vote-btn a {height: 40px;padding: 10px 15px;} } /* seacrh */ span.highlight { background-color: #C6D9DB; cursor: pointer; } span.splink { color: #0A5794; cursor: pointer; } #spresult{ position: absolute; bottom: -30px; left: 0px; } /* footer */ .footer{ background-color: #002664; padding: 30px 0px; font-size: 18px; line-height: 22px; text-align: center; letter-spacing: 0.03em; color: #fff; } .item-spicker { display: flex; column-gap: 20px; row-gap: 20px; margin-bottom: 20px; align-items: center; padding-bottom: 10px; position: relative; } .item-spicker::after { content: ""; border-bottom: 1px solid var(--blue); width: 50%; position: absolute; left: 220px; bottom: 0; } .item-spicker__info { width: 50%; } .item-spicker__img { background-position: 0 0; background-color: transparent; background-repeat: no-repeat; background-size: cover; width: 200px; height: 200px; border-radius: 50%; min-width: 200px; min-height: 200px; } @media (max-width: 550px) { .item-spicker__img { width: 100px; height: 100px; min-width: 100px; min-height: 100px; background-size: cover; } .item-spicker::after { left: 120px; width: calc(100% - 120px); } .item-spicker__info { width: 80%; } } .item-spicker__img img { } .item-spicker .item-spicker__fio { color: var(--blue); font-size: 22px; line-height: 160%; font-weight: bold; } @media (max-width: 550px) { .item-spicker .item-spicker__fio { font-size: 18px; } } .item-spicker .item-spicker__post { font-size: 18px; font-weight: bold; line-height: 160%; } @media (max-width: 768px) { .item-spicker .item-spicker__post { font-size: 16px; } } .item-spicker .item-spicker__theme { font-size: 16px; line-height: 160%; font-weight: 300; } .border-active{ border-right: 2px solid var(--blue) !important; } .activity-list .activity-list-container .time-active::before{ background: var(--blue); } /* popup */ .dark-fon { display: none; position: fixed; z-index: 99999; top: 0; left: 0; bottom: 0; right: 0; flex-direction: column; width: 100%; height: 100%; background: rgba(38, 35, 35, 0.55); border: 1px solid #707070; } .dark-active { display: block; } .popup-form { display: none; width: 600px; height: auto; background: #ffffff; position: relative; padding: 60px; } .popup-form-active { display: flex; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999999; } .close-form { position: absolute; top: 30px; right: 30px; width: 15px; height: 15px; color: #707070; cursor: pointer; font-size: 1.5rem; } .popup-form-content { width: 100%; flex-direction: column; align-items: center; } .popup-form-content h3 { text-align: center; } .popup-form-content button { width: 100%; border: 0px; } .action-form { flex-direction: column; } .popup-form .form-group .pole input { font-size: 1rem; } .popup-form .form-group .pole label { font-size: 0.85rem; } .popup-form .form-group input:focus + .name { top: 2px; } .popup-form .form-group input.active { padding-top: 20px !important; transition-duration: 0.3s; } .popup-form .form-group label.active { top: 2px; } .popup-form .text{ margin: 15px 0px; text-align: center; } .popup-form .btn{ background: #0F4DBC; min-width: 200px; border-radius: 4px; color: #ffffff; text-decoration: none; padding: 16px 24px; margin: 30px 0; font-size: 16px; line-height: 100%; font-weight: 500; border: none; font-family: Stem-Medium, serif; align-items: center; justify-content: center; transition: background .3s linear; cursor: pointer; } .popup-form .btn:hover{ background: var(--blue); } @media (max-width: 768px) { .popup-form-active { left: 0px; right: 0px; top: 50%; transform: translate(0%, -50%); } .popup-form { width: 100%; } } .covid-content{ padding-bottom: 30px; } .covid-content p { font-size: 16px; line-height: 160%; font-weight: 300; } .covid-content .title { font-family: 'Stem-Regular'; font-size: 56px; line-height: 100%; color: #002664; font-weight: 400; margin-bottom: 50px; } @media (max-width: 768px) { .covid-content .title { padding: 0; } } .covid-content a{ line-height: 160%; text-decoration: underline; color: #0F4DBC; transition: all 0.3s; } .covid-content a:hover{ text-decoration: none; color: #002664; } .covid-content__link { display: block; } @media (max-width: 768px) { .covid-content__link { margin-bottom: 15px; } } .hidden {display: none;} .documents-list { display: flex; flex-direction: column; justify-content: flex-start; margin-left: -30px; margin-right: -30px; margin-top: 30px; } .documents-list__item { width: 50%; padding: 0 30px; margin-bottom: 25px; } .documents-list .documents-list__item a{ font-size: 21px; line-height: 20px; transition: all .3s; } .documents-list .documents-list__item a:hover{ color: var(--light-blue) } @media (max-width: 768px) { .documents-list .documents-list__item a{ font-size: 18px; align-items: flex-start; } } @media (max-width: 991px) { .documents-list {margin-left: 0;margin-right: 0;} .documents-list__item {width: 100%;padding: 0;} .raspisanie .title{font-size: 45px;} .info-items__img{ display: none; } .info-items__img:first-child{ display: block; max-width: 100%; } .slick-dotted.slick-slider{ margin-bottom: 0; } .info-items.slider-block{ margin-bottom: 37.7px; } } .info-block-about.slider-block.slick-initialized.slick-slider.slick-dotted { padding-bottom: 60px; } .top-block .slick-dots, .info-block-about.slider-block .slick-dots { bottom: 0px; } .top-block .slick-dots li button::before, .info-block-about.slider-block .slick-dots li button::before { border: 1px solid var(--blue); font-size: 0; border-radius: 50%; } .text-thanks { font-weight: 700; text-align: center; margin: 40px 0 0; } font.errortext.text-thanks { display: block; } .container.covid-content .bx-authform { display: none; } .video-descr { margin: 20px 0; } /* IE10+ CSS styles */ @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) { .d-grid.info-block-about { display:flex; flex-direction:row; -ms-flex-direction:row; } .info-block-about .column1 {margin-right: 5vw;} .info-block-about .column2 {margin-left: 5vw;} } @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 991px) { .info-block-about { flex-wrap:wrap; -ms-flex-wrap:wrap; } .info-block-about .column {margin: 0; width: 100%;} .info-block-about .column1 {margin-bottom: 5vw;} .info-block-about .column2 {margin-top: 5vw;} } @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 768px) { .info-block-about .column {margin-top: 0;} } @media (max-width: 991px) { .info-block-about{ grid-template-columns: 1fr; grid-gap: 3vw; } } @media (max-width: 768px) { h3.info-block-about_title, .info-block-about .column h3, .covid-content .title{ font-size: 30px; line-height: 1.2; } .gost-block h3.title { width: 100%; } .info-block-about .column2{ margin-bottom: 40px; } .top-block .info-block .info-items .info-body .title { word-wrap: anywhere; } .detali-content-links { grid-template-columns: 100%; } .gost-block__numitem:not(:first-child){ margin-top: 16px; } .top-organizer-block h3{ margin-bottom: 30px; } } @media (max-width: 500px) { .info-block-about .column h3{ font-size: 40px; } } @media (max-width: 410px) { .include-block .text-block h3{ font-size: 30px; line-height: 36px; overflow-wrap: anywhere; } .activity-list .activity-list-container .info { overflow-wrap: anywhere; } .gost-block__enumlist{ padding: 0; } } .vopros-container .add-container .vopros-textarea { padding: 18px 155px 18px 15px; outline: none; } .vopros-wrap { position: relative; } .vopros-block__text { overflow: auto; } .vopros-wrap:not(:last-child) { margin-bottom: 60px; } .vopros-status { position: absolute; top: -24px; right: 0; } .vopros-status:before { content: ""; position: absolute; top: 7px; left: -14px; width: 6px; height: 6px; background-color: var(--light-blue); border-radius: 50%; } .vopros-substrate { display: none; } @media (max-width: 668px) { .vopros-container .add-container .textarea { font-size: 16px; } .vopros-substrate { display: block; position: absolute; bottom: 1px; left: 2px; z-index: 1; background-color: #fff; width: 94%; height: 80px; } .vopros-container .add-container .vopros-textarea { position: relative; padding: 18px 15px 80px 15px; } .btn-add { z-index: 2; } .vopros-container .add-container .crug span { font-size: 16px; } .vopros-status { position: absolute; top: -24px; left: 0; margin-left: 24px; } .vopros-status__text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .activity-list_description{ margin-bottom: 40px; } @media (max-width: 468px) { .vopros-substrate { display: block; position: absolute; bottom: 1px; left: 2px; z-index: 1; background-color: #fff; width: 90%; height: 80px; } .activity-list_description{ margin-bottom: 30px; } } .activity-list .activity-list-container .info .preview .columns-info div:before, .activity-list .activity-list-container .info .preview .columns-info:before{ content: none; } .columns-info { display: flex; gap: 20px; align-items: center; margin-top: 30px; } .columns-info_img { border-radius: 50%; overflow: hidden; aspect-ratio: 1; width: 52px; height: 52px; box-sizing: border-box; flex-shrink: 0; } .columns-info_img img{ width: 100%; height: 100%; object-fit: cover; object-position: top; } .columns-info b { font-weight: bold; } .columns-info_itext{ line-height: 160%; } @media (max-width: 600px) { .columns-info { flex-wrap: wrap; } .covid-content .title { margin-bottom: 30px; } .activity-list{ padding-top: 10px; padding-top: 10px; } .covid-content { padding-bottom: 10px; } } @media (max-width: 400px) { .activity-list .activity-list-container .time h3 { font-size: 18px; line-height: 18px; } .activity-list .activity-list-container .time { padding-right: 24px; } } /*Accordion*/ .accordion { width: 100%; border-top: 1px solid #c8c8c8; font-family: 'Stem-Regular', Arial, sans-serif; margin: 60px 0; } .accordion__item { border-bottom: 1px solid #c8c8c8; } .accordion__header { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 112px; padding: 20px 0; border: 0; background: transparent; color: #000; text-align: left; gap: 25px; cursor: pointer; } .accordion__title { font-size: 28px; line-height: 1.2; font-weight: bold; font-family: 'Stem-Regular', Arial, sans-serif; } .accordion__icon { position: relative; flex: 0 0 40px; width: 40px; height: 40px; margin-left: 30px; border: 1px solid #999; border-radius: 50%; } .accordion__icon::before, .accordion__icon::after { content: ""; position: absolute; top: 50%; left: 50%; background: #002664; } .accordion__icon::before { width: 20px; height: 2px; transform: translate(-50%, -50%); } /* Вертикальная линия только у закрытого пункта */ .accordion__item:not(.accordion__item--active) .accordion__icon::after { width: 2px; height: 20px; transform: translate(-50%, -50%); } .accordion__content { display: none; } .accordion__item--active .accordion__content { padding: 0 0 56px; } .accordion__item:focus-visible, .accordion__item:focus, .accordion__header:focus{ outline: none; } /* PDF */ .accordion__file-link { display: inline-flex; align-items: center; color: #1452c5; text-decoration: none; transition: background 0.3s ease; } .accordion__file-link::before { content: attr(data-type); width: 39px; min-width: 39px; height: 51px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='51' viewBox='0 0 39 51' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38 9.45968V50H1V1H38V9.45968ZM0 0H1H38H39V1V9.45968V50V51H38H1H0V50V1V0ZM32.682 21C32.8401 21 33 20.8918 33 20.6853V8.91144C33 7.85765 32.1426 7 31.0888 7H19.3142C19.1187 7 19.0253 7.14027 19.0048 7.26033C18.984 7.38187 19.0262 7.5471 19.2132 7.61248C26.6885 10.2333 29.7667 13.3114 32.3878 20.7872C32.4345 20.9204 32.5444 21 32.682 21Z' fill='%230F4DBC'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E") no-repeat; margin-right: 16px; display: flex; align-items: end; justify-content: center; text-transform: uppercase; font-size: 12px; line-height: 160%; margin-top: 0; margin-left: -1px; } .accordion__file-link:hover:before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='51' viewBox='0 0 39 51' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38 9.45968V50H1V1H38V9.45968ZM0 0H1H38H39V1V9.45968V50V51H38H1H0V50V1V0ZM32.682 21C32.8401 21 33 20.8918 33 20.6853V8.91144C33 7.85765 32.1426 7 31.0888 7H19.3142C19.1187 7 19.0253 7.14027 19.0048 7.26033C18.984 7.38187 19.0262 7.5471 19.2132 7.61248C26.6885 10.2333 29.7667 13.3114 32.3878 20.7872C32.4345 20.9204 32.5444 21 32.682 21Z' fill='%23002664'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E") no-repeat; color: #002664; } .accordion__file-link:hover{ color: #002664; } .accordion__file-name { font-size: 14px; line-height: 1.05; } /* Adaptive */ @media (max-width: 767px) { .accordion__header { min-height: 80px; padding: 18px 0; } .accordion__title { max-width: calc(100% - 60px); font-size: 18px; line-height: 1.2; } .accordion__icon { flex-basis: 36px; width: 36px; height: 36px; margin-left: 20px; } .accordion__icon::before { width: 17px; } .accordion__item:not(.accordion__item--active) .accordion__icon::after { height: 17px; } .accordion__item--active .accordion__content { padding-bottom: 35px; } .accordion { margin: 40px 0 60px 0; } } @media (max-width: 390px) { .accordion__title { font-size: 16px; } } .footer_wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .footer_wrap div:last-child{ text-align: right; } .footer_wrap div:first-child{ text-align: left; } .footer_wrap a { font-family: Stem-Medium, sans-serif; color: rgb(255 255 255 / 50%); font-size: 12px; text-decoration: none; } @media (max-width: 678px){ .footer_wrap { display: flex; flex-direction: column-reverse; } .footer_wrap div:last-child { text-align: center; } } .market-leaders { padding: 0 0px 80px; background: #fff; } .market-leaders__container { width: 100%; margin: 0 auto; } .market-leaders__title { margin: 0 0 80px; font-family: 'Stem-Regular'; font-size: 56px; line-height: 100%; color: #002664; font-weight: 400; } .market-leaders__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 30px; max-width: 1340px; } /* Card */ .leader-card { min-width: 0; min-height: 465px; padding: 13px 18px 35px; background: #f4f5fa; border-radius: 42px; display: flex; flex-direction: column; } /* Logo */ .leader-card__logo { height: 88px; margin-bottom: 31px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 44px; } .leader-card__logo img { display: block; max-width: 75%; max-height: 62px; width: auto; height: auto; } /* Content */ .leader-card__content { padding: 0 28px; } .leader-card__description { margin: 0 0 40px; color: #111; font-size: 16px; line-height: 1.58; font-weight: 400; } /* Stats */ .leader-card__stats { display: grid; grid-template-columns: 1fr; gap: 25px; } .leader-card__stats--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .leader-card__stat { min-width: 0; } .leader-card__stat--full { grid-column: 1 / -1; } .leader-card__value { margin-bottom: 5px; color: #002664; font-size: 28px; line-height: 1.15; font-weight: 400; white-space: nowrap; } .leader-card__label { color: #1d2f43; font-size: 14px; line-height: 1.4; font-weight: 400; } /* Tablet */ @media (max-width: 1100px) { .leader-card__value { font-size: 22px; } } @media (max-width: 1023px) { .market-leaders { padding-right: 16px; padding-left: 16px; } .market-leaders__grid { gap: 20px; } .leader-card { min-height: 420px; border-radius: 32px; } .leader-card__logo { height: 78px; border-radius: 39px; margin-bottom: 25px; } .leader-card__content { padding: 0 20px; } .leader-card__description { font-size: 14px; } .leader-card__value { font-size: 22px; } } /* Mobile */ @media (max-width: 767px) { .market-leaders { padding: 0 0 50px; } .market-leaders__grid { grid-template-columns: 1fr; gap: 16px; } .leader-card { min-height: auto; padding: 10px 12px 28px; border-radius: 28px; } .leader-card__logo { height: 70px; margin-bottom: 22px; border-radius: 35px; } .leader-card__logo img { max-height: 50px; } .leader-card__content { padding: 0 12px; } .leader-card__description { margin-bottom: 30px; font-size: 14px; line-height: 1.5; } .leader-card__stats--two { grid-template-columns: 1fr 1fr; gap: 35px; } .leader-card__value { font-size: 24px; white-space: normal; } .leader-card__label { font-size: 14px; } .market-leaders__title { padding: 0; font-size: 30px; line-height: 1.2; margin-bottom: 30px; } } /* Small mobile */ @media (max-width: 389px) { .leader-card__stats--two { grid-template-columns: 1fr; } .leader-card__stat--full { grid-column: auto; } .leader-card__value { font-size: 25px; } } .cookies p { margin: 1em 0; } .cookies h3{ margin: 40px 0px; } .cookies ul, .cookies ol{ padding-left: 20px; } @media (max-width: 1100px) { .cookies h3 { margin: 24px 0px; } } .vopros .vopros-container .add-container .vopros-textarea{ padding: 18px 15px 18px 15px; border: 1px solid #C4C4C4; } .vopros .vopros-container .add-container .btn-add{ position: static; max-width: 150px; margin-top: 30px; margin-left: auto; } .vopros-container .add-container{ border: none; } .vopros-container .add-container .otvet-comment, .vopros .vopros-container .add-container .vopros-substrate { position: static; margin-top: 20px; } @media (max-width: 480px) { .vopros .vopros-container .add-container .btn-add{ width: 100%; margin-left: 0; max-width: 100%; } } @media (max-width: 668px) { .vopros .vopros-container .add-container .vopros-textarea{ order: 0; } .vopros .vopros-container .add-container .vopros-substrate { position: static; height: auto; order: 2; display: none; } .vopros-container .add-container{ row-gap: 20px; margin-bottom: 0; } .vopros .vopros-container .add-container .btn-add, .vopros-container .add-container .otvet-comment { margin-top: 0; } .vopros .vopros-container .add-container .btn-add{ order: 1; } .vopros-container .add-container .otvet-comment{ order: 3; } } @media (max-width: 468px) { .vopros .vopros-container .add-container .vopros-substrate { position: static; height: auto; } } .video-conference-banner { margin: 40px 0 32px; font-size: 18px; line-height: 1.6; text-align: center; padding: 28px 32px; border-left: 4px solid var(--light-blue); background: #f0f4fa; } .video-conference-banner h3 { margin: 0 0 12px; font-family: 'Stem-Medium', sans-serif; font-size: 26px; font-weight: normal; line-height: 1.3; color: var(--blue); } .video-conference-banner p { margin: 0; } .video-conference-banner a { color: var(--light-blue); text-decoration: underline; overflow-wrap: anywhere; } .video-conference-banner a:hover { color: var(--blue); } .video-conference-banner a:focus-visible { outline: 2px solid var(--light-blue); outline-offset: 3px; } @media (max-width: 767px) { .video-conference-banner { margin-bottom:15px; font-size: 16px; padding: 15px; } .video-conference-banner h3 { font-size: 22px; } } @media (max-width: 340px) { .video-conference-banner { font-size: 14px; } .video-conference-banner h3 { font-size: 20px; } } /* End */ /* Start:/local/templates/ssj100/js/slick-slider/slick.css?16621085911776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/ssj100/js/slick-slider/slick-theme.css?16621085913145*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/local/templates/ssj100/js/slick-slider/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/templates/ssj100/js/slick-slider/./fonts/slick.eot'); src: url('/local/templates/ssj100/js/slick-slider/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/ssj100/js/slick-slider/./fonts/slick.woff') format('woff'), url('/local/templates/ssj100/js/slick-slider/./fonts/slick.ttf') format('truetype'), url('/local/templates/ssj100/js/slick-slider/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/templates/ssj100/components/bitrix/main.file.input/file/style.min.css?16530277407634*/ .file-placeholder{margin-left:56px}.file-placeholder .loading-wrap{display:inline-block;margin-left:15px;vertical-align:middle;position:relative;width:50%}.file-placeholder .loading{background:#e3ebed;display:block;border:1px solid;border-top:1px solid #bcc2c4;border-left-color:#cfd7d9;border-right-color:#cfd7d9;border-bottom:1px solid #dde5e6;border-radius:2px;height:17px;-webkit-box-shadow:inset 0 1px 2px rgba(188,194,196,0.7);-moz-box-shadow:inset 0 1px 2px rgba(188,194,196,0.7);box-shadow:inset 0 1px 2px rgba(188,194,196,0.7)}.file-placeholder .loading .del-but{background:url("/local/templates/ssj100/components/bitrix/main.file.input/file/images/live_feed_sprite.png") no-repeat 7px -20px;cursor:pointer;height:20px;position:absolute;right:0;top:0;width:20px}.file-placeholder .load-indicator{background:#40c0e9;background:linear-gradient(top,#40c0e9,#2698db);background:-moz-linear-gradient(top,#40c0e9,#2698db);background:-o-linear-gradient(top,#40c0e9,#2698db);background:-ms-linear-gradient(top,#40c0e9,#2698db);background:-webkit-gradient(linear,left top,left bottom,from(#40c0e9),to(#2698db));border-radius:2px;color:#fff;font-size:12px;height:19px;text-align:center;text-shadow:0 1px 0 rgba(56,124,162,1);left:0;top:0;position:absolute}.file-placeholder .load-number{display:inline-block;box-sizing:border-box;padding-top:2px}.file-placeholder .files-title{background:url("/local/templates/ssj100/components/bitrix/main.file.input/file/images/live_feed_sprite.png") no-repeat;color:#5c6470;font-size:12px;text-shadow:0 1px 0 rgba(255,255,255,0.8);left:13px;top:12px;width:54px;padding-left:20px;position:absolute}.file-placeholder .files-list-wrap{margin-left:56px}html* .file-placeholder .files-list{width:auto!important}.file-placeholder .files-list{margin-top:-10px;table-layout:fixed;width:100%;position:relative}.file-placeholder .files-list td{box-shadow:0 -2px 0 -1px #fff inset;border-bottom:1px solid #dde5e8;color:#5c6470;font-size:12px;line-height:16px;padding:10px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;zoom:1}.file-placeholder .file-edit,.file-placeholder .file-section{display:none}.file-placeholder .files-name{width:30%}.file-placeholder .files-size{width:12%}.file-placeholder .files-storage{width:20%}.file-placeholder .files-storage .files-storage-text{display:inline-block;width:80px;color:#5c6470}.file-placeholder .files-storage-block{position:relative}.file-placeholder .files-text{-moz-box-sizing:border-box;color:#2067b0;display:inline-block;font-weight:bold;max-width:100%;padding-right:20px;position:relative;zoom:1}.file-placeholder .error-load .files-text{color:#b00}.file-placeholder .f-wrap{display:inline-block;overflow:hidden;width:100%;word-wrap:break-word;zoom:1}.file-placeholder .del-but{background:url("/local/templates/ssj100/components/bitrix/main.file.input/file/images/live_feed_sprite.png") no-repeat 0 0;cursor:pointer;height:20px;position:absolute;right:0;top:0;width:20px}.file-placeholder .files-text .del-but{background-position:6px -19px;display:inline-block;margin-top:-2px;position:static;vertical-align:top}.file-placeholder .loading .del-but{background-position:7px -20px;top:0}.file-placeholder .files-storage-block .del-but{background-position:7px -20px;top:0}.file-placeholder .info-icon{background:url("/local/templates/ssj100/components/bitrix/main.file.input/file/images/live_feed_sprite.png") no-repeat -112px -60px;display:inline-block;height:16px;margin-right:10px;vertical-align:middle;width:17px}.file-placeholder .stor-place{display:inline-block;margin-left:10px;vertical-align:top}.file-placeholder .stor-text{display:inline-block;border-bottom:1px solid #5c6470}.file-placeholder .stor-pl-arrow{background:url("/local/templates/ssj100/components/bitrix/main.file.input/file/images/live_feed_sprite.png") no-repeat -130px -23px;display:inline-block;margin-left:10px;height:5px;vertical-align:middle;width:3px}.file-placeholder .edit-stor{background:url("/local/templates/ssj100/components/bitrix/main.file.input/file/images/live_feed_sprite.png") no-repeat 4px -64px;display:none;height:15px;margin-left:0;vertical-align:middle;width:15px}.file-placeholder .files-path,.file-placeholder .files-path:visited,.file-placeholder .files-path:active,.file-placeholder .files-path:link,.file-placeholder .files-path:hover{border-bottom:1px dashed #5c6470;display:inline-block;color:#5c6470;text-decoration:none}.file-placeholder .files-placement,.file-placeholder .files-placement:visited,.file-placeholder .files-placement:active,.file-placeholder .files-placement:link,.file-placeholder .files-placement:hover{display:inline-block;color:#5c6470;text-decoration:none}.file-selectdialog{-moz-border-bottom-colors:none;-moz-border-image:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:none repeat scroll 0 0 #f4f8f9;border-color:#ced0d1 #ced1d1 #d3d7d8;border-radius:2px 2px 2px 2px;border-style:solid;border-width:1px;box-shadow:0 1px 2px -1px rgba(164,164,164,0.698) inset;margin-bottom:11px;overflow:hidden;padding:13px 30px 0 0;position:relative;display:none}.file-selectdialog .file-placeholder{margin-left:56px}.file-selectdialog .file-simple .file-placeholder{margin-top:0;margin-left:90px}.file-selectdialog .file-label{background:url("/local/templates/ssj100/components/bitrix/main.file.input/file/images/live_feed_sprite.png") no-repeat -146px -186px;color:#5c6470;font-size:12px;left:13px;padding-left:20px;position:absolute;text-shadow:0 1px 0 rgba(255,255,255,0.8);top:12px;width:54px;line-height:20px}.file-selectdialog .file-extended .file-selector{border-radius:5px 5px 5px 5px;color:#a0aeb5;font-size:17px;font-weight:bold;line-height:26px;margin:30px 0 10px;padding:24px 3px 43px 191px;position:relative;text-shadow:0 1px 0 rgba(255,255,255,0.8)}.file-selectdialog .file-extended .file-selector-active{background-position:57px -88px;border:3px dashed #d4dde1;padding:21px 0 40px 190px}.file-selectdialog .file-extended .file-selector:hover{border:3px dashed #d4dde1;padding:21px 0 40px 188px}.file-selectdialog .file-extended .file-load-img{background:url("/local/templates/ssj100/components/bitrix/main.file.input/file/images/loading-place-img.gif") no-repeat 0 0;height:79px;left:58px;top:20px;position:absolute;width:90px}.file-selectdialog .file-extended .file-selector:hover .file-load-img{background-position:0 -104px;left:55px;top:17px}.file-selectdialog .file-extended .file-uploader{color:#2067b0;display:inline-block;overflow:hidden;position:relative;vertical-align:top}.file-selectdialog .file-extended .file-uploader .file-but-text{cursor:pointer;display:block;width:100%;height:100%}.file-selectdialog .file-uploader .file-fileUploader{font-size:120px;height:85px;opacity:0;filter:alpha(opacity=0);position:absolute;right:0;top:-20px;cursor:pointer}.file-selectdialog .file-uploader .file-filemacos{left:0!important}.file-selectdialog .file-label2{color:#5c6470;font-size:12px;margin-left:58px;padding-bottom:11px}.file-selectdialog .file-simple,.file-selectdialog .file-extended{display:none;margin-left:30px}.file-selectdialog .file-simple .file-label2{margin-top:20px}.file-selectdialog .file-simple .file-selector{color:#5c6470;overflow:hidden;height:30px;font-weight:bold;margin:6px 0 6px 90px;text-shadow:0 1px 0 rgba(255,255,255,0.8)}.file-selectdialog .file-simple .file-uploader{overflow:hidden;position:relative;display:inline-block;margin:0 15px 0 0;vertical-align:middle;cursor:pointer}.file-selectdialog .file-simple .file-uploader-left{background:url("/local/templates/ssj100/components/bitrix/main.file.input/file/images/live_feed_sprite.png") no-repeat 0 -240px;display:inline-block;height:25px;vertical-align:top;width:4px}.file-selectdialog .file-simple .file-uploader-right{background:url("/local/templates/ssj100/components/bitrix/main.file.input/file/images/live_feed_sprite.png") no-repeat -7px -240px;display:inline-block;height:25px;vertical-align:top;width:4px}.file-selectdialog .file-simple .file-but-text{background:url("/local/templates/ssj100/components/bitrix/main.file.input/file/images/live_feed_sprite.png") repeat-x 0 -267px;color:#7a808c;display:inline-block;font-size:12px;font-weight:bold;height:25px;padding:2px 10px 0;text-shadow:0 1px 0 rgba(255,255,255,0.8);vertical-align:top} /* End */ /* /local/templates/ssj100/css/jquery.fancybox.min.css?165302774012795 */ /* /local/templates/ssj100/css/main.css?179154552164554 */ /* /local/templates/ssj100/js/slick-slider/slick.css?16621085911776 */ /* /local/templates/ssj100/js/slick-slider/slick-theme.css?16621085913145 */ /* /local/templates/ssj100/components/bitrix/main.file.input/file/style.min.css?16530277407634 */