/* Start:/local/assets/css/jquery.fancybox.min.css?173494054712795*/ 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/assets/css/simplebar.css?17349405854236*/ [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */ overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { display: none; width: 0; height: 0; } .simplebar-content:before, .simplebar-content:after { content: ' '; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } [data-simplebar].simplebar-dragging { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ''; background: black; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s 0.5s linear; } .simplebar-scrollbar.simplebar-visible:before { opacity: 0.5; transition-delay: 0s; transition-duration: 0s; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-scrollbar:before { top: 2px; bottom: 2px; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 0; bottom: 0; min-height: 0; min-width: 10px; width: auto; } /* Rtl support */ [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .simplebar-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: scrollbar !important; } .simplebar-dummy-scrollbar-size > div { width: 200%; height: 200%; margin: 10px 0; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } /* End */ /* Start:/local/assets/css/main.css?1748939083751251*/ @import url('/local/assets/css/normalize.css'); * { box-sizing: border-box; margin: 0; padding: 0; font-family: "Inter", sans-serif; } h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0; padding: 0; } html { scroll-behavior: smooth; overscroll-behavior: none; } body { background: #fff; font-family: "Inter", sans-serif; scroll-behavior: smooth; line-height: 1; overscroll-behavior: none; } body.fixed { overflow: hidden; } .container { width: 100%; padding: 0 28px; max-width: 1440px; margin: 0 auto; } .button { max-width: 126px; height: 44px; background: url("/local/assets/css/../img/button.png") no-repeat; background-size: cover; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; text-decoration: none; font-weight: 400; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #FFFFFF; border: none; } button:focus, a:focus img, input:focus, textarea:focus, video:focus { outline: none; } ul { margin: 0; padding: 0; } @media (min-width:1000px) { main { min-height: calc(100vh - 200px); } } .heading__columns { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: flex-end; align-items: flex-end; } .heading__columns.__top { -ms-align-items: flex-start; align-items: flex-start; } .heading__columns-title { max-width: 690px; font-weight: 500; font-size: 44px; line-height: 48px; letter-spacing: -0.03em; color: #1A1A1A; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 20px; } .heading__columns-subtitle { max-width: 570px; font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .heading__columns-subtitle p { margin: 0; } .heading__columns-subtitle p:not(:last-child) { margin-bottom: 20px; } .heading__columns-subtitle a { text-decoration: none; } .heading__columns-subtitle a:before, .heading__columns-subtitle a:after { color: #1A1A1A; } .heading__columns-subtitle i { font-style: italic; color: #BDBDBD; } .heading__columns-subtitle ol, .heading__columns-subtitle ol li { list-style-type: decimal; } .cursor { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; color: #2B2B2B; pointer-events: none; transition: opacity 0.15s ease-out; z-index: 909999999999; } .cursor__wrapper { position: absolute; top: 0; left: 0; z-index: 1; will-change: transform; pointer-events: none; } .cursor__wrapper._visible .cursor__circle { transform: scale(0.17); } .cursor__circle { position: absolute; top: 0; left: 0; z-index: 1; width: 72px; height: 72px; margin-left: -36px; margin-top: -36px; border-radius: 50%; background: currentColor; transform: scale(0); will-change: transform; pointer-events: none; transition: opacity 0.35s ease-out, transform 0.35s ease-out, background 0.35s ease-out; } .cursor__text, .cursor__text-more { position: absolute; top: 0; left: 0; z-index: 2; width: 72px; height: 72px; margin-left: -36px; margin-top: -37px; display: flex; align-items: center; justify-content: center; opacity: 0; text-align: center; font-size: 14px; line-height: 1; color: #FFFFFF; transform: scale(0) rotate(10deg); will-change: transform; transition: opacity 0.35s ease-out, transform 0.35s ease-out; } .cursor.hover .cursor__circle { transform: scale(0.11); background: #fff; color: #000; } .cursor._swipe .cursor__circle, .cursor._more .cursor__circle, .cursor._slider-prev .cursor__circle, .cursor._slider-next .cursor__circle { transform: scale(1); background: #fff; color: #000; } .cursor._swipe .cursor__text { opacity: 1; transform: scale(1) rotate(0deg); color: #fff; } .cursor._more .cursor__text-more { opacity: 1; transform: scale(1) rotate(0deg); color: #fff; } .cursor.hover .cursor__text, .cursor.hover .cursor__text-more { color: #000; } .cursor__slider-button { width: 20px; height: 19px; background-repeat: no-repeat; margin-left: -10px; margin-top: -10px; position: absolute; top: 0; left: 0; z-index: 2; display: block; opacity: 0; transform: scale(0) rotate(0); will-change: transform; transition: opacity 0.35s ease-out, transform 0.35s ease-out; } .cursor__slider-prev { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.06705 19L10.8163 17.1876L4.74247 10.8237H20V8.17631H4.74247L10.8163 1.82262L9.06705 0L0 9.5L9.06705 19Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); } .cursor__slider-next { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9329 19L9.18367 17.1876L15.2575 10.8237H0L0 8.17631H15.2575L9.18367 1.82262L10.9329 0L20 9.5L10.9329 19Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); } .cursor._slider-prev .cursor__slider-prev, .cursor._slider-next .cursor__slider-next { opacity: 1; transform: scale(1) rotate(0deg); } /* Hover me */ a.hoverMe, div.hoverMe, button.hoverMe { color: transparent; overflow: hidden; position: relative; } a.hoverMe { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; } a.hoverMe:before, a.hoverMe:after, div.hoverMe:before, div.hoverMe:after, button.hoverMe:before, button.hoverMe:after { position: absolute; content: attr(data-attr); left: 0; height: 100%; width: 100%; transition: all .4s; display: flex; } a.hoverMe.button, button.hoverMe.button { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; background: url("/local/assets/css/../img/button.png") no-repeat; background-size: cover; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; min-width: 126px; max-width: 126px; height: 44px; border: none; cursor: pointer; } a.hoverMe.button:before, a.hoverMe.button:after, button.hoverMe.button:before, button.hoverMe.button:after { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; background-size: cover; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; text-decoration: none; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #FFFFFF; min-width: 126px; max-width: 126px; height: 44px; } div.hoverMe:before, a.hoverMe:before, button.hoverMe:before { bottom: 0; } a.hoverMe:after, div.hoverMe:after, button.hoverMe:after { bottom: 100%; } .indexSection4__item:hover .indexSection4__item-more:before, .megamenu__banner:hover .megamenu__banner_content-bottom:before, .megamenu__divein-tests__item:hover .megamenu__divein-tests__item-more:before, .solutions__cards-book:hover .solutions__book-more:before, .divein__blog-item:hover .divein__blog_item-more:before, .diveinPage__tests-item:hover .diveinPage__tests-item__more:before, .diveinPage__courses-item:hover .diveinPage__courses-item__more:before, .diveinPage__blog-item:hover .diveinPage__blog-item__more:before, .pageCourses__list-item:hover .pageCourses__item-content__more:before, .aboutPartners__wrap-item:hover .aboutPartners__wrap-item__more:before, .aboutCases__item:hover .hoverMe:before, .indexSection2__cards-item:hover .hoverMe:before, div.hoverMe:not(.tabs__head-item.active):not(.diveinblog__tabs-head__item.active):hover:before, a.hoverMe:not(.tabs__head-item.active):not(.diveinblog__tabs-head__item.active):hover:before, button.hoverMe:hover:before, .projectHosted__list-item:hover .projectHosted__list-item__button:before, .projectFindCop__item:hover .projectFindCop__item-button:before, .projectCopShedule__item:hover .projectCopShedule__item-more:before, .myGrid__item:hover .myGrid__item-button:before { bottom: -100%; } .indexSection4__item:hover .indexSection4__item-more:after, .megamenu__banner:hover .megamenu__banner_content-bottom:after, .megamenu__divein-tests__item:hover .megamenu__divein-tests__item-more:after, .solutions__cards-book:hover .solutions__book-more:after, .divein__blog-item:hover .divein__blog_item-more:after, .diveinPage__tests-item:hover .diveinPage__tests-item__more:after, .diveinPage__courses-item:hover .diveinPage__courses-item__more:after, .diveinPage__blog-item:hover .diveinPage__blog-item__more:after, .pageCourses__list-item:hover .pageCourses__item-content__more:after, .aboutPartners__wrap-item:hover .aboutPartners__wrap-item__more:after, .aboutCases__item:hover .hoverMe:after, .indexSection2__cards-item:hover .hoverMe:after, a.hoverMe:not(.tabs__head-item.active):not(.diveinblog__tabs-head__item.active):hover:after, div.hoverMe:not(.tabs__head-item.active):not(.diveinblog__tabs-head__item.active):hover:after, button.hoverMe:hover:after, .projectHosted__list-item:hover .projectHosted__list-item__button:after, .projectFindCop__item:hover .projectFindCop__item-button:after, .projectCopShedule__item:hover .projectCopShedule__item-more:after, .myGrid__item:hover .myGrid__item-button:after { bottom: 0; } /* Header */ .header { padding: 0 28px; border-bottom: 1px solid #F3F5F7; position: fixed; left: 0; top: 0; width: 100%; background: #fff; z-index: 99; } .header__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: center; align-items: center; } .header__logo { min-width: 70px; max-width: 70px; } .header__menu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: flex-start; flex: auto; margin-left: 165px; } .header__menu>ul { padding: 0; list-style: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin: 0; } .header__menu-link { padding: 28px 34px 28px 28px; font-size: 16px; line-height: 125%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; text-decoration: none; display: block; } .header__menu-link>span:after { content: ""; width: 8px; height: 6px; display: inline-block; vertical-align: middle; background: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99988 6L0.535776 -7.77979e-07L7.46398 -1.38366e-06L3.99988 6Z' fill='%231A1A1A'/%3E%3C/svg%3E") no-repeat; margin-left: 10px; transition: .2s all; } .header__menu-link:hover { background: #E0E0E0; } .header__menu>ul>li.active>a, .header__menu>ul>li.opened>a { background: #F3F5F7; } .header__menu>ul>li.opened>.header__menu-link span:after { transform: rotate(180deg) translateY(2px); } .megamenu { position: absolute; left: 0; top: 77px; width: 100%; height: auto; max-height: 0; background: #fff; /* opacity: 0; visibility: hidden; */ transition: .5s all; z-index: 100; overflow: hidden; } .megamenu.hidden { display: none; } .megamenu__overlay, .search__overlay { background: #000; width: 100%; position: fixed; top: 0; height: 100vh; left: 0; z-index: 99; opacity: 0; visibility: hidden; } .megamenu__overlay.show, .search__overlay.show { opacity: 0.5; visibility: visible; } .header__menu>ul>li.dropdown.opened .megamenu { /* opacity: 1; visibility: visible; */ max-height: 720px; padding: 45px 28px 80px; } .megamenu__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .megamenu__heading { max-width: 340px; font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #1A1A1A; } .header__menu .dropdown:nth-of-type(3) .megamenu .megamenu__heading { max-width: 455px; } body[data-lang="ru"] .header__menu .dropdown:nth-of-type(1) .megamenu .megamenu__heading { max-width: 420px; } .header__menu .dropdown:nth-of-type(3) .megamenu .megamenu__links ul, .header__menu .dropdown:nth-of-type(3) .megamenu .megamenu__banner { margin-top: 0; } .header__menu .dropdown:nth-of-type(3) .megamenu .megamenu__wrap { margin-top: 80px; } .megamenu__links { flex: auto; } .megamenu__links ul { list-style: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; margin-top: 80px; } .megamenu__links-item { max-width: 280px; margin-bottom: 48px; } .megamenu__links-item:nth-last-child(1), .megamenu__links-item:nth-last-child(2), .megamenu__links-item:nth-last-child(3) { margin-bottom: 0; } .megamenu__links-item:not(:last-child) { margin-right: 70px; } .megamenu__links-title, .megamenu__links-info { display: block; } .megamenu__links-link { max-width: 280px; text-decoration: none; font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; margin-bottom: 12px; transition: .2s all; } .header__menu li.dropdown:first-child .megamenu .megamenu__links .megamenu__links-item:first-child .megamenu__links-link:before, .header__menu li.dropdown:first-child .megamenu .megamenu__links .megamenu__links-item:first-child .megamenu__links-link:after, .header__menu li.dropdown:nth-child(2) .megamenu .megamenu__links .megamenu__links-item:first-child .megamenu__links-link:before, .header__menu li.dropdown:nth-child(2) .megamenu .megamenu__links .megamenu__links-item:first-child .megamenu__links-link:after{ color: #FA8A59; } .megamenu__links-link:before, .megamenu__links-link:after { color: #1A1A1A; } /* .megamenu__links-link:hover:before, .megamenu__links-link:hover:after { color: #FA8A59; } */ .megamenu__links-info { font-weight: 400; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #BDBDBD; } .megamenu__banner { max-width: 340px; min-width: 340px; height: 200px; position: relative; margin-top: 28px; text-decoration: none; } .megamenu__banner-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .megamenu__banner-image:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.2); z-index: 1; } .megamenu__banner-image img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .megamenu__banner:hover .megamenu__banner-image img { transform: scale(1.1); } .megamenu__banner-content { padding: 28px; position: relative; z-index: 1; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; height: 100%; } .megamenu__banner_content-type { font-weight: 400; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #FFEB80; margin-bottom: 8px; } .megamenu__banner_content-title { font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #fff; } .megamenu__banner_content-bottom { font-weight: 400; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; } .megamenu__banner_content-bottom:before, .megamenu__banner_content-bottom:after { color: #FFEB80; } .megamenu__solutions { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-top: 55px; } .megamenu__solutions .megamenu__links { flex: none; margin-right: 135px; } .megamenu__solutions .megamenu__links ul { margin-top: 0; flex-direction: column; } .megamenu__solutions .megamenu__links-link { max-width: 280px; } .megamenu__solutions .megamenu__links-item:not(:last-child) { margin-right: 0; margin-bottom: 30px; } .megamenu__solutions-list { flex: auto; max-width: 995px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; max-height: 540px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; } .megamenu__solutions-list::-webkit-scrollbar { display: none; } .megamenu__solutions-item { max-width: calc(100% / 2 - 46px); min-width: calc(100% / 2 - 46px); text-decoration: none; height: 75px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; font-size: 0; margin-bottom: 28px; } .megamenu__solutions-item:nth-last-child(1), .megamenu__solutions-item:nth-last-child(2) { margin-bottom: 0; } .megamenu__solutions_item-photo { max-width: 104px; min-width: 104px; margin-right: 28px; height: 100%; overflow: hidden; } .megamenu__solutions_item-photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; display: none; } .megamenu__solutions-item:hover .megamenu__solutions_item-photo img { transform: scale(1.1); } .dropdown.opened .megamenu__solutions_item-photo img { display: block; } .megamenu__solutions_item-title { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; padding-right: 10px; } .megamenu__divein { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .header__menu>ul>li.dropdown.opened .megamenu__divein { height: calc(100vh - 77px); max-height: 740px; padding: 0; } .dropdown.opened .megamenu__divein { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .megamenu__divein-wrap { max-height: 660px; height: calc(100vh - 157px); flex: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .megamenu__divein-tools { height: 80px; border-top: 1px solid #E1E1E1; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .megamenu__divein-left { min-width: 415px; max-width: 415px; } .megamenu__divein-top { padding: 30px 0 0 28px; max-width: 280px; } .megamenu__divein-top .megamenu__links-item:not(:last-child) { margin-right: 0; margin-bottom: 30px; } .megamenu__divein-top a.hoverMe { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; } .megamenu__divein-top a.hoverMe:before, .megamenu__divein-top a.hoverMe:after { color: #1A1A1A; } .megamenu__divein-top a.hoverMe { margin-bottom: 0; } .megamenu__divein-top p { font-weight: 400; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #BDBDBD; margin-top: 12px; } .megamenu__divein-menu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; padding: 0 28px 0 12px; margin-top: 20px; } .megamenu__divein-menu__link { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; padding: 24px 16px; text-decoration: none; transition: .2s all; } @media (max-width:1500px) { .megamenu__divein-menu__link { padding: 22px 16px; } } @media (max-width:1400px) { .megamenu__divein-menu__link { padding: 18px 16px; } } @media (max-width:1250px) { .megamenu__divein-menu { max-height: 37vh; overflow-y: auto; } } @media (max-width:1050px) { .megamenu__divein-menu { max-height: 25vh; overflow-y: auto; } } .megamenu__divein-menu__link.active { background: #F3F5F7; } .megamenu__divein-menu__link:hover { background: #E0E0E0; } .megamenu__divein-right { flex: auto; max-width: calc(100% - 415px); } .megamenu__divein-right__title { font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #1A1A1A; max-width: 790px; margin-bottom: 48px; min-height: 72px; } .megamenu__divein-content__item { padding: 48px 0 0 28px; display: none; } .megamenu__divein-content__item.active { display: block; } .megamenu__divein-content { max-height: 490px; height: calc(100vh - 390px); overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; } .megamenu__divein-content::-webkit-scrollbar { display: none; } .megamenu__divein-events { max-width: 520px; } .megamenu__divein-blog, .megamenu__divein-courses { max-width: 725px; } .megamenu__divein-tests, .megamenu__divein-insights { max-width: 968px; } .megamenu__divein-events, .megamenu__divein-courses { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .megamenu__divein-events__item { text-decoration: none; display: inline-block; vertical-align: middle; } .megamenu__divein-events__item:not(:last-child) { margin-bottom: 48px; } .megamenu__divein-events__item-type { font-weight: 400; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #FA8A59; margin-bottom: 4px; } .megamenu__divein-events__item-title { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #1A1A1A; } .megamenu__divein-courses__item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: stretch; align-items: stretch; margin-bottom: 28px; text-decoration: none; } .megamenu__divein-courses__item:not(:last-child) { border-bottom: 1px solid #1A1A1A; padding-bottom: 28px; } .megamenu__divein-courses__item-photo { min-width: 221px; max-width: 221px; height: 140px; overflow: hidden; margin-right: 28px; } .megamenu__divein-courses__item-photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .megamenu__divein-courses__item:hover .megamenu__divein-courses__item-photo img { transform: scale(1.1); } .megamenu__divein-courses__item-content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .megamenu__divein-courses__item-title { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 8px; } .megamenu__divein-courses__item-by { font-size: 16px; line-height: 125%; font-weight: 400; letter-spacing: -0.01em; color: #BDBDBD; } .megamenu__divein-courses__item-by span { color: #FA8A59; } .megamenu__divein-courses__item-meta { font-weight: 400; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; position: relative; padding-left: 28px; background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='5' transform='matrix(1 0 0 -1 10 10)' fill='%231A1A1A'/%3E%3C/svg%3E") left center no-repeat; height: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; } .megamenu__divein-blog__item { display: block; text-decoration: none; } .megamenu__divein-blog__item:not(:last-child) { border-bottom: 1px solid #1A1A1A; padding-bottom: 28px; margin-bottom: 28px; } .megamenu__divein-blog__item-meta { font-weight: 400; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 12px; height: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; padding-left: 28px; background-repeat: no-repeat; background-position: left center; } .megamenu__divein-blog__item[data-cat="news"] .megamenu__divein-blog__item-meta { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6429 6.64286L10.0357 9.25L7.39286 6.64286L10.0357 4L12.6429 6.64286ZM16 10L13.3929 12.6429L10.7857 10L13.3929 7.39286L16 10ZM9.28571 10L6.64286 12.6429L4 10L6.64286 7.39286L9.28571 10ZM12.6429 13.3929L10.0357 16L7.39286 13.3929L10.0357 10.75L12.6429 13.3929Z' fill='%231A1A1A'/%3E%3C/svg%3E"); } .megamenu__divein-blog__item[data-cat="podcast"] .megamenu__divein-blog__item-meta { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0003 10L7.50027 14.3301L7.50027 5.66987L15.0003 10Z' fill='%231A1A1A'/%3E%3C/svg%3E"); } .megamenu__divein-blog__item[data-cat="articles"] .megamenu__divein-blog__item-meta { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 4H5V16H15V4ZM11 12.5H7V14H11V12.5ZM7 9.5H13V11H7V9.5ZM13 6.5H7V8H13V6.5Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); } .megamenu__divein-blog__item[data-cat="interview"] .megamenu__divein-blog__item-meta { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 5H5V15H15V5ZM7.75 8.5C8.16421 8.5 8.5 8.16421 8.5 7.75C8.5 7.33579 8.16421 7 7.75 7C7.33579 7 7 7.33579 7 7.75C7 8.16421 7.33579 8.5 7.75 8.5ZM12.25 8.5C12.6642 8.5 13 8.16421 13 7.75C13 7.33579 12.6642 7 12.25 7C11.8358 7 11.5 7.33579 11.5 7.75C11.5 8.16421 11.8358 8.5 12.25 8.5ZM7.85714 10C7.85714 11.1835 8.81653 12.1429 10 12.1429C11.1835 12.1429 12.1429 11.1835 12.1429 10H13C13 11.6569 11.6569 13 10 13C8.34315 13 7 11.6569 7 10H7.85714Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); } .megamenu__divein-blog__item-content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .megamenu__divein-blog__item-photo { min-width: 221px; max-width: 221px; height: 140px; overflow: hidden; margin-right: 28px; position: relative; } .megamenu__divein-blog__item-photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; position: absolute; } .megamenu__divein-blog__item:hover .megamenu__divein-blog__item-photo img { transform: scale(1.1); } .megamenu__divein-blog__item-time { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; height: 100%; position: relative; justify-content: space-between; -ms-align-items: flex-end; align-items: flex-end; padding: 0 8px 8px 8px; } .megamenu__divein-blog__item-time span { background: #1A1A1A; font-weight: 400; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #FFFFFF; padding: 2px; } .megamenu__divein-blog__item-time:before{ content: ""; width: 23px; height: 24px; background: #1A1A1A url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.697443 15.4545V0.90909L13.1861 8.18182L0.697443 15.4545Z' fill='white'/%3E%3C/svg%3E") center no-repeat; } .megamenu__divein-blog__item-title { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #1A1A1A; } .megamenu__divein-insights { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .megamenu__divein-insights__item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; text-decoration: none; max-width: calc(100% / 2 - 36px); min-width: calc(100% / 2 - 36px); } .megamenu__divein-insights__item:not(:nth-last-child(1)), .megamenu__divein-insights__item:not(:nth-last-child(2)) { margin-bottom: 28px; } .megamenu__divein-insights__item-photo { max-width: 104px; min-width: 104px; height: 76px; overflow: hidden; margin-right: 28px; } .megamenu__divein-insights__item-photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .megamenu__divein-insights__item:hover .megamenu__divein-insights__item-photo img { transform: scale(1.1); } .megamenu__divein-insights__item-meta { font-weight: 400; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #FA8A59; margin-bottom: 4px; } .megamenu__divein-insights__item-text { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .megamenu__divein-tests { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .megamenu__divein-tests__item { max-width: calc(100% / 2 - 6px); min-width: calc(100% / 2 - 6px); position: relative; height: 380px; text-decoration: none; margin-bottom: 10px; } .megamenu__divein-tests__item-photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; overflow: hidden; } .megamenu__divein-tests__item-photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .megamenu__divein-tests__item:hover .megamenu__divein-tests__item-photo img { transform: scale(1.1); } .megamenu__divein-tests__item-content { position: relative; padding: 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; height: 100%; } .megamenu__divein-tests__item-title { font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #1A1A1A; max-width: 348px; } .megamenu__divein-tests__item.__whitetitle .megamenu__divein-tests__item-title { color: #fff; } .megamenu__divein-tests__item-more:before, .megamenu__divein-tests__item-more:after { color: #1A1A1A; } .megamenu__divein-wrap .megamenu__divein-left { border-right: 1px solid #E1E1E1; } .megamenu__divein-button__wrap { padding: 18px 0 0 28px; } .megamenu__divein-button__wrap a.hoverMe.button, .megamenu__divein-button__wrap a.hoverMe.button:before, .megamenu__divein-button__wrap a.hoverMe.button:after { min-width: 150px; max-width: 150px; height: 44px; font-weight: 400; font-size: 16px; line-height: 125%; } .megamenu__divein-links { padding: 28px 0 0 28px; } .megamenu__divein-links__item { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; } a.hoverMe.megamenu__divein-links__item { display: none; } a.hoverMe.megamenu__divein-links__item.active { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; } .megamenu__divein-links__item:before, .megamenu__divein-links__item:after { color: #1A1A1A; } .header__lang { /* max-width: 36px;*/ height: 32px; cursor: pointer; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; gap: 10px; } .header__lang-current { width: 36px; height: 32px; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; text-decoration: none; background: #1A1A1A; } .header__lang-current.hoverMe:before, .header__lang-current.hoverMe:after { width: 36px; height: 32px; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #FFFFFF; text-decoration: none; background: #1A1A1A; } body.header__transparent .header:not(.fixed) { background: transparent; } body.header__transparent .header:not(.fixed) .header__logo path { fill: #fff; } body.header__transparent .header:not(.fixed) .header__menu-link { color: #fff; } body.header__transparent .header:not(.fixed) .header__menu-link:hover { background: rgba(255, 255, 255, 0.2); } body.header__transparent .header:not(.fixed) .header__menu-link>span:after { background: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99988 6L0.535776 -7.77979e-07L7.46398 -1.38366e-06L3.99988 6Z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat; } body.header__transparent .header:not(.fixed) .header__lang-current, body.header__transparent .header:not(.fixed) .header__lang-current:before, body.header__transparent .header:not(.fixed) .header__lang-current:after { background: #fff; color: #000; } /* Frontpage */ .index { padding-top: 190px; } .hero {} .hero__text { text-align: center; margin-left: 150px; max-width: 940px; } @media (min-width:1400px) { body[data-lang="ru"] .hero__text { max-width: 900px; } } .hero__text:before { content: ""; background: url("/local/assets/css/../img/index__hero-text.png") no-repeat; background-size: contain; width: 268px; height: 55px; display: inline-block; position: relative; left: 5px; top: 10px; margin-right: 5px; } body[data-lang="ru"] .hero__text:before { background-image: url("/local/assets/css/../img/index__hero-textRus.png"); width: 291px; height: 90px; top: 0; } @media (min-width:1400px) { body[data-lang="ru"] .hero__text:before { margin-left: 15px; margin-right: 8px; } } @media (max-width:768px) { body[data-lang="ru"] .hero__text:before { background-image: url(/local/assets/css/../img/index__hero-textRus.png); width: 291px; height: 70px; max-height: 70px; top: 0; } } .hero__text-multi { font-weight: 500; font-size: 80px; line-height: 0.9; letter-spacing: -0.03em; color: #1A1A1A; position: relative; } .hero__text-multi span { display: inline-block; vertical-align: middle; } .hero__text-multi span:nth-child(1) { padding-right: 135px; } .hero__media { margin-top: 80px; height: 760px; position: relative; } .hero__media-iframe { cursor: default !important; position: relative; display: block; } .divein__article-content .hero__media-iframe { overflow: hidden; } .hero__media:after { content: ""; width: 100%; height: 100%; background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 38.21%, rgba(0, 0, 0, 0.3) 97.36%); background: -o-linear-gradient(rgba(0, 0, 0, 0) 38.21%, rgba(0, 0, 0, 0.3) 97.36%); background: linear-gradient(rgba(0, 0, 0, 0) 38.21%, rgba(0, 0, 0, 0.3) 97.36%); position: absolute; left: 0; top: 0; /*z-index: 1;*/ } .hero__media.hideImage:after { display: none; } .hero__media-iframe__button { position: absolute; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; left: 28px; bottom: 28px; z-index: 5; } .hero__media-iframe__button a.hoverMe.button { width: auto; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' viewBox='0 0 13 16' fill='none'%3E%3Cpath d='M12.7969 8.0001L0.196875 15.2747L0.196876 0.725484L12.7969 8.0001Z' fill='%231A1A1A'/%3E%3C/svg%3E") right 20px top 52% no-repeat; background-size: 13px 16px; height: 64px; padding: 0 50px 0 60px; } .hero__media-iframe__button a.hoverMe.button:before, .hero__media-iframe__button a.hoverMe.button:after { height: 64px; letter-spacing: -0.2px; line-height: 120%; font-weight: 500; font-size: 20px; min-width: 1px; max-width: none; color: #1A1A1A; left: -8px; } .hero__media.hideImage .hero__media-iframe__button { display: none; } @media (max-width:768px) { /* .hero__media-iframe__button { display: none; } */ .hero__media-iframe__button { left: 20px; bottom: 20px; } .hero__media-iframe__button a.hoverMe.button { height: 40px; padding: 0 30px 0 20px; background-size: 10px 13px; background-position: right 15px top 52%; } .hero__media-iframe__button a.hoverMe.button:before, .hero__media-iframe__button a.hoverMe.button:after { font-size: 16px; height: 40px; max-width: 245px; } } .hero__media-photo-mobile { display: none; } .hero__media.hideImage .hero__media-content { display: none; } .hero__media-iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .hero__media-iframe img { width: 100%; height: 100%; object-fit: cover; position: absolute; } .hero__media-content { position: absolute; bottom: 0; z-index: 2; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; /*justify-content: flex-end; height: 760px;*/ padding: 0 28px 20px 28px; } .hero__media-list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; } .hero__media-item { flex: auto; max-width: 280px; } .hero__media-item:not(:last-child) { margin-right: 40px; } .hero__media_item-type { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #FFF980; } .hero__media_item-title { margin: 4px 0; font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; text-decoration: none; color: #FFFFFF; } .hero__media_item-title:before, .hero__media_item-title:after { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; text-decoration: none; color: #FFFFFF; } .hero__media_item-date a { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: transparent; text-decoration: none; overflow: hidden; position: relative; display: inline-flex; } .hero__media_item-date a:before, .hero__media_item-date a:after { color: #FFF980; } .hero__media img.hero__media-photo-desktop { height: 760px; } .indexSection1 { margin-top: 80px; } .indexSection1__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .indexSection1__left { max-width: 690px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .index__heading { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin: 0; } .index__heading[data-type="about"]:before { content: ""; width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin-right: 9px; background: #1A1A1A; border-radius: 50%; position: relative; top: -2px; } .index__heading[data-type="projects"]:before { content: ""; width: 12px; height: 12px; display: inline-block; vertical-align: middle; margin-right: 9px; background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.64286 2.64286L6.03571 5.25L3.39286 2.64286L6.03571 0L8.64286 2.64286ZM12 6L9.39286 8.64286L6.78571 6L9.39286 3.39286L12 6ZM5.28571 6L2.64286 8.64286L0 6L2.64286 3.39286L5.28571 6ZM8.64286 9.39286L6.03571 12L3.39286 9.39286L6.03571 6.75L8.64286 9.39286Z' fill='%231A1A1A'/%3E%3C/svg%3E") no-repeat; position: relative; top: -2px; } .index__heading[data-type="learn"]:before { content: ""; width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin-right: 9px; background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0L0 0L0 10H10V0ZM2.75 3.5C3.16421 3.5 3.5 3.16421 3.5 2.75C3.5 2.33579 3.16421 2 2.75 2C2.33579 2 2 2.33579 2 2.75C2 3.16421 2.33579 3.5 2.75 3.5ZM7.25 3.5C7.66421 3.5 8 3.16421 8 2.75C8 2.33579 7.66421 2 7.25 2C6.83579 2 6.5 2.33579 6.5 2.75C6.5 3.16421 6.83579 3.5 7.25 3.5ZM2.85714 5C2.85714 6.18347 3.81653 7.14286 5 7.14286C6.18347 7.14286 7.14286 6.18347 7.14286 5H8C8 6.65685 6.65685 8 5 8C3.34315 8 2 6.65685 2 5H2.85714Z' fill='%231A1A1A'/%3E%3C/svg%3E") no-repeat; position: relative; top: -2px; } .indexSection1__title { font-weight: 500; font-size: 44px; line-height: 1.2; letter-spacing: -0.03em; color: #1A1A1A; margin: 25px 0 48px; } .indexSection1__team-title { margin-bottom: 16px; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #BDBDBD; } .indexSection1__team-list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .indexSection1__team-item:not(:last-child) { padding-right: 40px; margin-right: 40px; position: relative; } .indexSection1__team-item:not(:last-child):after { content: ""; height: 28px; width: 1px; background: #E0E0E0; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; } .indexSection1__team_item-title { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .indexSection1__team_item-type { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: rgba(189, 189, 189, 1); font-style: italic; } .indexSection1__right { max-width: 570px; min-width: 570px; height: 640px; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-end; } .indexSection1__right-media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* .indexSection1__right-media:before { content: ""; background: -webkit-linear-gradient(#000000 -11.11%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(#000000 -11.11%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(#000000 -11.11%, rgba(0, 0, 0, 0) 100%); opacity: 0.5; transform: matrix(1, 0, 0, -1, 0, 0); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } */ .indexSection1__right-media:before { content: ""; width: 100%; height: 50%; background: url("/local/assets/css/../img/indexSection1__media-blur.png") no-repeat; background-size: cover; left: 0; bottom: 0; position: absolute; } .indexSection1__right-media img { width: 100%; height: 100%; object-fit: cover; } .indexSection1__right-content { position: relative; z-index: 1; font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; padding: 0 0 28px 28px; max-width: 375px; } .indexSection2 { background-color: #F3F5F7; margin-top: 80px; padding: 80px 0; } .indexSection2 .index__heading, .indexSection3 .index__heading, .indexSection4 .index__heading, .indexSection5 .index__heading, .indexSection2 .heading__columns.__multiply, .__multiply { margin-bottom: 24px; } .indexSection2__cards { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin-top: 80px; flex-wrap: wrap; } @media (max-width:780px) { .indexSection2__cards { grid-template-columns: 1fr 1fr; } } @media (max-width:480px) { .indexSection2__cards { grid-template-columns: 1fr; } } main.index .indexSection2__cards { margin-top: 48px; } .indexSection2__cards-item { flex: auto; height: 520px; position: relative; text-decoration: none; margin-bottom: 12px; overflow: hidden; } /*.indexSection2__cards-item:nth-last-of-type(1), .indexSection2__cards-item:nth-last-of-type(2), .indexSection2__cards-item:nth-last-of-type(3) { margin-bottom: 0; }*/ .indexSection2__cards-item__empty { visibility: hidden; } .indexSections2__cards_item-media { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; transition: .3s all; } .indexSections2__cards_item-media:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; background: rgba(0,0,0,.2); z-index: 2; } .indexSections2__cards_item-media img { width: 100%; height: 100%; object-fit: cover; } .indexSection2__cards-item:hover .indexSections2__cards_item-media { width: 110%; height: 110%; top: -5%; left: -5%; } .indexSections2__cards_item-content { position: relative; z-index: 3; padding: 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; height: 100%; } .indexSections2__cards_item-logo { height: 44px; margin-bottom: 28px; max-width: 150px; } .indexSections2__cards_item-logo img { max-width: 100%; max-height: 100%; } .indexSections2__cards_item-title { font-weight: 500; font-size: 44px; line-height: 100%; letter-spacing: -0.03em; color: #FFFFFF; } .indexSections2__cards_item-more { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; cursor: default; } .indexSections2__cards_item-more:before, .indexSections2__cards_item-more:after { color: #fff; } .indexSection3 { margin: 115px 0; } .indexSection3__sections { overflow: hidden; height: 640px; margin: 80px 0 112px; position: relative; } .indexSection3__section-wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } .indexSection3__contents { width: 100%; height: 640px; position: relative; box-sizing: border-box; padding: 28px; } .indexSection3__section-wrap .indexSection3__contents, .indexSection3__section { position: absolute; margin-bottom: 0; will-change: transform; width: 100%; height: 640px; box-sizing: border-box; padding: 28px; } .indexSection3__numbers { background: #F3F5F7; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .indexSection3__numbers-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; padding-top: 62px; } .indexSection3__numbers-side { min-width: 350px; } .indexSection3__numbers-side ul { padding: 0; list-style: none; } .indexSection3__numbers-side ul li:not(:last-child) { margin-bottom: 16px; } .indexSection3__numbers-side ul li span { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #1A1A1A; opacity: 0.4; cursor: pointer; } .indexSection3__numbers-side ul li.active span { opacity: 1; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .indexSection3__numbers-side ul li.active span:before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #1A1A1A; margin-right: 13px; } .indexSection3__numbers_content-item { display: none; opacity: 0; visibility: hidden; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; } .indexSection3__numbers-digit { min-width: 380px; flex: auto; text-align: left; transition: .5s all; flex: 1; } .indexSection3__numbers_digit-wrap { display: inline-block; vertical-align: middle; margin-bottom: 28px; } .indexSection3__numbers-value { font-weight: 500; font-size: 112px; line-height: 100%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 4px; text-align: left; } .indexSection3__numbers-title { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; text-align: left; } .indexSection3__numbers-text { max-width: 425px; } .indexSection3__numbers-text p { margin: 0; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .indexSection3__contents { background: #FFEB80; } .indexSection3__contents-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: stretch; align-items: stretch; } .indexSection3__contents-left { max-width: 655px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .indexSection3__contents-text p { font-style: italic; font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #1A1A1A; margin: 0; } .indexSection3__contents-meta { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .indexSection3__contents_meta-author, .indexSection3__contents_meta-univer__content { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .indexSection3__contents_meta_author-post, .indexSection3__contents_meta-univer__city { color: #BDBDBD; font-style: italic; } .indexSection3__contents_meta-author { margin-right: 40px; } .indexSection3__contents_meta-univer { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; padding-left: 40px; position: relative; } .indexSection3__contents_meta-univer:before { content: ""; width: 1px; height: 28px; background: #1A1A1A; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .indexSection3__contents_meta-univer__logo { width: 40px; height: 40px; margin-right: 12px; } .indexSection3__contents_meta-univer__logo img { /*mix-blend-mode: darken;*/ width: 100%; height: 100%; object-fit: contain; } .indexSection3__contents-video { position: relative; flex: auto; max-width: 540px; height: 584px; } .indexSection3__contents-video img { width: 100%; height: 100%; object-fit: cover; transition: .4s all; } a.indexSection3__contents-video:before { content: ""; width: 80px; height: 80px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); position: absolute; border-radius: 50%; background: #fff url("data:image/svg+xml,%3Csvg width='21' height='26' viewBox='0 0 21 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 13L-1.14193e-06 25.1244L-8.1987e-08 0.875644L21 13Z' fill='%231A1A1A'/%3E%3C/svg%3E") 55% no-repeat; z-index: 2; transition: .3s all; } .indexSection3__contents-video:hover:before { transform: translateX(-50%) translateY(-50%) scale(1.3); } .modal__video { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 99999; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; -ms-align-items: center; align-items: center; } .modal__video.opened { opacity: 1; visibility: visible; } .modal__video-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: rgba(0,0,0,.5); z-index: 1; opacity: 0; visibility: hidden; transition: .2s all; } .modal__video.opened .modal__video-overlay { opacity: 1; visibility: visible; } .modal__video-close { width: 32px; height: 32px; position: absolute; top: 22px; right: 28px; background: #1A1A1A; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #fff; cursor: pointer; z-index: 4; transition: .3s all; } .modal__video-close:hover { transform: scale(1.05); } .modal__video-wrap { max-width: 1152px; min-width: 1152px; position: relative; z-index: 2; } .modal__video-preview { height: 700px; position: relative; background: #fff; cursor: pointer; } .modal__video-preview:before { content: ""; width: 80px; height: 80px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); position: absolute; border-radius: 50%; background: #fff url("data:image/svg+xml,%3Csvg width='21' height='26' viewBox='0 0 21 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 13L-1.14193e-06 25.1244L-8.1987e-08 0.875644L21 13Z' fill='%231A1A1A'/%3E%3C/svg%3E") 55% no-repeat; z-index: 2; } .modal__video-preview img { width: 100%; height: 100%; object-fit: cover; object-position: top; } .modal__video-iframe { height: 700px; position: relative; background: #fff; display: none; } .modal__video-iframe video, .modal__video-iframe iframe { width: 100%; height: 100%; object-fit: cover; } .modal__video-meta { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: center; align-items: center; margin-top: 12px; } .modal__video-title { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #fff; padding: 2px 4px; background: #1A1A1A; } .modal__video-time { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #fff; padding: 2px; background: #1A1A1A; } .indexSection4 { margin-bottom: 112px; } .indexSection4__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; justify-content: space-between; margin-top: 48px; } .indexSection4__item { text-decoration: none; flex: auto; max-width: calc(100% / 3 - 8px); } .indexSection4__item-media { height: 540px; position: relative; margin-bottom: 28px; } .indexSection4__item:nth-child(2) .indexSection4__item-media { height: 360px; } .indexSection4__item:nth-child(3) .indexSection4__item-media { height: 480px; } .indexSection4__item_media-photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .indexSection4__item_media-photo:before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; left: 0; top: 0; display: block; z-index: 1; } .indexSection4__item_media-photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; position: absolute; left: 0; top: 0; } .indexSection4__item-media:hover .indexSection4__item_media-photo img { width: 110%; height: 110%; left: -5%; top: -5%; } .indexSection4__item_media-logo { max-width: 150px; } .indexSection4__item_media-logo img { max-height: 60px; max-width: 100%; } .indexSection4__item_media-content { position: relative; z-index: 2; padding: 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; height: 100%; } .indexSection4__item_media-bottom { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: flex-end; align-items: flex-end; } .indexSection4__item_media-tags { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-end; align-items: flex-end; } .indexSection4__item_media_tags-item { background: #1A1A1A; padding: 2px 4px; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #FFFFFF; } .indexSection4__item_media_tags-item:not(:last-child) { margin-bottom: 4px; } .indexSection4__item_media-type { font-weight: 500; font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #FFFFFF; margin-bottom: 12px; } .indexSection4__item_media-title { font-weight: 500; font-size: 44px; line-height: 48px; letter-spacing: -0.03em; color: #FFFFFF; max-width: 93%; } .indexSection4__item-date { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; margin-bottom: 12px; color: #1A1A1A; } .indexSection4__item-more { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; } .indexSection4__item-more:before, .indexSection4__item-more:after { color: #1A1A1A; } .indexSection5 { padding: 80px 0; background: #F3F5F7; } .indexSection5__tabs { margin-top: 100px; } .indexSection5__tabs-top, .tabs__top { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; margin-bottom: 16px; } .indexSection5__tabs-head, .tabs__head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .indexSection5__tabs_head-item, .tabs__head-item, .divein__events-tabs__item { padding: 8px 12px; font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; cursor: pointer; display: block; text-decoration: none; } .indexSection5__tabs_head-item:before, .indexSection5__tabs_head-item:after, .divein__events-tabs__item:before, .divein__events-tabs__item:after, .tabs__head-item:before, .tabs__head-item:after { color: #1A1A1A; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; } .divein__events-tabs__item:not(:last-child), .indexSection5__tabs_head-item:not(:last-child), .tabs__head-item:not(:last-child) { margin-right: 12px; } .indexSection5__tabs-head .indexSection5__tabs_head-item.cat-all.active, .divein__events-tabs__item.active, .tabs__head-item.active { background: #1A1A1A; color: #FFFFFF; } .indexSection5__tabs_head-item.active:before, .indexSection5__tabs_head-item.active:after, .divein__events-tabs__item.active:before, .divein__events-tabs__item.active:after, .indexSection5__tabs-head.cat-all:before, .indexSection5__tabs-head.cat-all:after, .tabs__head-item.active:before, .tabs__head-item.active:after { background: #1A1A1A; color: #FFFFFF; } .indexSection5__tabs-all, .tabs__link { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; text-decoration: none; } .tabs__link:before, .tabs__link:after { color: #1A1A1A; justify-content: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .indexSection5__tabs_body-item, .tabs__body-item { display: none; } .indexSection5__tabs_body-item.active, .tabs__body-item.active { display: block; } .partners__button_login{ background-image: url("data:image/svg+xml,%3Csvg width='365' height='160' viewBox='0 0 365 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_343_2549)'%3E%3Crect width='365' height='160' fill='%23FB8552'/%3E%3Cg filter='url(%23filter0_f_343_2549)'%3E%3Crect x='32.5889' y='85.1429' width='85.3839' height='79.1429' fill='url(%23paint0_linear_343_2549)'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_343_2549)'%3E%3Crect x='91.25' y='-46.5714' width='183.152' height='216.857' fill='url(%23paint1_linear_343_2549)'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_343_2549)'%3E%3Crect x='239.205' y='68.2857' width='110.152' height='102' fill='url(%23paint2_linear_343_2549)'/%3E%3C/g%3E%3Cg filter='url(%23filter3_f_343_2549)'%3E%3Crect width='96.7472' height='150.93' transform='matrix(0.964116 0.26548 -0.820066 0.572269 324.522 88.8571)' fill='url(%23paint3_linear_343_2549)'/%3E%3C/g%3E%3Cg filter='url(%23filter4_f_343_2549)'%3E%3Crect x='99.7227' y='160' width='129.705' height='171.143' transform='rotate(180 99.7227 160)' fill='url(%23paint4_linear_343_2549)'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M13.893 27.236V14.4491H26.67L26.6899 16.9647H18.2382L29.2652 28.0116L27.4456 29.8412L16.4086 18.7843L16.4285 27.236H13.893Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_f_343_2549' x='12.5889' y='65.1429' width='125.384' height='119.143' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='10' result='effect1_foregroundBlur_343_2549'/%3E%3C/filter%3E%3Cfilter id='filter1_f_343_2549' x='71.25' y='-66.5714' width='223.151' height='256.857' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='10' result='effect1_foregroundBlur_343_2549'/%3E%3C/filter%3E%3Cfilter id='filter2_f_343_2549' x='199.205' y='28.2857' width='190.151' height='182' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='20' result='effect1_foregroundBlur_343_2549'/%3E%3C/filter%3E%3Cfilter id='filter3_f_343_2549' x='180.75' y='68.8571' width='257.048' height='152.057' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='10' result='effect1_foregroundBlur_343_2549'/%3E%3C/filter%3E%3Cfilter id='filter4_f_343_2549' x='-49.9824' y='-31.1428' width='169.705' height='211.143' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='10' result='effect1_foregroundBlur_343_2549'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_343_2549' x1='74.9549' y1='102.714' x2='75.0176' y2='164.286' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E0BCA4' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23E0BCA4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_343_2549' x1='182.826' y1='-46.5714' x2='182.826' y2='170.286' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E0BCA4' stop-opacity='0'/%3E%3Cstop offset='0.895833' stop-color='%23E0BCA4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_343_2549' x1='294.281' y1='68.2857' x2='294.281' y2='170.286' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E0BCA4' stop-opacity='0'/%3E%3Cstop offset='0.744792' stop-color='%23E0BCA4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_343_2549' x1='48.3736' y1='0' x2='48.3736' y2='150.93' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D2ADA1' stop-opacity='0'/%3E%3Cstop offset='0.744792' stop-color='%23D0AA9E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_343_2549' x1='91.5753' y1='201.261' x2='146.146' y2='350.221' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D2ADA1' stop-opacity='0'/%3E%3Cstop offset='0.914121' stop-color='%23D0AA9E'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_343_2549'%3E%3Crect width='365' height='160' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; width: 365px; height: 180px; transition: .4s; position: fixed; bottom: 0; right: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; text-decoration: none; font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #FFFFFF; z-index: 95; transform: rotate(-5deg) translateX(20px) translateY(30px); } .news__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .news__list-item { text-decoration: none; max-width: calc(100% / 2 - 14px); padding: 28px 0; border-top: 1px solid #1A1A1A; } .f-cat { opacity: 0; display: none; } .f-cat.active { opacity: 1; display: block; -webkit-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; } .item-empty { visibility: hidden; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .news__list_item-meta { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 12px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; background-repeat: no-repeat; background-position: left center; height: 20px; padding-left: 28px; } .news__list-item[data-cat="news"] .news__list_item-meta { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6429 6.64286L10.0357 9.25L7.39286 6.64286L10.0357 4L12.6429 6.64286ZM16 10L13.3929 12.6429L10.7857 10L13.3929 7.39286L16 10ZM9.28571 10L6.64286 12.6429L4 10L6.64286 7.39286L9.28571 10ZM12.6429 13.3929L10.0357 16L7.39286 13.3929L10.0357 10.75L12.6429 13.3929Z' fill='%231A1A1A'/%3E%3C/svg%3E"); } .news__list-item[data-cat="podcast"] .news__list_item-meta { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0003 10L7.50027 14.3301L7.50027 5.66987L15.0003 10Z' fill='%231A1A1A'/%3E%3C/svg%3E"); } .news__list-item[data-cat="articles"] .news__list_item-meta { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 4H5V16H15V4ZM11 12.5H7V14H11V12.5ZM7 9.5H13V11H7V9.5ZM13 6.5H7V8H13V6.5Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); } .news__list-item[data-cat="interview"] .news__list_item-meta { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 5H5V15H15V5ZM7.75 8.5C8.16421 8.5 8.5 8.16421 8.5 7.75C8.5 7.33579 8.16421 7 7.75 7C7.33579 7 7 7.33579 7 7.75C7 8.16421 7.33579 8.5 7.75 8.5ZM12.25 8.5C12.6642 8.5 13 8.16421 13 7.75C13 7.33579 12.6642 7 12.25 7C11.8358 7 11.5 7.33579 11.5 7.75C11.5 8.16421 11.8358 8.5 12.25 8.5ZM7.85714 10C7.85714 11.1835 8.81653 12.1429 10 12.1429C11.1835 12.1429 12.1429 11.1835 12.1429 10H13C13 11.6569 11.6569 13 10 13C8.34315 13 7 11.6569 7 10H7.85714Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); } .news__list_item-content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .news__list_item-photo { max-width: 221px; min-width: 221px; height: 140px; margin-right: 28px; position: relative; overflow: hidden; } .news__list_item-photo img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; transition: .3s all; } .news__list-item:hover .news__list_item-photo img { width: 110%; height: 110%; left: -5%; top: -5%; } .news__list-item.video .news__list_item-photo { position: relative; } .news__list-item.video .news__list_item-photo:before { content: ""; width: 48px; height: 48px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; background: #fff url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4001 8.0001L0.800146 15.2747L0.800147 0.725484L13.4001 8.0001Z' fill='%231A1A1A'/%3E%3C/svg%3E") 55% 55% no-repeat; } .news__list-item.podcast .news__list_item-time { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; height: 100%; -ms-align-items: flex-end; align-items: flex-end; position: relative; padding: 0 8px 8px 8px; } .news__list-item.podcast .news__list_item-time:before { content: ""; display: block; width: 23px; height: 24px; background: #1A1A1A url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.697443 15.4545V0.90909L13.1861 8.18182L0.697443 15.4545Z' fill='white'/%3E%3C/svg%3E") 55% 55% no-repeat; } .news__list-item.podcast .news__list_item-time span { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #fff; background: #1A1A1A; padding: 0 2px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; height: 24px; } .news__list_item-title { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; } .indexMission { background: #384046; height: 600px; padding-top: 80px; padding-bottom: 20px; } .indexMission .container { height: 100%; } .indexMission__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; height: 100%; } .indexMission__uptitle { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #FFFFFF; margin-bottom: 24px; } .indexMission__title { max-width: 615px; font-weight: 500; font-size: 44px; line-height: 125%; letter-spacing: -0.03em; color: #FFFFFF; } .indexMission__logos { max-width: 650px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; } .indexMission__logos-item { /*flex: auto;*/ max-width: 100px; height: 60px; /*text-decoration: none;*/ display: flex; flex-direction: column; /*align-items: center;*/ justify-content: center; } .indexMission__logos-item:not(:last-child) { margin-right: 90px; margin-bottom: 60px; } .indexMission__logos-item:nth-child(2) { height: 70px; position: relative; top: -10px; } .indexMission__logos-item img { max-height: 100%; max-width: 100%; object-fit: contain; object-position: left; } /* Solutions */ main.solutions { padding: 188px 0 112px; } main.solutions .heading__columns { margin: 24px 0 112px; } main.solutions .heading__columns .heading__columns-title { font-size: 80px; line-height: 1; margin-top: 0; } .solutions__tabs { border-top: 1px solid #1A1A1A; padding-top: 24px; } .solutions__cards { margin-top: 32px; display: grid; grid-template-columns: repeat(auto-fill, 453px); justify-content: space-between; grid-gap: 12px; } .solutions__cards .indexSection2__cards-item { min-width: 1px; max-width: none; margin-bottom: 0; } .solutions__cards-book { background: #FFEB80; grid-column: 1 / 3; height: 520px; position: relative; padding: 28px; text-decoration: none; color: #1A1A1A; overflow: hidden; } .solutions__book-content { height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .solutions__book-title { max-width: 425px; font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #1A1A1A; } .solutions__book-more { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; } .solutions__book-more:before, .solutions__book-more:after { color: #1A1A1A; } .solutions__book-stock { position: absolute; bottom: 340px; right: 300px; } .solutions__book_stock-item { position: absolute; left: 0; top: 0; width: 453px; height: 520px; transform: rotate(-7deg); transition: .4s all; } .solutions__cards-book:hover .solutions__book_stock-item { transform: none; } .solutions__book_stock-item:nth-child(1) { z-index: 3; } .solutions__book_stock-item:nth-child(2) { z-index: 2; left: -70px; top: 70px; } .solutions__book_stock-item:nth-child(3) { z-index: 1; left: -140px; top: 140px; } .solutions__book_stock-item .solutions__book_stock-media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .solutions__book_stock-item .solutions__book_stock-media:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); } .solutions__book_stock-item .solutions__book_stock-media img { width: 100%; height: 100%; object-fit: cover; } .solutions__book_stock-content { position: relative; padding: 28px 0 0 28px; font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #FFFFFF; } /* Cases */ .cases__cards .indexSections2__cards_item-media:before { background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); } /* About */ main.about { padding: 188px 0 0; } .aboutIntro {} .aboutIntro .index__heading { margin-bottom: 24px; } .aboutIntro .heading__columns-title { font-size: 80px; line-height: 1; margin-top: 0; max-width: 800px; } .aboutHero { height: 640px; position: relative; margin: 112px 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-end; } .aboutHero__media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .aboutHero__media:before { content: ""; width: 100%; height: 53%; background: url("/local/assets/css/../img/about/hero__blur.png") no-repeat; background-size: contain; position: absolute; bottom: -5px; left: 0; } .aboutHero__media img { width: 100%; height: 100%; object-fit: cover; } .aboutHero__content { max-width: 545px; font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #FFFFFF; position: relative; z-index: 1; margin: 0 0 28px 28px; } .aboutGuide { margin-bottom: 112px; } .aboutGuide__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .aboutGuide__content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .aboutGuide__bottom-title { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; margin: 48px 0 24px; max-width: 570px; } .aboutGuide__bottom-info { font-weight: 400; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #BDBDBD; font-style: italic; max-width: 450px; } .aboutGuide__timeline { height: 640px; max-width: 685px; min-width: 685px; background: #FFEB80; position: relative; overflow: hidden; } .aboutGuide__timeline-circle01 { width: 164px; height: 164px; border-radius: 50%; background: #fff; } .aboutGuide__timeline-circle02 { width: 367px; height: 368px; border-radius: 50%; background: -webkit-linear-gradient(241.43deg, rgba(255, 255, 255, 0) 10.64%, rgba(255, 255, 255, 0.29) 49.91%); background: -o-linear-gradient(241.43deg, rgba(255, 255, 255, 0) 10.64%, rgba(255, 255, 255, 0.29) 49.91%); background: linear-gradient(241.43deg, rgba(255, 255, 255, 0) 10.64%, rgba(255, 255, 255, 0.29) 49.91%); } .aboutGuide__timeline-circle03 { width: 543px; height: 544px; border-radius: 50%; background: -webkit-linear-gradient(254.24deg, rgba(255, 255, 255, 0.32) 7.79%, rgba(255, 255, 255, 0) 89.42%); background: -o-linear-gradient(254.24deg, rgba(255, 255, 255, 0.32) 7.79%, rgba(255, 255, 255, 0) 89.42%); background: linear-gradient(254.24deg, rgba(255, 255, 255, 0.32) 7.79%, rgba(255, 255, 255, 0) 89.42%); } .aboutGuide__timeline-circle04 { width: 701px; height: 702px; border-radius: 50%; background: -webkit-linear-gradient(267.84deg, rgba(255, 255, 255, 0) 49.93%, rgba(255, 255, 255, 0.32) 98.25%); background: -o-linear-gradient(267.84deg, rgba(255, 255, 255, 0) 49.93%, rgba(255, 255, 255, 0.32) 98.25%); background: linear-gradient(267.84deg, rgba(255, 255, 255, 0) 49.93%, rgba(255, 255, 255, 0.32) 98.25%); } .aboutGuide__timeline-circle05 { width: 841px; height: 842px; border-radius: 50%; background: -webkit-linear-gradient(254.24deg, rgba(255, 255, 255, 0.32) 7.79%, rgba(255, 255, 255, 0) 89.42%); background: -o-linear-gradient(254.24deg, rgba(255, 255, 255, 0.32) 7.79%, rgba(255, 255, 255, 0) 89.42%); background: linear-gradient(254.24deg, rgba(255, 255, 255, 0.32) 7.79%, rgba(255, 255, 255, 0) 89.42%); } .aboutGuide__timeline-circle06 { width: 941px; height: 941px; border-radius: 50%; background: -webkit-linear-gradient(267.74deg, rgba(255, 255, 255, 0) 49.95%, rgba(255, 255, 255, 0.32) 83.86%); background: -o-linear-gradient(267.74deg, rgba(255, 255, 255, 0) 49.95%, rgba(255, 255, 255, 0.32) 83.86%); background: linear-gradient(267.74deg, rgba(255, 255, 255, 0) 49.95%, rgba(255, 255, 255, 0.32) 83.86%); } .aboutGuide__timeline-text01 { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; top: 120px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; } .aboutGuide__timeline-text02, .aboutGuide__timeline-text03, .aboutGuide__timeline-text04, .aboutGuide__timeline-text05, .aboutGuide__timeline-text06 { font-weight: 500; font-size: 12px; line-height: 120%; letter-spacing: -0.01em; color: #000000; z-index: 10; } .aboutGuide__timeline-hr { width: 367px; height: 0; border: 1px dashed #000000; transform: rotate(90deg); position: absolute; bottom: 235px; left: 160px; } .aboutGuide__timeline-circle01, .aboutGuide__timeline-circle02, .aboutGuide__timeline-circle03, .aboutGuide__timeline-circle04, .aboutGuide__timeline-circle05, .aboutGuide__timeline-text01, .aboutGuide__timeline-text02, .aboutGuide__timeline-text03, .aboutGuide__timeline-text04, .aboutGuide__timeline-text05, .aboutGuide__timeline-text06 { position: absolute; } .aboutGuide__timeline-circle01, .aboutGuide__timeline-circle02, .aboutGuide__timeline-circle03, .aboutGuide__timeline-circle04, .aboutGuide__timeline-circle05, .aboutGuide__timeline-circle06 { left: 50%; transform: translateX(-50%); } .aboutGuide__timeline-circle01 { top: 40px; z-index: 6; } .aboutGuide__timeline-circle02 { top: -62px; z-index: 5; } .aboutGuide__timeline-circle03 { top: -150px; z-index: 4; } .aboutGuide__timeline-circle04 { top: -229px; z-index: 3; } .aboutGuide__timeline-circle05 { top: -299px; z-index: 2; } .aboutGuide__timeline-circle06 { top: -362px; z-index: 1; } .aboutGuide__timeline-text02 { top: 291px; left: 156px; } .aboutGuide__timeline-text03 { top: 379px; left: 353px; } .aboutGuide__timeline-text04 { top: 456px; left: 140px; } .aboutGuide__timeline-text05 { top: 527px; left: 353px; } .aboutGuide__timeline-text06 { top: 576px; left: 37px; } .aboutWhy { margin-bottom: 112px; } .aboutWhy__wrap { position: relative; height: 640px; } .aboutWhy__media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .aboutWhy__media:before { content: ""; height: 337px; background: url("/local/assets/css/../img/about/aboutWhy__media.png") no-repeat; width: 100%; position: absolute; bottom: 0; left: 0; } .aboutWhy__media img { width: 100%; height: 100%; object-fit: cover; } .aboutWhy__content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; position: relative; height: 100%; padding: 28px 50px 36px 28px; } .aboutWhy__content-mobile { display: none; } .aboutWhy__content-top { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #fff; } .aboutWhy__content-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .aboutWhy__content-item { max-width: 400px; } .aboutWhy__content-title { font-weight: 500; font-size: 52px; line-height: 108%; letter-spacing: -0.02em; color: #fff; margin-bottom: 24px; } .aboutWhy__content-text { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; } .aboutWhy__content-info { max-width: 425px; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #fff; opacity: 0.5; margin-top: 28px; font-style: italic; } .aboutBenefit { margin-bottom: 112px; } .aboutBenefit + .aboutBenefit { margin-bottom: 0; } .aboutBenefit__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .aboutBenefit__left { max-width: 570px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; position: relative; } @media (min-width:720px) { .aboutBenefit__left-top { position: sticky; top: 100px; padding-bottom: 100px; } } .aboutBenefit__left-bottom { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #BDBDBD; opacity: 0.5; max-width: 425px; } .aboutBenefit__left-bottom a { color: #BDBDBD; text-decoration: underline; } .aboutBenefit__left-bottom a:hover { text-decoration: none; } .aboutBenefit__right { max-width: 685px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .aboutBenefit__right-item { max-width: 337px; min-width: 337px; } .aboutBenefit__right-item:nth-child(1), .aboutBenefit__right-item:nth-child(2) { margin-bottom: 80px; } .aboutBenefit__right-digit { font-weight: 500; font-size: 80px; line-height: 100%; letter-spacing: -0.01em; color: #000; } .aboutBenefit__right-title { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #000000; margin: 40px 0 24px; } .aboutBenefit__right-text { font-weight: 400; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #000000; } .aboutActing { margin-bottom: 112px; } .aboutActing__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; margin-top: 48px; } .aboutActing__item { max-width: calc(100% / 3 - 8px); min-width: calc(100% / 3 - 8px); position: relative; } .aboutActing__item:nth-child(1) { height: 540px; } .aboutActing__item:nth-child(2) { height: 420px; } .aboutActing__item:nth-child(3) { height: 480px; } .aboutActing__item-media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .aboutActing__item-media:before { content: ""; width: 100%; height: 250px; background: url("/local/assets/css/../img/about/acting__blur.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1; } .aboutActing__item-media img { width: 100%; height: 100%; object-fit: cover; } .aboutActing__item-content { max-width: 390px; font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #fff; position: relative; z-index: 1; padding: 28px 0 0 28px; } .aboutGroup { margin-bottom: 112px; background: #FFEB80; height: 720px; } .aboutGroup__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; height: 100%; } .aboutGroup__content { padding: 28px 0 28px 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; height: 100%; max-width: 640px; } .aboutGroup__top .heading__columns-title { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 24px; } .aboutGroup__text { max-width: 425px; font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .aboutGroup__animation { height: 100%; } .aboutGroup__animation-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; overflow: hidden; height: 100%; } .aboutGroup__animation-list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .aboutGroup__animation-list:first-child { margin-right: 12px; } .aboutGroup__animation-item { min-width: 337px; max-width: 337px; height: 420px; margin-bottom: 12px; } .aboutGroup__animation-item img { width: 100%; height: 100%; object-fit: cover; } /* .aboutCreate { padding: 0 0 80px; background: #F3F5F7; } */ .aboutCreate__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; height: 670px; margin-bottom: 80px; } .aboutCreate__left { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } @media (min-width:780px) { .aboutCreate__left-top { position: sticky; top: 100px; padding-bottom: 60px; } } .aboutCreate__right { max-width: 570px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-end; } .aboutCreate__right-digit { margin-bottom: 32px; font-weight: 500; font-size: 304px; line-height: 304px; letter-spacing: -0.03em; background: url(/local/assets/css/../img/about/text.jpeg) 0 0 / cover no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .aboutCreate__right-info { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .aboutLeaders { padding: 0 0 80px; background: #F3F5F7; overflow: hidden; } .aboutLeaders__wrap { margin-bottom: 48px; padding-top: 80px; } .aboutLeaders__wrap .heading__columns { margin-bottom: 48px; } .aboutLogos__wrap { margin-bottom: 48px; } .aboutCases__wrap { display: grid; gap: 8px; justify-content: space-between; grid-template-columns: 1fr 1fr 1fr; } @media (max-width:960px) { .aboutCases__wrap { grid-template-columns: 1fr 1fr; } } @media (max-width:600px) { .aboutCases__wrap { grid-template-columns: 1fr; } } .aboutCases__item { height: 520px; background: #BDBDBD; position: relative; text-decoration: none; } .aboutCases__item-media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .aboutCases__item-media:before { content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); position: absolute; display: block; left: 0; top: 0; } .aboutCases__item-media img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .aboutCases__item-media:hover img { width: 110%; height: 110%; left: -5%; top: -5%; } .aboutCases__item-content { position: relative; padding: 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; height: 100%; } .aboutCases__item-logo { height: 44px; margin-bottom: 28px; max-width: 150px; } .aboutCases__item-logo img { width: auto; height: 100%; object-fit: contain; max-width: 100%; } .aboutCases__item-title { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #FFFFFF; } .aboutCases__item-bottom { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; } .aboutCases__item-bottom:before, .aboutCases__item-bottom:after { color: #fff; } /* Project */ main.project {} .projectHero, .projectHero__media-wrap { margin-bottom: 28px; } @media (min-width: 768px) { .projectHero ~ .projectGoal { margin-top: 80px; } } .projectHero__media-wrap img { width: 100%; height: 100%; object-fit: cover; } .hero__media-iframe .projectHero__media-video { display: none; } .projectHero__top { height: 695px; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-end; } .projectHero.noBg .projectHero__top { justify-content: flex-start; padding-top: 188px; height: auto; } .projectHero.noBg .projectHero__header { padding: 0; } .projectHero.noBg .projectHero__cols { margin-left: 0; margin-right: 0; } .projectHero__logo { max-width: 150px; } .projectHero__logo img { max-width: 100%; } .projectHero__image { position: absolute; left: 0; top: 0; width: 100%; height: 695px; background: #197DF7; } .projectHero__image img { width: 100%; height: 100%; object-fit: cover; } .sp-image { padding: 0 28px; max-width: 1440px; height: 695px; margin: 60px auto; } @media (max-width:980px) { .sp-image { height: 400px; margin: 40px auto; } } @media (max-width:480px) { .sp-image { height: 300px; margin: 30px auto; } } .sp-image img { width: 100%; height: 100%; object-fit: cover; } .projectHero__header { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; background: #fff; height: auto; padding: 28px; position: relative; z-index: 1; } .projectHero__heading {} .projectHero__heading-title { font-weight: 500; font-size: 80px; line-height: 120%; letter-spacing: -0.03em; color: #1A1A1A; margin: 0; max-width: none; margin-bottom: 24px; } @media (min-width:1399px) { main.project[data-page="/ruinternational-conference-on-nuclear-knowledge-management-and-human-resources-development"] .projectHero__heading-title, main.project[data-page="/international-conference-on-nuclear-knowledge-management-and-human-resources-development"] .projectHero__heading-title { font-size: 65px; } } .projectHero__heading-desc { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #BDBDBD; margin-bottom: 24px; } /*.projectHero__wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }*/ .projectHero__cols { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; border-top: 1px solid #1A1A1A; padding-top: 24px; margin: 0 28px 24px 28px; align-items: flex-start; } .projectHero__cols-list { flex: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .projectHero__cols-item { max-width: 335px; margin-right: 100px; } @media (min-width:980px) { .projectHero__cols-item { font-size: 20px; font-weight: 400; line-height: 120%; } } .projectHero__cols-link { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; text-decoration: none; } .projectHero__cols-link:before, .projectHero__cols-link:after { color: #1A1A1A; } .projectHero__media { margin-bottom: -112px; } .projectHero__media-section { padding: 0; } .projectHero__media-photo, .projectHero__media-video { overflow: hidden; position: relative; left: 0; top: 0; width: 100%; height: 100%; } .projectHero__media-photo { display: block; overflow: hidden; } .projectHero__media-photo img { width: 100%; height: 100%; object-fit: cover; } /*.projectHero__media-video { display: none; }*/ .projectHero__media-video video, .projectHero__media-video iframe { width: 100%; height: auto; object-fit: cover; min-height: 760px; } @media (max-width: 1200px) { .projectHero__media-video video, .projectHero__media-video iframe { min-height: 500px; } } @media (max-width: 600px) { .projectHero__media-video video, .projectHero__media-video iframe { min-height: 200px; } } .projectHero__media_video-content { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-end; height: 100%; padding: 0 0 28px 28px; } .projectHero__media_video-content__title { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #fff; } .projectHero__media_video-content__subtitle { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: rgba(255, 255, 255, .5); } .projectLogos { margin-bottom: 80px; overflow: hidden; } .projectLogos__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; width: 100%; } .projectLogos__wrap.animateLogos { width: auto; justify-content: center; } .projectLogos__wrap[data-count="9"] .projectLogos__item { min-width: 10%; max-width: 10%; } .projectLogos__item { max-width: 200px; min-width: 200px; width: 200px; display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 0 8px; } @media (min-width: 1000px) { .projectLogos__item { max-width: 12%; min-width: 12%; width: 12%; } } .projectLogos__item img { width: 70%; height: 70%; object-fit: contain; } .projectGoal { overflow: hidden; max-width: none; margin-bottom: 80px; } .projectGoal__list-wrap { margin-top: 80px; overflow: hidden; } .projectGoal__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: flex-start; align-items: flex-start; flex-wrap: nowrap; width: auto; grid-column-gap: 8px; cursor: none !important; } .projectsGoal__item { background: #D9D9D9; overflow: hidden; margin: 0 6px; } .projectsGoal__item:nth-child(3n+1) { min-width: 802px; height: 480px; } .projectsGoal__item:nth-child(3n+2) { min-width: 455px; height: 620px; } .projectsGoal__item:nth-child(3n+3) { min-width: 570px; height: 370px; } .projectsGoal__item-image { height: 100%; position: relative; } .projectsGoal__item img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .heading__columns-subtitle ul { margin-left: 15px; } .heading__columns-subtitle ul, .heading__columns-subtitle li { list-style: outside disc; } .projectsGoal__item:hover img { transform: scale(1.1); } .projectPresent { margin: 112px 0; } .projectPresent__wrap { background: #FFEB80; height: 640px; } .projectSpeakers1 { margin-bottom: 80px; } .projectSpeakers1__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; align-items: flex-start; } .projectSpeakers1__list { max-width: 686px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 12px; justify-content: space-between; flex-wrap: wrap; } .projectSpeakers1__list[data-count="1"] { grid-template-columns: 1fr; max-width: 350px; } .projectSpeakers1__item { width: 100%; height: 420px; position: relative; } .projectSpeakers1__item:nth-last-child(1), .projectSpeakers1__item:nth-last-child(2) { margin-bottom: 0; } .projectSpeakers1__item-photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .projectSpeakers1__item-photo img { width: 100%; height: 100%; object-fit: cover; } .projectSpeakers1__item-photo:before { content: ""; background: url("/local/assets/css/../img/project/speakers__blur.png") no-repeat; background-size: cover; width: 100%; height: 268px; position: absolute; bottom: 0; left: 0; } .projectSpeakers1__item-name { font-size: 28px; line-height: 115%; font-weight: 400; letter-spacing: -0.01em; color: #FFFFFF; } .projectSpeakers1__item-post { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; margin: 4px 0; } .projectSpeakers1__item-city { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #FFEB80; } .projectSpeakers1__item-content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-end; z-index: 2; position: relative; height: 100%; padding: 0 28px 12px 28px; } .projectSpeakers1__content { max-width: 570px; } @media (min-width: 825px) { .projectSpeakers1__wrap { position: relative; } .projectSpeakers1__content { position: sticky; top: 120px; } } .projectSpeakers1__content .heading__columns-title { margin: 24px 0; } .projectSpeakers2 { background: #F3F5F7; padding: 80px 0; margin-bottom: 60px; } .projectSpeakers2__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; margin-top: 80px; flex-wrap: wrap; } .projectSpeakers2__list.notText { margin-top: 0; } .projectSpeakers2__item { max-width: calc(100% / 2 - 13px); min-width: calc(100% / 2 - 13px); border-bottom: 1px solid #1A1A1A; /* min-height: 250px;*/ padding: 40px 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .projectSpeakers2__item:nth-child(1), .projectSpeakers2__item:nth-child(2) { border-top: none; padding-top: 0; } .projectSpeakers2__item-photo { max-width: 221px; min-width: 221px; height: 140px; overflow: hidden; } .projectSpeakers2__item-photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .projectSpeakers2__item:hover .projectSpeakers2__item-photo img { transform: scale(1.1); } .projectSpeakers2__item-content { margin-left: 28px; } .projectSpeakers2__item-name { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #1A1A1A; } .projectSpeakers2__item-post { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin: 4px 0; } .projectSpeakers2__item-city { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #BDBDBD; } .projectSpeakers2__item-content__hover { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; display: none; } .projectSpeakers2__item.projectSpeakers2__item-preview:hover .projectSpeakers2__item-content__main { display: none; } .projectSpeakers2__item.projectSpeakers2__item-preview:hover .projectSpeakers2__item-content__hover { display: block; } .projectResult { padding-bottom: 80px; } .projectResult .heading__columns {} .projectResult__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; flex-wrap: wrap; margin-top: 80px; } .projectResult__item { flex: auto; } .projectResult__item-wrap { display: inline-block; vertical-align: middle; } .projectResult__item-digit { font-weight: 500; font-size: 80px; line-height: 100%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 24px; } .projectResult__item-title { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .projectQuotes { margin-bottom: 80px; } .projectContent { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; max-width: 920px; margin: 0 auto 50px; } .projectContent p { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .projectContent p:not(:last-child) { margin-bottom: 20px; } .projectContent__wrap a { color: #1A1A1A; } .projectFeatures { margin-bottom: 112px; } .projectFeatures__list { margin-top: 80px; display: grid; grid-template-columns: 1fr 1fr 1fr; justify-content: space-between; padding: 0 20px; } /*@media (min-width: 1000px) { .projectFeatures__list { padding: 0 28px; } }*/ @media (max-width: 1000px) { .projectFeatures__list { grid-template-columns: 1fr 1fr; } } @media (max-width: 480px) { .projectFeatures__list { grid-template-columns: 1fr; } } .projectFeatures__item { max-width: 450px; } @media (min-width: 600px) { .projectFeatures__item { padding-right: 15px; } .projectFeatures__item-text { max-width: 70%; } } .projectFeatures__item-digit { font-weight: 500; font-size: 80px; line-height: 100%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 24px; } .projectFeatures__item-title { font-size: 16px; line-height: 125%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; } .projectContacts { margin-bottom: 80px; background: #F3F5F7; padding: 80px 0; } .projectContacts__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .projectContacts__content { max-width: 570px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .projectContacts__title { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #1A1A1A; margin: 0; } @media (min-width: 500px) { .projectContacts__title { max-width: 500px; } } .projectContacts__text { margin-top: 24px; } .projectContacts__text p { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .projectContacts__text p:not(:last-child) { margin-bottom: 24px; } .projectContacts__show { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; text-decoration: none; } .projectContacts__show:before, .projectContacts__show:after { color: #1A1A1A; } .projectContacts__map { max-width: 690px; min-width: 690px; height: 420px; background: #fff; } .projectContacts__map iframe { width: 100%; height: 100%; object-fit: cover; } .projectProgram { padding-bottom: 80px; } .projectProgram:has(+ .projectHero__media), .projectProgram:has(+ .projectRegister) { padding-bottom: 0; } .projectProgram:has(+ .sp-image) { padding-bottom: 40px; } .projectProgram__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; flex-wrap: wrap; } .projectProgram__heading { max-width: calc(100% - 570px); } @media (min-width:900px) { .projectProgram__heading { position: sticky; top: 100px; } } .projectProgram__heading .heading__columns-subtitle { margin-top: 48px; } .projectProgram__list { max-width: 570px; min-width: 570px; } .projectProgram__item { position: relative; display: block; } .projectProgram__list .projectProgram__item:not(:last-child) { margin-bottom: 48px; } .projectProgram__item-type { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #FA8A59; } main.pageCourse .projectProgram__item-type { margin-bottom: 8px; } .projectProgram__item-title__wrap { margin-bottom: 24px; position: relative; } .projectProgram__item-title { font-size: 28px; line-height: 115%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; } .projectProgram__item-type + .projectProgram__item-title { margin-top: 8px; } .projectProgram__item-title + .projectProgram__item-desc { margin-top: 24px; } .projectDocuments__item { text-decoration: none; } .projectDocuments__item .projectProgram__item-title { margin-bottom: 8px; } .projectDocuments__item .projectProgram__item-title__wrap, .projectProgram__item.__existText .projectProgram__item-title__wrap { padding-right: 115px; cursor: pointer; } .projectProgram__item-title__icon { background: url("data:image/svg+xml,%3Csvg width='44' height='45' viewBox='0 0 44 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10.5V0H44V10.5H41.5V2.5H2.5V10.5H0Z' fill='black'/%3E%3Cpath d='M0 44.5V34H2.5V42H41.5V34H44V44.5H0Z' fill='black'/%3E%3C/svg%3E") no-repeat; width: 44px; height: 45px; position: absolute; right: 0; top: 0; display: none; overflow: hidden; } .projectDocuments__item .projectProgram__item-title__icon, .projectProgram__item.__existText .projectProgram__item-title__icon { display: block; } .projectProgram__item-title__icon:before, .projectProgram__item-title__icon:after { content: "↓"; width: 100%; height: 100%; position: absolute; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-weight: 800; font-size: 20px; line-height: 100%; letter-spacing: -0.01em; color: #1A1A1A; transition: .4s all; padding-top: 2px; } .projectProgram__item-title__icon:after { content: "↑"; } .projectDocuments__item .projectProgram__item-title__icon:before, .projectDocuments__item .projectProgram__item-title__icon:after { content: ""; background: url("data:image/svg+xml,%3Csvg width='44' height='24' viewBox='0 0 44 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='44' height='24' fill='none'/%3E%3Cpath d='M22.8807 4.45455V14.0994L26.4389 10.527L28.2855 12.3594L21.5455 19.0852L14.8196 12.3594L16.6378 10.527L20.2102 14.0994V4.45455H22.8807Z' fill='%231A1A1A'/%3E%3Crect x='12' y='21' width='19' height='2.5' fill='%231A1A1A'/%3E%3C/svg%3E") no-repeat; background-position: center; } .projectProgram__item-title__icon:before { bottom: 0; } .projectProgram__item-title__icon:after { bottom: 100%; } .projectProgram__item.__existText .projectProgram__item-title__wrap:hover .projectProgram__item-title__icon:before, .projectDocuments__item:hover .projectProgram__item-title__icon:before { bottom: -100%; } .projectProgram__item.__existText .projectProgram__item-title__wrap:hover .projectProgram__item-title__icon:after, .projectDocuments__item:hover .projectProgram__item-title__icon:after { bottom: 0; } .projectProgram__item-desc { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .projectProgram__item-desc ul { padding-left: 16px; } .projectProgram__item-desc ul li { list-style: outside disc; } .projectProgram__item-text { display: none; } .projectProgram__item-text p { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 0; } .projectProgram__item-text p:not(:last-child) { margin-bottom: 18px; } .projectSharing { margin-bottom: 112px; } .projectSharing__wrap { border-top: 1px solid #1A1A1A; padding-top: 24px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .projectSharing__title { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-right: 24px; } .projectSharing__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .projectSharing__item { min-width: 20px; max-width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all; } .projectSharing__item:not(:last-child) { margin-right: 16px; } .projectSharing__item:hover { transform: scale(1.1); } .projectSharing__item[data-type="facebook"] { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1126_7436)'%3E%3Cpath d='M20 10C20 4.47715 15.5229 0 10 0C4.47715 0 0 4.47715 0 10C0 14.9912 3.65684 19.1283 8.4375 19.8785V12.8906H5.89844V10H8.4375V7.79688C8.4375 5.29063 9.93047 3.90625 12.2146 3.90625C13.3084 3.90625 14.4531 4.10156 14.4531 4.10156V6.5625H13.1922C11.95 6.5625 11.5625 7.3334 11.5625 8.125V10H14.3359L13.8926 12.8906H11.5625V19.8785C16.3432 19.1283 20 14.9912 20 10Z' fill='%231A1A1A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1126_7436'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .projectSharing__item[data-type="linkedin"] { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1126_7437)'%3E%3Cpath d='M18.5195 0H1.47656C0.660156 0 0 0.644531 0 1.44141V18.5547C0 19.3516 0.660156 20 1.47656 20H18.5195C19.3359 20 20 19.3516 20 18.5586V1.44141C20 0.644531 19.3359 0 18.5195 0ZM5.93359 17.043H2.96484V7.49609H5.93359V17.043ZM4.44922 6.19531C3.49609 6.19531 2.72656 5.42578 2.72656 4.47656C2.72656 3.52734 3.49609 2.75781 4.44922 2.75781C5.39844 2.75781 6.16797 3.52734 6.16797 4.47656C6.16797 5.42188 5.39844 6.19531 4.44922 6.19531ZM17.043 17.043H14.0781V12.4023C14.0781 11.2969 14.0586 9.87109 12.5352 9.87109C10.9922 9.87109 10.7578 11.0781 10.7578 12.3242V17.043H7.79688V7.49609H10.6406V8.80078H10.6797C11.0742 8.05078 12.043 7.25781 13.4844 7.25781C16.4883 7.25781 17.043 9.23438 17.043 11.8047V17.043Z' fill='%231A1A1A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1126_7437'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .projectCases, .projectOthers { padding-bottom: 112px; } .projectCases .heading__columns, .projectOthers .heading__columns { padding-top: 48px; } .projectOthers .aboutCases__wrap, .projectCases .aboutCases__wrap { margin-top: 48px; } /* Contributors */ main.contributors { padding: 188px 0 80px; } main.contributors .heading__columns-title { font-size: 80px; line-height: 1; } .contributors__tabs { border-top: 1px solid #1A1A1A; padding-top: 24px; margin-top: 112px; } .contributors__list { margin-top: 33px; display: grid; grid-template-columns: repeat(auto-fill, 453px); justify-content: space-between; grid-gap: 12px; } .contributors__item { height: 520px; } .contributors__item:nth-child(1) { grid-column: 1 / 3; } .contributors__item-card { position: relative; width: 100%; height: 100%; cursor: pointer; } .contributors__card-media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; } .contributors__card-media img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; transition: .3s all; } .contributors__item:hover .contributors__card-media img { transform: scale(1.05); } .contributors__card-media:before { content: ""; width: 100%; height: 268px; bottom: 0; left: 0; background: url("data:image/svg+xml,%3Csvg width='918' height='268' viewBox='0 0 918 268' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.5' width='918' height='267.892' transform='matrix(1 0 0 -1 0 268)' fill='url(%23paint0_linear_632_1100)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_632_1100' x1='459' y1='-29.7658' x2='459' y2='267.892' gradientUnits='userSpaceOnUse'%3E%3Cstop/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat; position: absolute; background-size: cover; z-index: 3; } .contributors__card-media:after { content: ""; width: 100%; height: 268px; left: 0; bottom: 0; background: url("/local/assets/css/../img/contributors/item__blur-up.png") no-repeat; background-size: cover; position: absolute; z-index: 2; } .contributors__card-content { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-end; padding: 0 0 28px 28px; height: 100%; z-index: 4; } .contributors__card-name { font-size: 28px; line-height: 115%; font-weight: 400; letter-spacing: -0.01em; color: #FFFFFF; max-width: 360px; } .contributors__card-post { font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; font-weight: 400; margin: 4px 0; padding-right: 20px; max-width: 360px; } .contributors__card-city { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #FFEB80; max-width: 360px; } .contributors__item-full { display: none; } .contributors__item.showfull .contributors__item-full { display: block; } .contributors__item-full { left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 999; opacity: 0; visibility: hidden; } .contributors__info-overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .contributors__info-wrap { width: 100%; max-width: 1180px; background: #fff; z-index: 10; left: 100%; position: absolute; height: 100vh; opacity: 0; visibility: hidden; } .contributors__info-inner { overflow-y: auto; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; padding: 76px 28px 58px 64px; position: relative; } .contributors__info-close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; z-index: 9999; } .contributors__info-close:hover { transform: scale(1.05); } .contributors__info-left { max-width: 453px; min-width: 453px; margin-right: 64px; position: sticky; top: 0; } .contributors__info-right { max-width: 570px; } .contributors__info-photo { width: 100%; height: 520px; margin-bottom: 16px; overflow: hidden; } .contributors__info-photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .contributors__info-photo:hover img { transform: scale(1.05); } .contributors__info-company { margin-bottom: 4px; font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; } .contributors__info-category { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #BDBDBD; } .contributors__info-name { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 24px; } .contributors__info-post { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 48px; } .contributors__info-about { font-size: 28px; line-height: 115%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 48px; } .contributors__info-text { padding-bottom: 58px; } .contributors__info-text p { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .contributors__info-text p:not(:last-child) { margin-bottom: 20px; } /* Dive In */ main.divein { padding: 188px 0 112px; } .divein__intro { } .divein__intro .heading__columns-title { font-size: 80px; max-width: 685px; line-height: 100%; } .divein__hero { margin: 112px 0 80px; height: 640px; position: relative; } .divein__hero-media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; } .divein__hero-media img { width: 100%; height: 100%; object-fit: cover; } .divein__hero-content { position: relative; padding: 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; z-index: 1; height: 100%; } .divein__hero-content__top { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; justify-content: space-between; } .divein__hero-content__title { font-weight: 500; font-size: 52px; line-height: 108%; letter-spacing: -0.02em; color: #FFFFFF; max-width: 345px; } .divein__hero-content__time { font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #FFFFFF; opacity: 0.7; margin-right: 240px; } .divein__hero-content__button { width: 230px; height: 64px; background: #fff; font-size: 28px; line-height: 115%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; text-decoration: none; } .divein__hero-content__button:before, .divein__hero-content__button:after { width: 230px; height: 64px; background: #fff; font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #1A1A1A; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; text-decoration: none; } .diveinPage__wrap { padding-bottom: 80px; border-bottom: 1px solid #1A1A1A; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; min-height: 300px; } .diveinPage__wrap:not(:last-child) { margin-bottom: 80px; } .diveinPage__left { max-width: 340px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .diveinPage__left-title { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 24px; } .diveinPage__left-desc { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; } .diveinPage__right { max-width: 920px; min-width: 920px; } .diveinPage__events-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; text-decoration: none; } .diveinPage__events-item:not(:last-child) { margin-bottom: 24px; } .diveinPage__events-item__media { max-width: 220px; min-width: 220px; height: 160px; margin-right: 28px; position: relative; padding: 0 0 8px 8px; } .diveinPage__events-item__media-photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .diveinPage__events-item__media-photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .diveinPage__events-item:hover .diveinPage__events-item__media-photo img { transform: scale(1.2); } .diveinPage__events-item__media-tags { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-end; -ms-align-items: flex-start; align-items: flex-start; height: 100%; position: relative; } .diveinPage__events-item__media-tags__item { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #FFFFFF; background: #1A1A1A; padding: 2px; } .diveinPage__events-item__media-tags__item:not(:last-child) { margin-bottom: 4px; } .diveinPage__events-item__content-date { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #FA8A59; margin-bottom: 4px; } .diveinPage__events-item__content-title { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #1A1A1A; } .diveinPage__events-item__content-text { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-top: 24px; max-width: 455px; } .diveinPage__blog-item { text-decoration: none; background: #F3F5F7; padding: 28px; } .diveinPage__blog-item__media { position: relative; height: 240px; margin: 12px 0 24px 0; } .diveinPage__blog-item__photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .diveinPage__blog-item__photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .diveinPage__blog-item:hover .diveinPage__blog-item__photo img { transform: scale(1.1); } .diveinPage__blog-item__title { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #1A1A1A; min-height: 128px; } .diveinPage__blog-item__more { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; } .diveinPage__blog-item__more:before, .diveinPage__blog-item__more:after { color: #1A1A1A; } .diveinPage__blog-item__content { position: relative; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-end; align-items: flex-end; padding: 0 12px 12px 12px; justify-content: space-between; } .diveinPage__blog-item__content-icon { background: #1A1A1A; padding: 3px 4px 2px; min-width: 23px; height: 24px; } .diveinPage__blog-item__content-time { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #FFFFFF; background: #1A1A1A; padding: 2px; } .diveinPage__courses, .diveinPage__blog { display: grid; grid-template-columns: repeat(auto-fill, 454px); justify-content: space-between; grid-gap: 12px; } .diveinPage__courses-item { position: relative; height: 520px; } .diveinPage__courses-item__media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; overflow: hidden; } .diveinPage__courses-item__media img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .diveinPage__courses-item:hover .diveinPage__courses-item__media img { transform: scale(1.1); } .diveinPage__courses-item__content { position: absolute; padding: 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; height: 100%; } .diveinPage__courses-item__title { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #FFFFFF; } .diveinPage__courses-item__more { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; } .diveinPage__courses-item__more:before, .diveinPage__courses-item__more:after { color: #FFFFFF; } .diveinPage__tests { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .diveinPage__tests-item { min-width: 100%; max-width: 100%; width: 100%; height: 520px; position: relative; text-decoration: none; } .diveinPage__tests-item__media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; overflow: hidden; } .diveinPage__tests-item__media img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .diveinPage__tests-item:hover .diveinPage__tests-item__media img { transform: scale(1.1); } .diveinPage__tests-item__content { position: relative; height: 100%; padding: 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .diveinPage__tests-item__title { max-width: 350px; font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #1A1A1A; } .diveinPage__tests-item__more { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; } .diveinPage__tests-item__more:before, .diveinPage__tests-item__more:after { color: #1A1A1A; } .diveinPage__insights { } .diveinPage__insights-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; text-decoration: none; } .diveinPage__insights-item:not(:last-child) { margin-bottom: 24px; } .diveinPage__insights-item__media { min-width: 220px; max-width: 220px; height: 160px; margin-right: 28px; overflow: hidden; } .diveinPage__insights-item__media img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .diveinPage__insights-item:hover .diveinPage__insights-item__media img { transform: scale(1.1); } .diveinPage__insights-item__date { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #FA8A59; } .diveinPage__insights-item__title { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #1A1A1A; margin-top: 4px; } .diveinPage__insights-item__desc { margin-top: 24px; font-weight: 400; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; max-width: 455px; } /* Dive In Test */ .diveininner { padding: 188px 0 112px; } .diveininner .container { position: relative; } .diveininner__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; position: relative; } .divein__back { margin-right: 145px; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; text-decoration: none; top: 110px; } .diveininner__wrap .divein__back { position: sticky; } .divein__back:before, .divein__back:after { color: #1A1A1A; } .diveininner__content { max-width: 920px; width: 100%; } .diveintest__intro-title { font-weight: 500; font-size: 48px; line-height: 100%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 48px; max-width: none; } .diveintest__intro-subtitle { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; max-width: none; } .diveintest__test { width: 100%; /* height: 1300px;*/ padding: 48px 116px; background: #F3F5F7; margin-top: 48px; } .diveintest__test iframe { width: 100%; height: 100%; } /* Article */ .divein__article { } .divein__meta { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin-bottom: 24px; } .divein__meta-type { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; background: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 12H0L0 0H10V12ZM6 3.5H2V2H6V3.5ZM2 6.5H8V5H2V6.5ZM8 9.5H2V8H8V9.5Z' fill='%231A1A1A'/%3E%3C/svg%3E") left center no-repeat; padding-left: 23px; height: 20px; } .divein__article .divein__meta-type[data-type="podcast"] { margin-left: -5px; } .divein__meta-type[data-type="podcast"] { background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 10L7.5 14.3301L7.5 5.66987L15 10Z' fill='%231A1A1A'/%3E%3C/svg%3E") left center no-repeat; } .divein__meta-type:after { content: "\\"; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; display: inline-block; vertical-align: middle; margin: 0 5px; } .divein__meta-type.orange { color: #FA8A59; } .divein__article-title { font-weight: 500; font-size: 80px; line-height: 100%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 48px; } .divein__article-content { } .divein__article-content p { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; } .divein__article-content ul li { list-style: disc outside; margin-left: 15px; } .divein__article-content ul li:not(:last-child) { margin-bottom: 5px; } .divein__article-content p:not(:last-child) { margin-bottom: 20px; } .divein__article-content > img { max-width: 100%; display: block; margin: 48px 0 80px; } .divein__article-content blockquote { margin-top: 64px; font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 24px; } .divein__article-content p.afterQuote { margin-bottom: 64px; } .divein__article-content video { display: none; } /*.divein__article-content iframe { display: none; }*/ .divein__article-content iframe, .divein__article-content__video { height: 520px; position: relative; margin: 48px 0 80px; width: 100%; cursor: pointer; } .divein__article-content__video-media { position: relative; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-end; } .divein__article-content__video-iframe { width: 100%; height: 100%; position: relative; display: none; } .diveininner .projectHero__media-video .divein__article-content__video-iframe { position: absolute; display: block; left: 0; top: 0; } .diveininner .divein__article-content__video { position: absolute; margin: 0; height: 100%; } .diveininner .projectHero__media-video .divein__article-content__video-iframe video { width: 100%; height: 100%; display: block; min-height: 1px; } .divein__article-content__video-iframe video { width: 100%; height: 100%; display: block; } .divein__article-content__video-media.hidden { display: none; } .divein__article-content__video-iframe.show { display: block; } .divein__article-content__video_media-poster { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; } .divein__article-content__video_media-poster:before { width: 80px; height: 80px; left: 50%; top: 50%; border-radius: 50%; position: absolute; content: ""; transform: translateX(-50%) translateY(-50%); background: #FFFFFF url("data:image/svg+xml,%3Csvg width='21' height='26' viewBox='0 0 21 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 13L-1.14193e-06 25.1244L-8.1987e-08 0.875644L21 13Z' fill='%231A1A1A'/%3E%3C/svg%3E") 55% 55% no-repeat; transition: .3s all; } .divein__article-content__video:hover .divein__article-content__video_media-poster:before { transform: translateX(-50%) translateY(-50%) scale(1.1); } .divein__article-content__video-media:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .divein__article-content__video-media img { width: 100%; height: 100%; object-fit: cover; } .divein__article-content__video_media-wrap { position: relative; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-end; align-items: flex-end; justify-content: space-between; padding: 28px; } .divein__article-content__video_media-type, .divein__article-content__video_media-time { background: #1A1A1A; padding: 2px 4px; } .divein__article-content__video_media-type { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; font-size: 16px; line-height: 125%; font-weight: 400; text-align: right; letter-spacing: -0.01em; color: #FFFFFF; } .divein__article-content__video_media-type .divein__meta-type { color: #fff; background: none; padding-left: 0; } .divein__article-content__video_media-type .divein__meta-type:before { content: "►"; margin-right: 5px; } .divein__article-content__video_media-type .divein__meta-type:after { color: #fff; } .divein__article-content__video_media-time { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #fff; } .divein__share { border-top: 1px solid #1A1A1A; padding-top: 24px; margin-top: 48px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin-bottom: 105px; } .divein__share-title { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-right: 24px; } .divein__share-list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .divein__share-item { width: 20px; height: 20px; min-width: 20px; max-width: 20px; text-decoration: none; transition: .3s all; } .divein__share-item:hover { transform: scale(1.1); } .divein__share-item:not(:last-child) { margin-right: 16px; } .divein__share-item svg { width: 100%; height: 100%; object-fit: cover; } .divein__blog { width: 100%; } .divein__blog-list { display: grid; grid-template-columns: repeat(auto-fill, 453px); justify-content: space-between; grid-gap: 12px; } .diveinblog__tabs .divein__blog-list { -ms-align-items: stretch; align-items: stretch; } .diveininner .divein__blog-item, .divein__blog-item.active { background: #F3F5F7; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; padding: 28px; text-decoration: none; } .diveininner .divein__blog-item:nth-last-child(1), .diveininner .divein__blog-item:nth-last-child(2) { margin-bottom: 0; } .diveinPage__blog-item__meta, .divein__blog_item-meta { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 12px; padding-left: 23px; background-repeat: no-repeat; background-position: left center; } .diveinPage__blog-item[data-type="articles"] .diveinPage__blog-item__meta, .divein__hr .divein__blog-item .divein__blog_item-meta, .divein__blog-item[data-cat="articles"] .divein__blog_item-meta { background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 12H0L0 0H10V12ZM6 3.5H2V2H6V3.5ZM2 6.5H8V5H2V6.5ZM8 9.5H2V8H8V9.5Z' fill='%231A1A1A'/%3E%3C/svg%3E"); } .diveinPage__blog-item[data-type="interview"] .diveinPage__blog-item__meta, .divein__blog-item[data-cat="interview"] .divein__blog_item-meta { background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0H0V10H10V0ZM2.75 3.5C3.16421 3.5 3.5 3.16421 3.5 2.75C3.5 2.33579 3.16421 2 2.75 2C2.33579 2 2 2.33579 2 2.75C2 3.16421 2.33579 3.5 2.75 3.5ZM7.25 3.5C7.66421 3.5 8 3.16421 8 2.75C8 2.33579 7.66421 2 7.25 2C6.83579 2 6.5 2.33579 6.5 2.75C6.5 3.16421 6.83579 3.5 7.25 3.5ZM2.85714 5C2.85714 6.18347 3.81653 7.14286 5 7.14286C6.18347 7.14286 7.14286 6.18347 7.14286 5H8C8 6.65685 6.65685 8 5 8C3.34315 8 2 6.65685 2 5H2.85714Z' fill='%231A1A1A'/%3E%3C/svg%3E"); } .diveinPage__blog-item[data-type="news"] .diveinPage__blog-item__meta, .divein__blog-item[data-cat="news"] .divein__blog_item-meta { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.64286 2.64286L6.03571 5.25L3.39286 2.64286L6.03571 0L8.64286 2.64286ZM12 6L9.39286 8.64286L6.78571 6L9.39286 3.39286L12 6ZM5.28571 6L2.64286 8.64286L0 6L2.64286 3.39286L5.28571 6ZM8.64286 9.39286L6.03571 12L3.39286 9.39286L6.03571 6.75L8.64286 9.39286Z' fill='%231A1A1A'/%3E%3C/svg%3E"); } .diveinPage__blog-item[data-type="podcast"] .diveinPage__blog-item__meta, .divein__blog-item[data-cat="podcast"] .divein__blog_item-meta { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 10L7.5 14.3301L7.5 5.66987L15 10Z' fill='%231A1A1A'/%3E%3C/svg%3E"); } .divein__blog_item-meta .orange { color: #FA8A59; } .divein__blog_item-photo { margin: 12px 0 24px; overflow: hidden; height: 240px; position: relative; } .divein__blog_item-photo__preview { transition: .3s all; } .divein__blog_item-photo__preview:before { content: ""; width: 100%; height: 100%; display: block; background-color: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; } .divein__blog_item-photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .divein__blog-item:hover .divein__blog_item-photo__preview { transform: scale(1.1); } .divein__blog_item-title { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 16px; max-height: 125px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .divein__blog_item-more { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; } .divein__blog_item-more:before, .divein__blog_item-more:after { color: #1A1A1A; } .diveinblog { padding-top: 188px; } .diveinblog__intro { } .diveinblog__title { font-weight: 500; font-size: 80px; line-height: 100%; letter-spacing: -0.03em; color: #1A1A1A; } .diveinblog__tabs { margin: 112px 0; border-top: 1px solid #1A1A1A; padding-top: 24px; } .diveinblog__tabs-head { display: none; } .diveinblog__tabs_head-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; margin-bottom: 24px; } .diveinblog__tabs-search { background: #F3F5F7; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; min-width: 345px; max-width: 345px; padding: 0 12px; height: 40px; } .diveinblog__tabs-search__button { background: none; border: none; min-width: 20px; max-width: 20px; height: 20px; margin-right: 12px; } .diveinblog__tabs-search__input { flex: auto; font-weight: 400; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #000; transition: .2s all; border: none; background: none; } .diveinblog__tabs-search__input::placeholder { color: #BDBDBD; } .diveinblog__tabs .divein__blog-item.large, .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child { height: 520px; position: relative; background: url("/local/assets/css/../img/divein/blue.png") no-repeat; background-size: cover; grid-column: 1 / 3; } .divein__blog-item + .divein__blog-item.large { grid-column: 2 / 4; } .diveinblog__tabs .divein__blog-item.large .divein__blog_item-photo__preview:before, .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child .divein__blog_item-photo__preview:before { opacity: 1; visibility: visible; } .diveinblog__tabs .divein__blog-item.large .divein__blog_item-photo, .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child .divein__blog_item-photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; margin: 0; } .diveinblog__tabs .divein__blog-item.large .divein__blog_item-meta, .diveinblog__tabs .divein__blog-item.large .divein__blog_item-title, .diveinblog__tabs .divein__blog-item.large .divein__blog_item-more, .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child .divein__blog_item-meta, .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child .divein__blog_item-title, .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child .divein__blog_item-more { position: relative; z-index: 1; } .diveinblog__tabs .divein__blog-item.large .divein__blog_item-meta, .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child .divein__blog_item-meta { color: #fff; margin-bottom: 24px; } .diveinblog__tabs .divein__blog-item.large[data-cat="articles"] .divein__blog_item-meta, .diveinblog__tabs:not(.divein__hr) .divein__blog-item[data-cat="articles"]:first-child .divein__blog_item-meta { background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 12H0L0 0H10V12ZM6 3.5H2V2H6V3.5ZM2 6.5H8V5H2V6.5ZM8 9.5H2V8H8V9.5Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .diveinblog__tabs .divein__blog-item.large[data-cat="interview"] .divein__blog_item-meta, .diveinblog__tabs:not(.divein__hr) .divein__blog-item[data-cat="interview"]:first-child .divein__blog_item-meta { background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0H0V10H10V0ZM2.75 3.5C3.16421 3.5 3.5 3.16421 3.5 2.75C3.5 2.33579 3.16421 2 2.75 2C2.33579 2 2 2.33579 2 2.75C2 3.16421 2.33579 3.5 2.75 3.5ZM7.25 3.5C7.66421 3.5 8 3.16421 8 2.75C8 2.33579 7.66421 2 7.25 2C6.83579 2 6.5 2.33579 6.5 2.75C6.5 3.16421 6.83579 3.5 7.25 3.5ZM2.85714 5C2.85714 6.18347 3.81653 7.14286 5 7.14286C6.18347 7.14286 7.14286 6.18347 7.14286 5H8C8 6.65685 6.65685 8 5 8C3.34315 8 2 6.65685 2 5H2.85714Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .diveinblog__tabs .divein__blog-item.large[data-cat="news"] .divein__blog_item-meta, .diveinblog__tabs:not(.divein__hr) .divein__blog-item[data-cat="news"]:first-child .divein__blog_item-meta { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.64286 2.64286L6.03571 5.25L3.39286 2.64286L6.03571 0L8.64286 2.64286ZM12 6L9.39286 8.64286L6.78571 6L9.39286 3.39286L12 6ZM5.28571 6L2.64286 8.64286L0 6L2.64286 3.39286L5.28571 6ZM8.64286 9.39286L6.03571 12L3.39286 9.39286L6.03571 6.75L8.64286 9.39286Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .diveinblog__tabs .divein__blog-item.large[data-cat="podcast"] .divein__blog_item-meta, .diveinblog__tabs:not(.divein__hr) .divein__blog-item[data-cat="podcast"]:first-child .divein__blog_item-meta { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 10L7.5 14.3301L7.5 5.66987L15 10Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .diveinblog__tabs .divein__blog-item.large .divein__blog_item-title, .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child .divein__blog_item-title { max-width: 660px; color: #fff; } .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child .divein__blog_item-more, .diveinblog__tabs:not(.divein__hr) .divein__blog-item.large .divein__blog_item-more { color: transparent; } .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child .divein__blog_item-more:before, .diveinblog__tabs:not(.divein__hr) .divein__blog-item.large .divein__blog_item-more:before, .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child .divein__blog_item-more:after, .diveinblog__tabs:not(.divein__hr) .divein__blog-item.large .divein__blog_item-more:after { color: #fff; } .diveinblog__pages { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: flex-end; margin-top: 48px; } .diveinblog__pages-prev, .diveinblog__pages-current, .diveinblog__pages-link, .diveinblog__pages-more, .diveinblog__pages-next, .diveinblog__pages-prev:before, .diveinblog__pages-current:before, .diveinblog__pages-link:before, .diveinblog__pages-more:before, .diveinblog__pages-next:before, .diveinblog__pages-prev:after, .diveinblog__pages-current:after, .diveinblog__pages-link:after, .diveinblog__pages-more:after, .diveinblog__pages-next:after { min-width: 40px; max-width: 40px; height: 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; -ms-align-items: center; align-items: center; font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; text-decoration: none; transition: .2s all; } .diveinblog__pages-prev, .diveinblog__pages-current, .diveinblog__pages-link, .diveinblog__pages-more { margin-right: 12px; } .diveinblog__pages-prev:hover, .diveinblog__pages-next:hover, .diveinblog__pages-link:hover { background: #F3F5F7; } .diveinblog__pages-current { background: #1A1A1A; color: #fff; } /* About Partners */ .aboutPartners { padding-top: 188px; padding-bottom: 112px; } .aboutPartners__intro { margin-bottom: 112px; } .aboutPartners__intro .heading__columns-title { font-size: 80px; line-height: 100%; } .aboutPartners__wrap { display: grid; grid-template-columns: repeat(auto-fill, 453px); justify-content: space-between; grid-gap: 12px; } .aboutPartners__wrap-item { background: #F3F5F7; height: 450px; padding: 28px; text-decoration: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; /*cursor: pointer;*/ } .aboutPartners__wrap-item__meta { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; } .aboutPartners__wrap-item__title span { display: block; font-size: 16px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; } .aboutPartners__wrap-item__title span:nth-child(2) { font-style: italic; color: #BDBDBD; } .aboutPartners__wrap-item__case { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; background: #FFEB80; padding: 2px; } .aboutPartners__wrap-item__logo { text-align: center; max-width: 200px; margin: 0 auto; } .aboutPartners__wrap-item__logo img { max-height: 148px; max-width: 100%; transition: .3s all; } /*.aboutPartners__wrap-item:hover .aboutPartners__wrap-item__logo img { transform: scale(1.1); }*/ .aboutPartners__wrap-item__more { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; } .aboutPartners__wrap-item__more.hoverMe:before, .aboutPartners__wrap-item__more.hoverMe:after { color: #1A1A1A; } .aboutPartners__item-full { left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 999; opacity: 0; visibility: hidden; } .aboutPartners__info-overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .aboutPartners__info-wrap { width: 100%; max-width: 1180px; background: #fff; z-index: 10; left: 100%; position: absolute; height: 100vh; opacity: 0; visibility: hidden; } .aboutPartners__info-inner { overflow-y: auto; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; padding: 76px 28px 58px 64px; position: relative; } .aboutPartners__info-close { width: 32px; height: 32px; right: 28px; top: 22px; position: fixed; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; } .aboutPartners__info-close:hover { transform: scale(1.05); } .aboutPartners__info-photo { max-width: 453px; min-width: 453px; height: 450px; margin-right: 64px; position: sticky; top: 0; background: #F3F5F7; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; padding: 30px; justify-content: flex-end; -ms-align-items: flex-start; align-items: flex-start; } .aboutPartners__info-photo img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); transition: .3s all; } .aboutPartners__info-photo:hover img { transform: translateX(-50%) translateY(-50%) scale(1.1); } .aboutPartners__info-right { max-width: 570px; } .aboutPartners__info-title { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 24px; } .aboutPartners__info-city { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #BDBDBD; margin-bottom: 48px; } .aboutPartners__info-text { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 64px; } .aboutPartners__info-text p:not(:last-child) { margin-bottom: 20px; } .aboutPartners__info-cases { padding-bottom: 32px; } .aboutPartners__info-cases__title { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 24px; } .aboutPartners__info-cases__item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; text-decoration: none; } .aboutPartners__info-cases__item:not(:last-child) { border-bottom: 1px solid #1A1A1A; padding-bottom: 28px; margin-bottom: 28px; } .aboutPartners__info-cases__item-photo { max-width: 221px; min-width: 221px; height: 140px; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-end; align-items: flex-end; justify-content: flex-end; margin-right: 28px; padding: 0 12px 12px 0; overflow: hidden; } .aboutPartners__info-cases__item-photo img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: .3s all; } .aboutPartners__info-cases__item:hover .aboutPartners__info-cases__item-photo img { width: 110%; height: 110%; left: -5%; top: -5%; } .aboutPartners__info-cases__item-photo span { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; padding: 2px; background: #FFEB80; position: relative; } .aboutPartners__info-cases__item-date { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #BDBDBD; margin-bottom: 8px; } .aboutPartners__info-cases__item-title { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #1A1A1A; } /* HR Research */ .diveinhr__top { border-top: 1px solid #1A1A1A; padding-top: 24px; margin-top: 112px; } .diveinhr__list { display: grid; grid-template-columns: repeat(auto-fill, 453px); justify-content: space-between; grid-gap: 12px; } .diveinhr__item { padding: 28px; } .diveinhr__item-photo { height: 240px; } .diveinhr__item-photo img { width: 100%; height: 100%; object-fit: cover; } /* Courses */ .pageCourses__list { margin-top: 24px; display: grid; grid-template-columns: repeat(auto-fill, 453px); justify-content: space-between; grid-gap: 12px; } .pageCourses__list-item { text-decoration: none; background: #F3F5F7; padding: 28px; min-height: 520px; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .pageCourses__list-item.f-cat.active { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .pageCourses__item-media { height: 240px; position: relative; margin-bottom: 24px; } .courses__item-media__photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; overflow: hidden; } .courses__item-media__photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .pageCourses__list-item:hover .courses__item-media__photo img { transform: scale(1.1); } .pageCourses__item-media__content { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-end; -ms-align-items: flex-end; align-items: flex-end; padding: 0 12px 12px; height: 100%; } .pageCourses__item-media-time { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #FFFFFF; padding: 2px; background: #1A1A1A; } .pageCourses__item-media-level { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; padding: 2px; margin-top: 4px; background: #FFEB80; } .pageCourses__item-media-level.beginner { background: #FFEB80; } .pageCourses__item-media-level.middle { background: #FA8A59; } .pageCourses__item-content { } .pageCourses__item-content__title { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 8px; } .pageCourses__item-content_meta { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #BDBDBD; } .pageCourses__item-content_meta span { color: #FA8A59; } .pageCourses__item-content__more { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; } .pageCourses__item-content__more:before, .pageCourses__item-content__more:after { color: #1A1A1A; } /* Courses Inner */ .pageCourse { padding: 190px 0 112px; position: relative; } .lets__hidden .partners__button { display: none; } .pageCourse__inner { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; position: relative; -ms-align-items: flex-start; align-items: flex-start; margin-bottom: 160px; } .pageCourse__inner-back { min-width: 210px; max-width: 210px; position: sticky; top: 100px; margin-right: 50px; } .pageCourse__inner-back a { font-size: 16px; line-height: 125%; font-weight: 400; letter-spacing: -0.01em; text-decoration: none; } .pageCourse__inner-back a:after, .pageCourse__inner-back a:before { color: #1A1A1A; } .pageCourse__inner-content { max-width: 920px; } .pageCourse__content-level { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 26px; } .pageCourse__content-level span { padding: 2px; background: #FFEB80; } .pageCourse__content-level span.middle { background: #FA8A59; } .pageCourse__content-title { font-weight: 500; font-size: 80px; line-height: 100%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 48px; } .pageCourse__content-meta { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: center; align-items: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; border-top: 1px solid #1A1A1A; padding-top: 24px; margin-bottom: 48px; } .pageCourse__meta-item { height: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; background-repeat: no-repeat; background-position: left center; padding-left: 28px; } .pageCourse__meta-lang { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6429 6.64286L10.0357 9.25L7.39286 6.64286L10.0357 4L12.6429 6.64286ZM16 10L13.3929 12.6429L10.7857 10L13.3929 7.39286L16 10ZM9.28571 10L6.64286 12.6429L4 10L6.64286 7.39286L9.28571 10ZM12.6429 13.3929L10.0357 16L7.39286 13.3929L10.0357 10.75L12.6429 13.3929Z' fill='%231A1A1A'/%3E%3C/svg%3E"); } .pageCourse__meta-duration { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='5' transform='matrix(1 0 0 -1 10 10)' fill='%231A1A1A'/%3E%3C/svg%3E"); } .pageCourse__meta-cert { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 4L5 4L5 16H15L15 4ZM11 12.5L7 12.5V14L11 14V12.5ZM7 9.5H13V11H7V9.5ZM13 6.5L7 6.5L7 8H13V6.5Z' fill='%231A1A1A'/%3E%3C/svg%3E"); } .pageCourse__content-photo { width: 100%; height: 520px; margin-bottom: 32px; } .pageCourse__content-photo img { width: 100%; height: 100%; object-fit: cover; } .pageCourse__content-by { margin-bottom: 64px; font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #FA8A59; } .pageCourse__content-text { } .pageCourse__content-text p { font-size: 18px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #1A1A1A; } .pageCourse__content-text p:not(:last-child) { margin-bottom: 20px; } .pageCourse__about { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; justify-content: space-between; margin-bottom: 128px; } .pageCourse__about-title { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #1A1A1A; position: sticky; max-width: 690px; top: 100px; } .pageCourse__about-content { max-width: 455px; min-width: 455px; margin-right: 115px; } .pageCourse__about-section:not(:last-child) { margin-bottom: 48px; } .pageCourse__other .heading__columns { border-top: 1px solid #1A1A1A; padding-top: 48px; } .pageCourse__other .pageCourses__list { margin-top: 48px; } .pageCourse__about-section__title { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #FA8A59; margin-bottom: 24px; } .pageCourse__about-section__list { } .pageCourse__about-section__list ul { } .pageCourse__about-section__list ul li { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; } .pageCourse__about-section__list ul li:before { content: "✓ "; font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .pageCourse__about-section__list ul li:not(:last-child) { margin-bottom: 16px; } .pageCourse__button-wrap { text-align: center; margin-bottom: 28px; position: sticky; top: 0; bottom: 20px; } .pageCourse__button-wrap a.hoverMe.button { margin: 0 auto; min-width: 272px; max-width: 272px; height: 88px; } .pageCourse__button-wrap a.hoverMe.button:before, .pageCourse__button-wrap a.hoverMe.button:after { min-width: 272px; max-width: 272px; height: 88px; font-size: 28px; font-weight: 400; line-height: 115%; } /* Dive in Events */ .divein__events-wrap[data-type="listing"] { margin-top: 88px; } .divein__events-section { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; } .divein__events-section:not(:last-child) { margin-bottom: 64px; border-bottom: 1px solid #1A1A1A; padding-bottom: 48px; } .divein__events-date { font-weight: 500; font-size: 52px; line-height: 108%; letter-spacing: -0.02em; color: #1A1A1A; max-width: 210px; } .divein__events-inner { max-width: 918px; min-width: 918px; flex: auto; } .divein__events-item { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; text-decoration: none; } .divein__events-item:not(:last-child) { margin-bottom: 24px; } .divein__events-item.active { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .divein__events-item__photo { min-width: 220px; max-width: 220px; height: 160px; position: relative; overflow: hidden; margin-right: 28px; } .divein__events-item__photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .divein__events-item:hover .divein__events-item__photo img { transform: scale(1.1); } .divein__events-item__date { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #FA8A59; margin-bottom: 4px; } .divein__events-item__title { font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #1A1A1A; } .divein__events-item__text { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-top: 10px; } /* месяцы и годы */ #month-calendar{ width: 100%; } .month{ margin: 0; padding: 3rem 2rem 2rem; background: #555555; text-align: center; width: 100%; color: #ffffff; list-style: none; } .month li{ padding: 0; margin: 0; font-size: 1.5rem; line-height: 1.4; letter-spacing: 0.1rem; text-transform: uppercase; font-weight: 700; } .month li.prev, .month li.next{ cursor: pointer; } .month li.prev{ float: left; } .month li.next{ float: right; } .month li.year-name{ font-size: 1.2rem; font-weight: 400; } /* дни недели */ .weekdays{ margin: 0; padding: 1rem 0; background-color: #dddddd; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left; } .weekdays li{ display: inline-block; flex: 0 0 calc(100% / 7); text-align: center; } .calDayTop { display: flex; flex-direction: row; justify-content: space-between; } /* дни */ .days{ margin: 0; padding: 1rem 0; background-color: #eeeeee; width: 100%; display: flex; flex-wrap: wrap; justify-content: left; align-content: flex-start; } .days li{ padding: 0.5rem; list-style: none; display: inline-block; flex: 0 0 calc(100% / 7); text-align: center; color: #999; font-size: 0.9rem; line-height: 1rem; } .days li.date-now{ color: #000; font-weight: 700; } /* Footer */ .footer { min-height: 345px; background: #1A1A1A; padding-top: 28px; } .footer a:hover { text-decoration: underline; } .footer__top, .footer__center, .footer__bottom { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .footer__left { min-width: 145px; margin-right: 90px; } .footer__center { flex: auto; max-width: 590px; padding-top: 15px; -ms-align-items: flex-start; align-items: flex-start; } .footer__bottom .footer__center { padding-top: 0; } .footer__top_menu-title { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #FFFFFF; text-decoration: none; margin-bottom: 12px; display: inline-block; vertical-align: middle; } .footer__top_menu-title:before, .footer__top_menu-title:after { color: #fff; } .footer__top-menu { min-width: 230px; } .footer__top-menu:not(:last-child) { margin-right: 12px; } .footer__top-menu ul, .footer__top-social ul { list-style: none; padding-left: 0; margin: 0; } .footer__top-menu ul li, .footer__top-social ul li { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: rgba(189, 189, 189, 0.4); font-style: italic; } .footer__top-menu ul li:not(:last-child) { margin-bottom: 12px; } .footer__top-menu ul li a, .footer__top-social ul li a { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: transparent; text-decoration: none; font-style: normal; } .footer__top-menu ul li a:before, .footer__top-menu ul li a:after, .footer__top-social ul li a:before, .footer__top-social ul li a:after { color: #BDBDBD; } .footer__top-social .footer__top_menu-title { display: none; } .footer__right { min-width: 220px; padding-top: 15px; margin-right: 120px; padding-left: 260px; } .footer__top-social ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .footer__top-social ul li:not(:last-child) { margin-right: 28px; } .footer__bottom { border-top: 1px solid rgba(217, 217, 217, 0.4); margin-top: 48px; padding: 28px 0; -ms-align-items: flex-start; align-items: flex-start; } .footer__copy { font-size: 16px; font-weight: 400; line-height: 125%; font-style: italic; letter-spacing: -0.01em; color: #BDBDBD; opacity: 0.4; } .partners__button { background-image: url("data:image/svg+xml,%3Csvg width='365' height='160' viewBox='0 0 365 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_343_2549)'%3E%3Crect width='365' height='160' fill='%23FB8552'/%3E%3Cg filter='url(%23filter0_f_343_2549)'%3E%3Crect x='32.5889' y='85.1429' width='85.3839' height='79.1429' fill='url(%23paint0_linear_343_2549)'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_343_2549)'%3E%3Crect x='91.25' y='-46.5714' width='183.152' height='216.857' fill='url(%23paint1_linear_343_2549)'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_343_2549)'%3E%3Crect x='239.205' y='68.2857' width='110.152' height='102' fill='url(%23paint2_linear_343_2549)'/%3E%3C/g%3E%3Cg filter='url(%23filter3_f_343_2549)'%3E%3Crect width='96.7472' height='150.93' transform='matrix(0.964116 0.26548 -0.820066 0.572269 324.522 88.8571)' fill='url(%23paint3_linear_343_2549)'/%3E%3C/g%3E%3Cg filter='url(%23filter4_f_343_2549)'%3E%3Crect x='99.7227' y='160' width='129.705' height='171.143' transform='rotate(180 99.7227 160)' fill='url(%23paint4_linear_343_2549)'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M13.893 27.236V14.4491H26.67L26.6899 16.9647H18.2382L29.2652 28.0116L27.4456 29.8412L16.4086 18.7843L16.4285 27.236H13.893Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_f_343_2549' x='12.5889' y='65.1429' width='125.384' height='119.143' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='10' result='effect1_foregroundBlur_343_2549'/%3E%3C/filter%3E%3Cfilter id='filter1_f_343_2549' x='71.25' y='-66.5714' width='223.151' height='256.857' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='10' result='effect1_foregroundBlur_343_2549'/%3E%3C/filter%3E%3Cfilter id='filter2_f_343_2549' x='199.205' y='28.2857' width='190.151' height='182' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='20' result='effect1_foregroundBlur_343_2549'/%3E%3C/filter%3E%3Cfilter id='filter3_f_343_2549' x='180.75' y='68.8571' width='257.048' height='152.057' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='10' result='effect1_foregroundBlur_343_2549'/%3E%3C/filter%3E%3Cfilter id='filter4_f_343_2549' x='-49.9824' y='-31.1428' width='169.705' height='211.143' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='10' result='effect1_foregroundBlur_343_2549'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_343_2549' x1='74.9549' y1='102.714' x2='75.0176' y2='164.286' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E0BCA4' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23E0BCA4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_343_2549' x1='182.826' y1='-46.5714' x2='182.826' y2='170.286' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E0BCA4' stop-opacity='0'/%3E%3Cstop offset='0.895833' stop-color='%23E0BCA4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_343_2549' x1='294.281' y1='68.2857' x2='294.281' y2='170.286' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E0BCA4' stop-opacity='0'/%3E%3Cstop offset='0.744792' stop-color='%23E0BCA4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_343_2549' x1='48.3736' y1='0' x2='48.3736' y2='150.93' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D2ADA1' stop-opacity='0'/%3E%3Cstop offset='0.744792' stop-color='%23D0AA9E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_343_2549' x1='91.5753' y1='201.261' x2='146.146' y2='350.221' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D2ADA1' stop-opacity='0'/%3E%3Cstop offset='0.914121' stop-color='%23D0AA9E'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_343_2549'%3E%3Crect width='365' height='160' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; width: 365px; height: 180px; transition: .4s; position: fixed; bottom: 0; right: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; text-decoration: none; font-size: 28px; font-weight: 400; line-height: 115%; letter-spacing: -0.01em; color: #FFFFFF; z-index: 95; transform: rotate(-5deg) translateX(20px) translateY(30px); } .partners__button:hover, .partners__button_login:hover{ transform: none; } .lets { left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 999; opacity: 0; visibility: hidden; } .lets__overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .lets__wrap { width: 100%; max-width: 1180px; background: #fff; z-index: 10; left: 100%; position: absolute; height: 100vh; opacity: 0; visibility: hidden; } .lets__inner { overflow-y: auto; height: 100%; } .lets__close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; } .lets__close:hover { transform: scale(1.05); } .lets__box { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; max-width: 685px; margin: 48px auto 0; height: 100%; box-sizing: border-box; } #lets__success { justify-content: center; } .lets__box-title { font-weight: 500; font-size: 80px; line-height: 1; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 24px; } .lets__box-desc { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 80px; } .lets__box-info { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #BDBDBD; max-width: 570px; margin-bottom: 28px; } .lets__form-wrap { overflow-y: auto; } .lets__box-form { height: auto; margin-bottom: 38px; } .lets__form-select { margin-bottom: 28px; } .lets__select_emulate-title { border-bottom: 1px solid #BDBDBD; padding: 20px; font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #fff; cursor: pointer; position: relative; background: #1A1A1A url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99976 8L0.535654 2L7.46386 2L3.99976 8Z' fill='white'/%3E%3C/svg%3E") right 26px center no-repeat; } .lets__form-select select { display: none; } .lets__select-emulate {} .lets__select-emulate.opened .lets__select_emulate-title { background: #1A1A1A url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00024 -3.49691e-07L7.46435 6L0.536143 6L4.00024 -3.49691e-07Z' fill='white'/%3E%3C/svg%3E") right 26px center no-repeat; } .lets__select_emulate-list { display: none; } .lets__select_emulate-item { height: 64px; font-weight: 400; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; padding: 20px; background: #fff; border-bottom: 1px solid #BDBDBD; cursor: pointer; transition: .2s all; } .lets__select_emulate-item:hover { background: #F3F5F7; } .lets__form-groups { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .lets__form-group { flex: auto; max-width: calc(100% / 2 - 6px); min-width: calc(100% / 2 - 6px); margin-bottom: 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .lets__form-group:nth-last-of-type(1), .lets__form-group:nth-last-of-type(2) { margin-bottom: 0; } .lets__form-group label, .lets__form-textarea label { margin-bottom: 8px; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #979797; } .lets__form-group input, .lets__form-textarea textarea { background: #F3F5F7; border: none; border: 1px solid #f3f5f7; border-bottom: 1px solid #BDBDBD; width: 100%; padding: 20px; font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; transition: .2s all; } .lets__form-group input::placeholder, .lets__form-textarea textarea::placeholder { color: #BDBDBD; } .lets__form-group input:focus, .lets__form-textarea textarea:focus { border: 1px solid #1A1A1A; } .lets__form-textarea { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; margin: 28px 0; } .lets__form-tools { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; margin-bottom: 40px; } .lets__form-policy { font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #BDBDBD; max-width: 350px; padding-left: 36px; position: relative; cursor: pointer; } .lets__form-policy:before { content: ""; width: 20px; height: 20px; position: absolute; left: 0; top: 0; border: 1px solid #1A1A1A; transition: .2s all; } .lets__form-policy.checked:before { border-color: transparent; background-color: #1A1A1A; } .lets__form-policy.checked:after { width: 4px; height: 4px; content: ""; background: #fff; display: block; position: absolute; left: 9px; top: 9px; } .lets__form-policy a { text-decoration: underline; color: #1A1A1A; display: inline-block; vertical-align: middle; } .lets__form-policy a:hover { text-decoration: none; } .lets__form-button { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; min-width: 257px; height: 64px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; background: url("/local/assets/css/../img/button.png") no-repeat; background-size: cover; border: none; cursor: pointer; } .lets__form-button.disabled { pointer-events: none; cursor: default; } #lets__form.hidden, #lets__success.hidden { display: none; } .lets__success-title { font-weight: 500; font-size: 80px; line-height: 100%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 24px; } .lets__success-text { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 48px; } #lets__success .lets__success-button.button, #lets__success .lets__success-button.button:after, #lets__success .lets__success-button.button:before { min-width: 143px; max-width: 143px; font-size: 16px; line-height: 120%; } @media (max-width:500px) { .lets__success-title { font-size: 40px; margin-bottom: 16px; } .lets__success-text { font-size: 16px; } } .projectContacts2 { background: #F3F5F7; padding: 80px 0 28px; margin-bottom: 60px; } .projectContacts2__head, .projectContacts2__wrap { padding: 0 28px; } .projectContacts2__head { margin-bottom: 80px; } [data-page="obnisktech-summer-school"] .projectContacts2__head, [data-page="obnisktech-summer-school"] .projectContacts2__wrap, [data-page="obnisktech-leadership-academy"] .projectContacts2__head, [data-page="obnisktech-leadership-academy"] .projectContacts2__wrap{ padding: 0; } .projectContacts2__wrap { display: grid; grid-template-columns: 1fr 1fr 1fr; flex-wrap: wrap; } .projectContacts2__col { display: flex; flex-direction: column; margin-bottom: 48px; align-items: flex-start; } .projectContacts2__col-title { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #BDBDBD; margin-bottom: 12px; } .projectContacts2__col-link a, .projectContacts2__col-link a:before, .projectContacts2__col-link a:after { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .projectContacts2__col-link a:before, .projectContacts2__col-link a:after { color: #1A1A1A; } .projectContacts2__map { height: 480px; background: #BDBDBD; margin: 32px 28px 0 28px; } .projectContacts2__map #map { height: 100%; width: 100%; } @media (max-width:1300px) { .projectContacts2__wrap { grid-template-columns: 1fr 1fr; } } @media (max-width:850px) { .projectContacts2 { padding-top: 64px; } .projectContacts2__head { margin-bottom: 32px; } .projectContacts2__wrap { grid-template-columns: 1fr; } .projectContacts2__col { margin-bottom: 32px; } .projectContacts2__col:last-child { margin-bottom: 0; } .projectContacts2__col-title { margin-bottom: 8px; font-size: 14px; } .projectContacts2__col-link, .projectContacts2__col-link:before, .projectContacts2__col-link:after { font-size: 16px; } .projectContacts2__map { height: 320px; } } @media (max-width:480px) { .projectContacts2__col-title { font-size: 12px; } .projectContacts2__col-link, .projectContacts2__col-link:before, .projectContacts2__col-link:after { font-size: 14px; } } .brand-sliders { margin-bottom: 80px; } /* .brand-slider { margin-right: 80px; } */ .brand-slider, .brand-slider__img { max-width: 100px; height: 100px; } .brand-slider__img { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; } .brand-slider__img img { max-width: 100%; max-height: 60%; } .news__list-item { flex: auto; min-width: calc(100% / 2 - 15px); } @media (min-width:780px) { body[data-lang="ru"] .aboutGuide__timeline-text02, body[data-lang="ru"] .aboutGuide__timeline-text04, body[data-lang="ru"] .aboutGuide__timeline-text06 { text-align: right; } body[data-lang="ru"] .aboutGuide__timeline-text06 { width: 296px; } body[data-lang="ru"] .aboutGuide__timeline-text04 { width: 192px; } body[data-lang="ru"] .aboutGuide__timeline-text02 { width: 197px; left: 135px; } } @media (max-width:780px) { body[data-lang="ru"] .aboutGuide__timeline-text06, body[data-lang="ru"] .aboutGuide__timeline-text04, body[data-lang="ru"] .aboutGuide__timeline-text02 { width: auto; } body[data-lang="ru"] .aboutGuide__timeline-text04 { width: 200px; text-align: right; } } @media (max-width:530px) { body[data-lang="ru"] .aboutGuide__timeline-text04 { width: 160px; } body[data-lang="ru"] .aboutGuide__timeline-text02 { left: 15px; } } .projectContent__wrap span { line-height: 1.4; } .project[data-page="impact-team-2050"] .projectHero__heading-title { max-width: 490px } .project[data-page="impact-team-2050"] .projectHero__logo { max-width: 95px; } .project[data-page="impact-team-2050"] .projectHero__top:after { content: ""; width: 100%; max-width: 1328px; height: 3px; margin: 0 auto; display: block; position: absolute; z-index: 10; left: 50%; transform: translateX(-50%); background: linear-gradient(90deg, #1E2443 -5.46%, #0487C3 23.02%, #E84629 55.71%, #F4A90A 100.01%); } .focus { margin: 100px 0 120px; } .focus__list { margin-top: 112px; display: grid; grid-template-rows: 1; grid-template-columns: repeat(3, 1fr); } .focus__item-text { max-width: 335px; margin-top: 24px; } .enjoy { } .enjoy__list { display: grid; grid-template-rows: 1; grid-template-columns: repeat(3, 1fr); margin-top: 32px; column-gap: 12px; } .enjoy__item { display: flex; flex-direction: column; max-width: none; } .enjoy__item-photo { width: 100%; max-width: 100%; height: auto; overflow: hidden; position: relative; display: block; } .enjoy__item-photo:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' fill='white'/%3E%3Cpath d='M3 25V15.8333H4.83333V21.8833L21.8833 4.83333H15.8333V3H25V12.1667H23.1667V6.11667L6.11667 23.1667H12.1667V25H3Z' fill='%231A1A1A'/%3E%3C/svg%3E"); width: 28px; height: 28px; position: absolute; right: 12px; bottom: 12px; display: block; z-index: 1; } .enjoy__item-photo img { max-width: 100%; height: auto; transition: .3s all; display: block; } .enjoy__item-text.crop { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .enjoy__item-date { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; margin-top: 24px; } .enjoy__item-title { font-weight: 500; font-size: 20px; line-height: 114%; letter-spacing: -0.01em; color: #1A1A1A; margin: 12px 0 12px; display: none; } .enjoy__item-text { margin-bottom: 30px; font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-top: 12px; overflow:hidden; } .enjoy__item-text strong { color: #FA8A59; font-weight: 500; } .slide-read-more-button{ cursor: pointer; text-align: right; margin-top: 8px; color: #808080; display: none; font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; } .itteam { margin-top: 176px; overflow: hidden; } .itteam__wrap { display: flex; flex-direction: row; justify-content: space-between; } .itteam__content { max-width: 570px; } .itteam__text { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #8D8D8D; margin-top: 24px; } .itteam__mask{ font-size: 331px; line-height: 91%; letter-spacing: -0.17em; font-weight: 700; background-image: url(/local/assets/css/../img/itteam.jpg); background-clip:text; -webkit-background-clip:text; color: transparent; background-position: 50%, 50%; background-repeat: no-repeat; background-size: 100% 180%; height: fit-content; padding-right: 0.13em; } .itteam__mask p { padding-right: 0.13em; } .itteam__list::-webkit-scrollbar { height: 3px; width: 12px; background-color: #F5F5F5; } .itteam__list::-webkit-scrollbar-track { background-color: #F3F5F7; height: 3px; } .itteam__list::-webkit-scrollbar-thumb { background: linear-gradient(90deg, #1E2443 0%, #007DDF 18.66%, #E84629 64.91%, #F4A90A 100%); height: 3px; } .itteam__list{ overflow: hidden; display: block; margin-top: 100px; display: flex; overflow-y: auto; } .itteam__list-scroll{ display: flex; } .itteam__list-scrollbar{ position: relative; width: 100%; height: 3px; background: #F3F5F7; } .itteam__list-scrollbar-thumb{ display: block; position: absolute; top: 0; left: 0; width: 200px; height: 100%; background: linear-gradient(90deg, #1E2443 0%, #007DDF 18.66%, #E84629 64.91%, #F4A90A 100%); } .itwrap{ overflow: hidden; } .itteam__item { margin-bottom: 50px; } .itteam__item:not(:last-child) { margin-right: 12px; } .itteam__item-card { min-width: 340px; max-width: 340px; height: 440px; padding: 2px 3px; position: relative; cursor: pointer; } .itteam__item-card::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #F3F5F7; z-index: -1; transition: .3s all; } .itteam__item-card:hover .itteam__item-card__wrap { background: #fff; } .itteam__item-card:hover::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: conic-gradient(from 180deg at 50% 50%, #F4A90A -31.52deg, #1E2443 20.89deg, #007DDF 76.88deg, #E84629 195deg, #F4A90A 328.48deg, #1E2443 380.89deg), linear-gradient(0deg, #FFFFFF, #FFFFFF); background-repeat: no-repeat; z-index: -1; } .itteam__include .itteam__item-card:hover::before { background: orange; } .itteam__include .itteam__info-inner:before { background: #FFEB80; } .itteam__include .itteam__list { margin-top: 40px; margin-bottom: 80px; } .itteam__item-card__wrap { background: #F3F5F7; display: flex; flex-direction: column; justify-content: space-between; height: 100%; transition: .3s all; } .itteam__item-card__info { padding: 20px; } .itteam__item-card__name { font-weight: 500; font-size: 28px; line-height: 114%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 12px; } .itteam__item-card__post { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 4px; } .itteam__item-card__place { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #8D8D8D; } .itteam__item-card__photo { max-width: 260px; max-height: 248px; margin: 0 auto; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; } .itteam__item-card__photo img { max-width: 100%; } .itteam__item-full { display: none; } .itteam__item.showfull .itteam__item-full { display: block; } .itteam__item-full { left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 999; opacity: 0; visibility: hidden; } .itteam__info-overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .itteam__info-wrap { width: 100%; max-width: 1180px; background: #fff; z-index: 10; left: 100%; position: absolute; height: 100vh; opacity: 0; visibility: hidden; } .itteam__info-inner { overflow-y: auto; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; padding: 76px 28px 0 64px; position: relative; } .itteam__info-inner:before { content: ""; position: absolute; width: 320px; height: 100%; left: 0; top: 0px; background: conic-gradient(from 180deg at 50.15% 51.56%, #F4A90A -82.02deg, #1E2443 20.89deg, #007DDF 50.86deg, #E84629 129.59deg, #F4A90A 199.32deg, #F4A90A 277.98deg, #1E2443 380.89deg); } .itteam__info-close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; z-index: 9999; } .itteam__info-close:hover { transform: scale(1.05); } .itteam__info-left { max-width: 453px; min-width: 453px; margin-right: 64px; position: sticky; top: 0; display: flex; flex-direction: column; justify-content: flex-end; align-self: flex-end; } .itteam__info-right { max-width: 570px; overflow-y: auto; max-height: 90vh; } .itteam__info-right::-webkit-scrollbar { display: none; } .itteam__info-photo { width: 100%; max-height: 750px; overflow: hidden; margin-top: 85px; position: relative; } .itteam__info-photo img { width: 100%; height: auto; object-fit: contain; object-position: bottom; display: block; } .itteam__info-company { margin-bottom: 4px; font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; } .itteam__info-category { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #BDBDBD; } .itteam__info-name { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 24px; } .itteam__info-post { font-size: 20px; line-height: 120%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 48px; } .itteam__info-post span { color: #808080; display: block; } .itteam__info-about { font-size: 28px; line-height: 115%; font-weight: 400; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 48px; } .itteam__info-text { padding-bottom: 28px; } .itteam__info-text p { font-size: 20px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .itteam__info-text p:not(:last-child) { margin-bottom: 20px; } .itquote { margin-top: 160px; } .itquote__wrap { background: #F3F5F7; padding: 48px 160px 0 28px; display: flex; flex-direction: row; justify-content: space-between; position: relative; overflow: hidden; } .itquote__wrap:after { content: ""; width: 337px; height: 492px; position: absolute; right: 130px; bottom: -20px; background: url("/images/itteam__quote.png") no-repeat; background-size: 100%; display: block; } .itquote__content { max-width: 542px; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 28px; } .itquote__text { font-weight: 500; font-style: italic; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #1A1A1A; } .itquote__meta-name { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .itquote__meta-post { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #8D8D8D; } .itquote__meta-info { max-width: 320px; font-weight: 500; font-style: italic; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #8D8D8D; margin-top: 12px; } .itquote__photo { max-width: 382px; min-width: 382px; height: 495px; position: relative; display: flex; bottom: -50px; } .itquote__photo img { max-width: 100%; position: relative; z-index: 1; object-fit: contain; } .itvideo { margin-top: 112px; padding-bottom: 48px; } .itvideo__wrap { display: flex; flex-direction: row; justify-content: space-between; } .itvideo__media { height: 386px; max-width: 686px; min-width: 686px; position: relative; } .itvideo__media-poster { width: 100%; height: 100% !important; position: absolute; left: 0; top: 0; transition: .3s all; overflow: hidden; } .itvideo__media-poster img { max-width: 100%; } .itvideo__media-poster[data-cursor="swipe"]:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='24' fill='white'/%3E%3Cpath d='M32.3984 24.0001L19.7984 31.2747L19.7984 16.7255L32.3984 24.0001Z' fill='%231A1A1A'/%3E%3C/svg%3E"); width: 48px; height: 48px; top: 50%; left: 50%; transform: translate(-50%); transition: .3s all; position: absolute; display: block; } .itvideo__media-poster[data-cursor="swipe"]:hover::before { transform: translate(-50%) scale(1.2); } .itvideo__media-iframe { position: absolute; left: 0; top: 0; display: block; opacity: 0; visibility: hidden; transition: .3s all; width: 100%; height: 100%; } .itvideo__media-iframe iframe, .itvideo__media-iframe video { width: 100%; height: 100%; object-fit: cover; } .itvideo__media-iframe video::-webkit-media-controls-panel { display: flex !important; opacity: 1 !important; } .itvideo__media.showed .itvideo__media-iframe { opacity: 1; visibility: visible; } .itvideo__media.showed .itvideo__media-poster { opacity: 0; visibility: hidden; } .itvideo__content { max-width: 570px; display: flex; flex-direction: column; justify-content: space-between; } .itvideo__content-text { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-top: 24px; } .itvideo__content-bottom a:before, .itvideo__content-bottom a:after { color: #1A1A1A; } .itfuture { margin-top: 112px; } .itfuture__list { margin-top: 48px; display: flex; flex-direction: row; } .itfuture__item { position: relative; flex: auto; } .itfuture__item.__large { margin-right: 12px; max-width: 919px; } .itfuture__item-photo { width: 100%; height: 540px; position: relative; overflow: hidden; } .itfuture__item-photo__poster { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; transition: .3s all; } .itfuture__item-photo__poster:before { content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); position: absolute; left: 0; top: 0; display: block; } .itfuture__item-photo__poster img { width: 100%; height: 100%; object-fit: cover; } .itfuture__item-photo:hover .itfuture__item-photo__poster { transform: scale(1.1); } .itfuture__item-photo__info { height: 100%; z-index: 1; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 28px; } .itfuture__item-title { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #FFFFFF; } .itfuture__item-text { max-width: 395px; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; } .itfuture__item-date { margin-top: 28px; font-weight: 500; font-size: 28px; line-height: 114%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 12px; } .itsharing { margin-top: 80px; } .itsharing .container:before { content: ""; width: 100%; height: 3px; background: linear-gradient(90deg, #1E2443 -5.46%, #0487C3 23.02%, #E84629 55.71%, #F4A90A 100.01%); display: block; margin-bottom: 25px; } .itsharing__wrap { display: flex; flex-direction: row; align-items: center; } .itsharing__title { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-right: 24px; } .itsharing__list { display: flex; flex-direction: row; align-items: center; } .itsharing__link { border: none; background: none; cursor: pointer; } .itsharing__link:first-child { margin-right: 12px; } .project[data-page="impact-team-2050"] .projectOthers { margin-top: 112px; } .project[data-page="impact-team-2050"] .projectOthers .heading__columns { padding-top: 0; } @media (max-width:1200px) { .focus__list { grid-template-rows: repeat(3, 1fr); grid-template-columns: 1fr; } .focus__item:not(:last-child) { margin-bottom: 30px; } .focus__item-text { max-width: none; } .itteam__wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .itquote__wrap { flex-direction: column; padding: 12px; position: relative; } .itquote__content { max-width: none; } .itquote__text { font-size: 20px; } .itquote__photo { min-width: 1px; max-width: none; height: 400px; bottom: -12px; right: 30px; } .itquote__photo img { object-position: bottom; } .itquote__wrap:after { width: 300px; height: 360px; right: 13px; bottom: -10px; } .itvideo__wrap { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; } .itvideo__content { max-width: none; margin-bottom: 30px; } .itfuture__list { flex-wrap: wrap; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .itfuture__item.indexSection4__item { max-width: none; margin-bottom: 30px; } } @media (max-width: 560px) { .project[data-page="impact-team-2050"] .projectHero__header { padding: 15px 14px 15px 10px; height: 100%; } .project[data-page="impact-team-2050"] .projectHero__image, .project[data-page="impact-team-2050"] .projectHero__top { height: 490px; } .project[data-page="impact-team-2050"] .projectHero__heading-title { max-width: 240px; } .project[data-page="impact-team-2050"] .projectHero__image img { object-position: center -70px; } .project[data-page="impact-team-2050"] .projectHero__top .container { padding: 0; } .project[data-page="impact-team-2050"] .projectHero__logo { max-width: 62px; margin-left: auto; } .project[data-page="impact-team-2050"] .projectHero__top:after { max-width: calc(100% - 12px); width: calc(100% - 12px); } .focus { margin: 65px 0 80px; } .focus__list { grid-template-row: repeat(3, 1fr); grid-template-columns: 1fr; margin-top: 70px; row-gap: 38px; } .focus__item-number { max-width: 72px; } .focus__item-number svg { max-width: 100%; height: auto; } .focus__item-text { max-width: none; margin-top: 17px; } .enjoy { } .enjoy__list { grid-template-columns: 1fr; grid-template-row: repeat(auto, 1fr); row-gap: 12px; } .enjoy__item.indexSection4__item { width: 100%; max-width: none; } .enjoy__item { padding: 12px; } .enjoy__item-date { font-size: 12px; line-height: 117%; margin-bottom: 6px; } .enjoy__item-title { font-size: 20px; line-height: 120%; margin: 12px 0 8px; } .enjoy__item-text { font-size: 12px; line-height: 117%; } .itteam { margin-top: 80px; } .itteam__wrap { flex-direction: column; } .itteam__item { margin-bottom: 30px; } .itteam__mask { font-size: 80px; line-height: 1; } .itteam__list-scroll { overflow-y: auto; -webkit-overflow-scrolling: auto !important; } .itteam__list-scroll::-webkit-scrollbar { height: 3px; } .itteam__list-scroll::-webkit-scrollbar-track { background-color: #F3F5F7; height: 3px; } .itteam__list-scroll::-webkit-scrollbar-thumb { background: linear-gradient(90deg, #1E2443 0%, #007DDF 18.66%, #E84629 64.91%, #F4A90A 100%); height: 3px; } .itteam__list-scroll::-webkit-scrollbar-track { background-color: #F3F5F7; height: 3px; } .itteam__list-scroll::-webkit-scrollbar{ width: 12px; background-color: #F5F5F5; } .itteam__list-scroll::-webkit-scrollbar-thumb{ background: linear-gradient(90deg, #1E2443 0%, #007DDF 18.66%, #E84629 64.91%, #F4A90A 100%); } .itteam__list-scrollbar { display: none; } .itteam__item-card { min-width: 280px; max-width: 280px; height: 360px; } .itteam__item-card__info { padding: 12px; } .itteam__item-card__name { font-size: 20px; margin-bottom: 8px; } .itteam__item-card__post, .itteam__item-card__place { font-size: 12px; } .itteam__item-card__photo { max-width: none; max-height: 260px; } .itteam__item-card__photo img { max-height: 100%; width: auto; object-fit: contain; } .itteam__mask { display: none; } .itteam__image, .itteam__list, .itquote { margin-top: 64px; } .itquote__wrap { flex-direction: column; padding: 12px; position: relative; } .itquote__content { } .itquote__text { font-size: 20px; } .itquote__meta { position: absolute; left: 12px; bottom: 12px; z-index: 9; } .itquote__meta-name { color: #fff; font-size: 16px; } .itquote__photo { min-width: 1px; max-width: none; height: 400px; bottom: -12px; right: 30px; } .itquote__photo img { object-position: bottom; } .itquote__wrap:after { width: 300px; height: 360px; right: 13px; bottom: -10px; } .itquote__meta-post { font-size: 16px; } .itquote__meta-info { font-size: 12px; max-width: 165px; } .itvideo { margin-top: 80px; } .itvideo__wrap { flex-direction: column-reverse; } .itvideo__content-text { font-size: 16px; margin-bottom: 32px; } .itvideo__content { margin-bottom: 0; } .itvideo__media { height: auto; width: 100%; min-width: 1px; max-width: none; } .itvideo__media-poster:before { transform: none; margin: -24px 0 0 -24px; } .itvideo__media-poster { position: relative; margin-bottom: 0; } .itvideo__media.showed .itvideo__media-poster { display: none; } /* .itvideo__media-iframe { position: relative; } */ .itvideo__media.showed .itvideo__media-iframe { padding-bottom: 56.25%; position: relative; } .itvideo__media-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .itfuture { margin-top: 80px; } .itfuture__list { flex-direction: column; margin-top: 32px; } .itfuture__item.__large.indexSection4__item, .itfuture__item.indexSection4__item { max-width: none; width: 100%; margin-right: 0; } .itfuture__item.__large.indexSection4__item { margin-bottom: 32px; } .itfuture__item-photo { height: 320px; } .itfuture__item-photo__info { padding: 12px; } .itfuture__item-title { font-size: 28px; } .itfuture__item-text { font-size: 16px; } .itfuture__item-date { font-size: 18px; margin: 16px 0 8px; } .itsharing { margin-top: 64px; } .itsharing .container:before { margin-bottom: 32px; } .itsharing__wrap { flex-direction: column; align-items: flex-start; } .itsharing__title { margin-right: 0; margin-bottom: 24px; } .itsharing__link { width: 28px; height: 28px; } .itsharing__link svg { width: 100%; height: 100%; } .project[data-page="impact-team-2050"] .projectOthers { margin-top: 32px; } .enjoy__item-text.crop { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .itteam__info-photo { } } @media (max-width: 1399px) { .itteam__info-inner { padding: 75px 20px 0 20px; } .itteam__info-left { min-width: 351px; } .itteam__info-photo { height: 404px; } .itteam__info-name { font-size: 40px; margin-bottom: 12px; } .itteam__info-post { font-size: 18px; margin-bottom: 40px; } .itteam__info-about { font-size: 24px; } } @media (max-width: 825px) { .itteam__info-inner { flex-direction: column; } .itteam__info-left { position: static; margin-right: 0; margin-bottom: 0; height: 472px; } .itteam__info-photo { max-width: none; margin-top: 0; height: 472px; } .itteam__info-inner:before { height: 472px; } .itteam__info-photo img { object-position: top; } .itteam__info-right { flex: 0 1 100%; max-width: 100%; margin-top: 40px; max-height: none; overflow-y: visible; } .itteam__info-inner:before { top: 75px; } .itteam__info-name { font-size: 28px; } .itteam__info-post { font-size: 16px; } } .f-cat.active.item-empty { display: none; } .projectProgram__item-title:not(.hoverMe), .projectProgram__item-title.hoverMe:before, .projectProgram__item-title.hoverMe:after { color: #1A1A1A; } /* ПРОФИЛЬ */ .header__profile { margin-right: 24px; position: relative; } .header__profile-sign { font-weight: 500; color: #1A1A1A; font-size: 16px; line-height: 125%; } .header__transparent .header:not(.fixed) .header__profile-sign, .header._dark:not(.fixed) .header__profile-sign { color: #fff; } .header__profile-photo { min-width: 48px; max-width: 48px; height: 48px; background-color: #FCEAE3; border-radius: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-weight: 500; font-size: 16px; color: #1A1A1A; position: relative; cursor: pointer; z-index: 999; } .header__profile-photo[data-notify="true"]:before, .header__profile-menu__list-item[data-notify="true"]:after { content: ""; position: absolute; background: #FF5945; border: 1px solid #FFFFFF; width: 10px; height: 10px; display: block; border-radius: 50%; top: 0; right: 0; } .header__profile-photo__media { overflow: hidden; border-radius: 50%; width: 100%; height: 100%; } .header__profile-photo img { object-position: center; width: 100%; height: 100%; object-fit: cover; } /* ПРОФИЛЬ: ВСПЛЫВАШКА МЕНЮ В ШАПКЕ */ .header__profile-menu { position: absolute; right: 0; top: 63px; opacity: 0; visibility: hidden; transition: .3s all; z-index: 999999; } .header__profile-menu.show { opacity: 1; visibility: visible; } .header__profile-overlay { background: rgba(0,0,0,.4); position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; } .header__profile-menu__wrap { background-color: #fff; width: 337px; padding: 35px 25px; z-index: 9999999999; position: relative; } .header__profile-menu__top { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; margin-bottom: 45px; } .header__profile-menu__info { min-width: calc(100% - 40px); padding: 0 20px; } .header__profile-menu__name { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 4px; } .header__profile-menu__role { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; } .header__profile-menu__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; } .header__profile-menu__list:not(:last-child):after { width: 100%; position: relative; opacity: 0.3; left: -25px; width: calc(100% + 50px); height: 1px; background: rgba(0,0,0,.3); display: block; content: ""; margin: 24px 0; } .header__profile-menu__list a { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .header__profile-menu__list a:not(:last-child), .header__profile-menu__list-item { margin-bottom: 24px; } .header__profile-menu__list a.hoverMe:before, .header__profile-menu__list a.hoverMe:after { color: #1A1A1A; } .header__profile-menu__list-item[data-notify="true"] { position: relative; padding-right: 15px; } /* ПРОФИЛЬ: Авторизация и регистрация */ .login__popup { left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 99999999999; opacity: 0; visibility: hidden; } .login__popup-overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .login__popup-wrap { width: 100%; max-width: 950px; background: #fff; z-index: 10; left: 100%; /* right: 0;*/ position: absolute; height: 100vh; opacity: 0; visibility: hidden; } .login__popup-inner { overflow-y: auto; height: 100%; padding: 76px 28px 58px 64px; position: relative; } .login__popup-close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; z-index: 9999; } .login__popup-close:hover { transform: scale(1.05); } .login__popup-section { display: none; } .login__popup-section.active { display: block; animation: fade_in_show 1.5s } @keyframes fade_in_show { 0% { opacity: 0; } 100% { opacity: 1; } } .login__popup-head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; max-width: 685px; margin: 0 auto 65px; } .login__popup-title { font-size: 44px; line-height: 109%; color: #1A1A1A; max-width: 60%; } .login__popup-title a { font-size: 20px; line-height: 120%; } .login__popup-title a:before, .login__popup-title a:after { color: #1A1A1A; } .login__popup-areyou { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-end; align-items: flex-end; } .login__popup-areyou a { -ms-align-items: flex-end; align-items: flex-end; } .login__popup-areyou span { display: block; font-size: 16px; font-style: italic; color: #979797; margin-bottom: 4px; letter-spacing: -0.01em; line-height: 125%; } .login__popup-areyou .hoverMe:before, .login__popup-areyou .hoverMe:after { color: #1A1A1A; } .login__popup-body { max-width: 685px; margin: 0 auto; } .login__popup-form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .login__popup-form__group, .login__popup-form__checkboxes { flex: auto; width: 100%; position: relative; } .login__popup-form__group:not(:last-of-type) { margin-bottom: 24px; } .login__popup-form__name { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .login__popup-form__name label { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; margin-bottom: 8px; } .login__popup-form__name a { color: #1A1A1A; font-weight: 500; font-size: 16px; line-height: 125%; } .login__popup-form__name a:focus { outline: none; } .login__popup-form__group input { width: 100%; height: 64px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; padding: 5px 0 0 20px; font-size: 20px; line-height: 120%; color: #1A1A1A; background: #F3F5F7; border: 1px solid #fff; border-bottom-color: #808080; } .login__popup-form__group input::placeholder { color: #808080; } .login__popup-form__group input:focus { border-bottom-color: #1A1A1A; } .login__popup-form__group.error input { border-color: #FF5945; } .login__popup-form__group-error, .form__terms-error { color: #FF5945; font-size: 12px; line-height: 125%; position: absolute; bottom: -20px; left: 0; } .form__terms-error { position: relative; bottom: 0; margin-top: -10px; margin-bottom: 15px; } .form__terms-error.hidden { margin-top: 0; margin-bottom: 0; height: 0; } .login__popup-form__checkboxes { margin-top: 16px; } .login__popup-form__checkbox { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; height: 20px; -ms-align-items: center; align-items: center; position: relative; cursor: pointer; } .login__popup-form__checkbox:not(:last-child) { margin-bottom: 12px; } .login__popup-form__checkbox input { display: none; } .login__popup-form__checkbox label { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; padding-left: 36px; cursor: pointer; } .login__popup-form__checkbox label a { color: #1A1A1A; } .login__popup-form__checkbox label:before { content: ""; width: 20px; height: 20px; display: block; background: #fff; transition: .3s all; box-shadow: inset 0 0 0 1px #1A1A1A; position: absolute; left: 0; top: 0; } .login__popup-form__checkbox input:checked + label:before { box-shadow: inset 0 0 0 8px #1A1A1A; } .login__popup-form__button { width: 100%; height: 64px; background: #FA8A59; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; border: none; cursor: pointer; margin: 48px 0 48px; } .login__popup-form__button:before, .login__popup-form__button:after { color: #fff; -ms-align-items: center; align-items: center; justify-content: center; } .login__popup-form__social-title { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin-bottom: 32px; } .login__popup-form__social-title:before, .login__popup-form__social-title:after { content: ""; width: 100%; flex: auto; height: 1px; display: block; background: #BDBDBD; } .login__popup-form__social-title span { max-width: max-content; min-width: max-content; padding: 0 20px; text-align: center; font-weight: 400; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #979797; font-style: italic; } .login__popup-form__social-list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: center; } .login__popup-form__social-item { min-width: 64px; max-width: 64px; height: 64px; border-radius: 50%; border: 1px solid #BDBDBD; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; background-position: center; background-repeat: no-repeat; } .login__popup-form__social-item:not(:last-child) { margin-right: 28px; } .login__popup-form__social-item[data-type="google"] { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.2 20.3125C33.2 19.3375 33.1125 18.4 32.95 17.5H20V22.8187H27.4C27.0813 24.5375 26.1125 25.9938 24.6563 26.9688V30.4187H29.1C31.7 28.025 33.2 24.5 33.2 20.3125Z' fill='%234285F4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.0004 33.7498C23.7129 33.7498 26.8254 32.5186 29.1004 30.4186L24.6566 26.9686C23.4254 27.7936 21.8504 28.2811 20.0004 28.2811C16.4191 28.2811 13.3879 25.8623 12.3066 22.6123H7.71289V26.1748C9.97539 30.6686 14.6254 33.7498 20.0004 33.7498Z' fill='%2334A853'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3063 22.6127C12.0313 21.7877 11.875 20.9064 11.875 20.0002C11.875 19.0939 12.0313 18.2127 12.3063 17.3877V13.8252H7.7125C6.78125 15.6814 6.25 17.7814 6.25 20.0002C6.25 22.2189 6.78125 24.3189 7.7125 26.1752L12.3063 22.6127Z' fill='%23FBBC05'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.0004 11.7188C22.0191 11.7188 23.8316 12.4125 25.2566 13.775L29.2004 9.83125C26.8191 7.6125 23.7066 6.25 20.0004 6.25C14.6254 6.25 9.97539 9.33125 7.71289 13.825L12.3066 17.3875C13.3879 14.1375 16.4191 11.7188 20.0004 11.7188Z' fill='%23EA4335'/%3E%3C/svg%3E"); } .login__popup-form__social-item[data-type="yandex"] { background-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 20C5 11.7157 11.7157 5 20 5C28.2843 5 35 11.7157 35 20C35 28.2843 28.2843 35 20 35C11.7157 35 5 28.2843 5 20Z' fill='%23FC3F1D'/%3E%3Cpath d='M22.114 29.0146H25.2477V11.0146H20.6895C16.1052 11.0146 13.6966 13.3715 13.6966 16.842C13.6966 19.6133 15.0175 21.2449 17.3744 22.9283L13.2822 29.0146H16.6751L21.2334 22.2031L19.6535 21.1413C17.737 19.8463 16.8046 18.8363 16.8046 16.6606C16.8046 14.7441 18.1514 13.4491 20.7154 13.4491H22.114V29.0146Z' fill='white'/%3E%3C/svg%3E%0A"); } .login__popup-form__social-item[data-type="apple"] { background-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='32' height='32' rx='8' fill='%231A1A1A'/%3E%3Cpath d='M26.5529 16.9663C26.4531 17.0451 24.6922 18.055 24.6922 20.3004C24.6922 22.8977 26.9329 23.8165 27 23.8393C26.9897 23.8953 26.644 25.0977 25.8186 26.3228C25.0825 27.4009 24.3138 28.4772 23.1445 28.4772C21.9751 28.4772 21.6741 27.7859 20.3242 27.7859C19.0086 27.7859 18.5408 28.5 17.4712 28.5C16.4015 28.5 15.6552 27.5024 14.7971 26.2773C13.8031 24.8386 13 22.6037 13 20.4824C13 17.0801 15.1737 15.2757 17.313 15.2757C18.4497 15.2757 19.3972 16.0353 20.1109 16.0353C20.7902 16.0353 21.8495 15.2302 23.1427 15.2302C23.6328 15.2302 25.3938 15.2757 26.5529 16.9663ZM22.5288 13.7898C23.0636 13.144 23.442 12.2479 23.442 11.3518C23.442 11.2275 23.4316 11.1015 23.4093 11C22.5391 11.0333 21.5039 11.5898 20.8796 12.3266C20.3895 12.8937 19.9321 13.7898 19.9321 14.6981C19.9321 14.8346 19.9544 14.9711 19.9647 15.0149C20.0198 15.0254 20.1092 15.0377 20.1986 15.0377C20.9794 15.0377 21.9613 14.5056 22.5288 13.7898Z' fill='white'/%3E%3C/svg%3E%0A"); } .login__popup-form__social-item[data-type="outlook"] { background-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.7744 11.3604V17.2285L25.8478 18.5198C25.9025 18.5356 26.0209 18.5367 26.0756 18.5198L34.9991 12.5694C34.9991 11.8651 34.3349 11.3604 33.9601 11.3604H23.7744Z' fill='%230072C6'/%3E%3Cpath d='M23.7746 19.418L25.6668 20.7037C25.9334 20.8975 26.2546 20.7037 26.2546 20.7037C25.9345 20.8975 35.0004 14.9414 35.0004 14.9414V25.7268C35.0004 26.9008 34.2405 27.3932 33.3861 27.3932H23.7734V19.418H23.7746Z' fill='%230072C6'/%3E%3Cpath d='M13.9767 16.7129C13.3319 16.7129 12.8181 17.0126 12.4387 17.6109C12.0594 18.2092 11.8691 19.0013 11.8691 19.9873C11.8691 20.9878 12.0594 21.7788 12.4387 22.3602C12.8181 22.9427 13.3159 23.2323 13.9311 23.2323C14.5657 23.2323 15.0692 22.9495 15.4406 22.3839C15.812 21.8182 15.9988 21.0329 15.9988 20.0289C15.9988 18.9822 15.8188 18.1675 15.4577 17.585C15.0965 17.0036 14.6032 16.7129 13.9767 16.7129Z' fill='%230072C6'/%3E%3Cpath d='M5 8.38028V31.338L22.6578 35V5L5 8.38028ZM16.8159 23.7403C16.0697 24.7116 15.0968 25.1983 13.8961 25.1983C12.7261 25.1983 11.7738 24.7273 11.0367 23.7865C10.3008 22.8445 9.93165 21.6186 9.93165 20.1065C9.93165 18.5099 10.3053 17.2186 11.0538 16.2327C11.8022 15.2468 12.7933 14.7532 14.0271 14.7532C15.1925 14.7532 16.1358 15.2242 16.8546 16.1685C17.5746 17.1127 17.9346 18.3566 17.9346 19.9014C17.9358 21.489 17.5621 22.769 16.8159 23.7403Z' fill='%230072C6'/%3E%3C/svg%3E%0A"); } .login__popup-form__social-item[data-type="yahoo"] { background-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.5 5H9.5C7.01472 5 5 7.01472 5 9.5V30.5C5 32.9853 7.01472 35 9.5 35H30.5C32.9853 35 35 32.9853 35 30.5V9.5C35 7.01472 32.9853 5 30.5 5Z' fill='%235F01D1'/%3E%3Cpath d='M16.8945 28.6719H13.2617L14.7266 25.2148L10.6836 15.5469H14.375L16.543 21.1133L18.7109 15.5469H22.3438M25.7422 20H21.6992L25.332 11.3281H29.375' fill='white'/%3E%3Cpath d='M22.7539 25.2734C23.9836 25.2734 24.9805 24.2766 24.9805 23.0469C24.9805 21.8172 23.9836 20.8203 22.7539 20.8203C21.5242 20.8203 20.5273 21.8172 20.5273 23.0469C20.5273 24.2766 21.5242 25.2734 22.7539 25.2734Z' fill='white'/%3E%3C/svg%3E%0A"); } .login__popup-resetWrap { max-width: 685px; margin: 0 auto; } .login__popup-resetBox { background: #F3F5F7; padding: 28px; } .login__popup-resetBox__title { font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 16px; } .login__popup-resetBox__text { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; max-width: 570px; } .login__popup-resetBox.__confirm .login__popup-resetBox__title { margin-bottom: 50px; } .login__popup-resetBox.__confirm .login__popup-resetBox__text { color: #1A1A1A; } .login__popup-resetBox__text p:not(:last-child) { margin-bottom: 16px; } .login__popup-resetBox .login__popup-form { margin-top: 40px; } .login__popup-resetBox .login__popup-form__group { margin-bottom: 0; } .login__popup-resetBox .login__popup-form__group input { background: #fff; } .login__popup-resetBox .login__popup-form__button { background: #1A1A1A; margin: 80px 0 0 0; } .login__popup-section.__fullHeight, .login__popup-section.__fullHeight .login__popup-resetWrap { height: 100%; } .login__popup-section.__fullHeight .login__popup-resetWrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; } .login__popup-resetWrap__link { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; margin-top: 40px; -ms-align-self: flex-start; align-self: flex-start; } .login__popup-resetWrap__link:before, .login__popup-resetWrap__link:after { color: #1A1A1A; } body.profileSample { background: url("/images/profile/profileSample.jpg") no-repeat; background-size: cover; height: 100vh; } body.profileSample .footer, body.profileSample .partners__button { display: none; } div.profileSample { height: 100vh; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; margin-top: 175px; } .profileSample__box { background: #fff; padding: 65px 115px; max-width: 920px; } .profileSample__box-title { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 64px; } body.profile { padding-top: 77px; } .profile__cover { height: 200px; } .profile__cover img { width: 100%; height: 100%; object-fit: cover; } .profile__top { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .profile__top > div { flex: auto; } .profile__top-photo { max-width: 192px; height: 192px; border-radius: 50%; background: #FCEAE3; margin-top: -65px; margin-right: 45px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; position: relative; } /* .progress-ring__circle { transition: 0.35s stroke-dashoffset; transform: rotate(-90deg); transform-origin: 50% 50%; } */ .profile__top-photo__progress { position: absolute; left: 0; top: 0; } .profile__top-photo__progress svg { width: 100%; height: 100%; position: relative; transform-origin: center; transform: rotate(-90deg); } .profile__top-photo__progress svg circle { stroke: #FA8A59; stroke-linecap: butt; fill:none; transition: stroke-dasharray 0.8s ease-out; stroke-width: 4px; } .profile__top-photo__inner { width: calc(100% - 8px); height: calc(100% - 8px); border-radius: 50%; background: #FCEAE3; border: 4px solid #fff; font-weight: 500; font-size: 52px; line-height: 108%; color: #1A1A1A; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; padding: 4px 0 0 4px; overflow: hidden; } .profile__top-photo__inner img { width: 106%; height: 106%; object-fit: cover; } .profile__top-info { padding-top: 24px; } .profile__member-name { font-size: 44px; line-height: 109%; color: #1A1A1A; margin-bottom: 12px; font-weight: 500; } .profile__member-meta { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: flex-start; } .profile__member-role { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .profile__member-progress { background: #FFEB80; padding: 2px; color: #1A1A1A; font-weight: 500; font-size: 16px; line-height: 125%; margin-left: 12px; } .profile__top-tools { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: flex-end; } .profile__tools-notify { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin-right: 28px; cursor: pointer; position: relative; } .profile__tools-notify[data-status="new"]:after { content: ""; width: 8px; height: 8px; border: 1px solid #fff; position: absolute; right: -3px; top: -3px; border-radius: 50%; background: #FF5945; } .profile__tools-notify__count { font-size: 16px; font-weight: 500; line-height: 125%; margin-right: 18px; } .profile__tools-notify__count:before, .profile__tools-notify__count:after { color: #000; } .profile__tools-notify[data-status="new"] .profile__tools-notify__count:before, .profile__tools-notify[data-status="new"] .profile__tools-notify__count:after { color: #FA8A59; } .profile__tools-notify svg, .profile__tools-settings svg { transition: .3s all; } .profile__tools-notify:hover svg, .profile__tools-settings:hover svg { opacity: 0.5; } .profile__tools-settings { cursor: pointer; } .profile__inner { margin-top: 80px; } .profile__menu { padding: 8px 12px 8px 0; max-width: 918px; margin: 0 auto; flex: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; margin-bottom: 48px; border-bottom: 1px solid #1A1A1A; padding-bottom: 16px; } .profile__menu a { font-size: 20px; line-height: 120%; letter-spacing: -0.01em; font-weight: 500; display: block; padding: 8px 12px; } .profile__menu a:first-letter { text-transform: uppercase; } .profile__menu a:before, .profile__menu a:after { color: #1A1A1A; justify-content: center; -ms-align-items: center; align-items: center; } .profile__menu a:not(:last-child) { margin-right: 12px; } .profile__menu a.active:before, .profile__menu a.active:after { background: #1A1A1A; color: #FFFFFF; } .profile__main { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .profile__main > div { flex: auto; } .profile__main-left, .profile__main-right { min-width: 220px; max-width: 220px; } .profile__main-right { padding-bottom: 50px; } .profile__main-center { width: calc(100% - 440px); max-width: 918px; } .profile__projects-header { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-end; align-items: flex-end; justify-content: space-between; margin-bottom: 112px; } .profile__projects-title { max-width: 340px; font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #1A1A1A; } .profile__projects-text { max-width: 455px; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .profile__projects-list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 84px; } /* .profile__projects-item { min-width: calc(100%/2 - 6px); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin-bottom: 28px; } .profile__projects-item__photo { max-width: 104px; min-width: 104px; height: 76px; margin-right: 28px; position: relative; } .profile__projects-item__photo img { width: 100%; height: 100%; object-fit: cover; } .profile__projects-item.__empty .profile__projects-item__photo { background: #FFEB80; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; } .profile__projects-item__member { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; padding: 2px; background: #FFEB80; position: absolute; right: 0; top: 0; } .profile__projects-item__cat { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; margin-bottom: 4px; } .profile__projects-item__title { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .profile__projects-item__link .hoverMe { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .profile__projects-item__link .hoverMe:before, .profile__projects-item__link .hoverMe:after { color: #1A1A1A; } */ .profile__projects-item { height: 520px; width: 100%; max-width: calc(100%/2 - 6px); position: relative; margin-bottom: 12px; } .profile__projects-item.__empty { background: #FFEB80; } .profile__projects-item.__empty .profile__projects-item__title { max-width: 350px; } .profile__projects-item__photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; overflow: hidden; } .profile__projects-item__photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .profile__projects-item__inner { padding: 28px; position: relative; z-index: 2; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .profile__projects-item__content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; max-width: 365px; } .profile__projects-item__top { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; } .profile__projects-item__member { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; padding: 2px; background: #FFEB80; margin-right: 8px; } .profile__projects-item__tag { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #FFFFFF; padding: 2px; background: #502BD8; margin-bottom: 12px; } .profile__projects-item__title { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #FFFFFF; margin-bottom: 12px; } .profile__projects-item__text { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; opacity: 0.7; } .profile__projects-item__link { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; } .profile__projects-item__link div:before, .profile__projects-item__link div:after { color: #fff; } .profile__projects-item:hover .profile__projects-item__link div:before { bottom: -100%; } .profile__projects-item:hover .profile__projects-item__link div:after { bottom: 0; } .profile__projects-item:hover .profile__projects-item__photo img { transform: scale(1.1); } .profile__projects-item.__empty .profile__projects-item__title, .profile__projects-item.__empty .profile__projects-item__link div:before, .profile__projects-item.__empty .profile__projects-item__link div:after{ color: #1A1A1A; } .profile__popup { display: none; left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 999; opacity: 0; visibility: hidden; } .profile__popup.active { display: block; } .profile__popup-overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .profile__popup-inner { width: 100%; max-width: 948px; background: #fff; z-index: 10; left: 100%; position: absolute; height: 100vh; opacity: 0; visibility: hidden; } .profile__popup-wrap { overflow-y: auto; height: 100%; padding: 76px 28px 58px 64px; position: relative; -ms-overflow-style: none; scrollbar-width: none; } .profile__popup-wrap::-webkit-scrollbar{ display: none; width: 0 !important; } .profile__popup-close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; z-index: 9999; } .profile__popup-close:hover { transform: scale(1.05); } .profile__popup-project { max-width: 685px; margin: 0 auto; padding-left: 0; padding-right: 0; } .profile__popup-project__title { margin-bottom: 28px; } .profile__popup-title { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #1A1A1A; } .profile__popup-project__text { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 44px; } .profile__popup-projects__more { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .profile__popup-projects__more:before, .profile__popup-projects__more:after { color: #1A1A1A; } .profile__popup-project__form, .profile__popup-project__exist { margin-top: 70px; background: #FFEB80; padding: 28px; } .profile__popup-project__exist-title, .profile__popup-project__form-title { font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 16px; } .profile__popup-project__exist-text, .profile__popup-project__form-text { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; max-width: 570px; } .profile__popup-project__form-text { margin-bottom: 48px; } .profile__popup-form__group { width: 100%; position: relative; } .profile__popup-form__group.hidden { display: none; } .profile__popup-form__group.__half:not(.fullwidth) { max-width: calc(100%/2 - 6px); min-width: calc(100%/2 - 6px); } .profile__popup-form__group.__half.short { min-width: 162px; max-width: 162px; } .profile__popup-form__group:not(:last-of-type) { margin-bottom: 30px; } .profile__popup-form__group label { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; display: block; margin-bottom: 8px; } .profile__popup-form__group label.callback__form-file { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .profile__popup-form__group input[type="text"]:not(.country-phone-search), .profile__popup-form__group:not(.__inner-input) input[type="text"], .profile__popup-form__group input[type="email"], .profile__popup-form__group textarea, .profile__popup-form__group-input { width: 100%; height: 65px; display: block; background: #FFFFFF; border: 1px solid #fff;; border-bottom: 1px solid #808080; padding: 0 20px; font-weight: 400; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .profile__popup-form__group-input { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: flex-start; padding: 0; } .profile__popup-form__group.__inner-input .profile__popup-form__group-input input { font-weight: 400; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; border: none; background: none; padding: 0; padding-left: 60px; } .profile__popup-form__group textarea { height: 112px; resize: none; padding-top: 20px; padding-bottom: 20px; } .profile__popup-form__group input[type="text"]::placeholder, .profile__popup-form__group input[type="email"]::placeholder, .profile__popup-form__group input[type="tel"]::placeholder, .profile__popup-form__group textarea::placeholder { color: #808080; } .profile__popup-form__group input[type="text"]:focus::placeholder, .profile__popup-form__group input[type="email"]:focus::placeholder, .profile__popup-form__group input[type="tel"]:focus::placeholder, .profile__popup-form__group textarea:focus::placeholder { color: transparent; } .profile__popup-form__button { margin-top: 47px; background: #1A1A1A; height: 64px; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; cursor: pointer; border: none; } .profile__popup-form__button:before, .profile__popup-form__button:after { color: #fff; -ms-align-items: center; align-items: center; justify-content: center; } .profile__popup-notify { max-width: 725px; margin: 0 auto; padding-left: 0; padding-right: 0; } .popup__notify-count { margin-top: 65px; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .popup__notify-list { margin-top: 32px; } .popup__notify-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; justify-content: space-between; } .popup__notify-item:not(:last-of-type) { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #1A1A1A; } .popup__notify-item[data-status="new"]:not(:last-of-type) { border-bottom: 1px solid rgba(128, 128, 128, 0.3); } .popup__notify-item__photo { max-width: 104px; min-width: 104px; height: 76px; background: #FFEB80 url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H26V7.8H23.4V2.6H2.6V7.8H0V0ZM2.6 23.4V18.2H0V26H26V18.2H23.4V23.4H2.6Z' fill='%231A1A1A'/%3E%3Cpath d='M16.354 17.5498H14.2665L13.7426 11.0756L11.7582 17.5498H9.77581L7.81368 11.1001L7.28774 17.5478H5.2002L6.16912 7.7998H8.64303L10.8257 15.1526L12.982 7.7998H15.3729L16.354 17.5498Z' fill='%231A1A1A'/%3E%3Cpath d='M20.8 17.5497H18.7266V7.80176H20.8V17.5497Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; overflow: hidden; } .popup__notify-item__photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .popup__notify-item:hover .popup__notify-item__photo img { transform: scale(1.2); } .popup__notify-item__content { max-width: calc(100% - 132px); min-width: calc(100% - 132px); } .popup__notify-item__meta { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin-bottom: 16px; } .popup__notify-item__cat { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #FA8A59; margin-right: 8px; } .popup__notify-item__date { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; } .popup__notify-item__title { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 8px; } .popup__notify-item__title span { color: #1A1A1A; text-decoration: underline; } .popup__notify-item:hover .popup__notify-item__title span { text-decoration: none; } .popup__notify-item[data-type="success"] .popup__notify-item__title { background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 12C2 9.34784 3.05357 6.8043 4.92893 4.92893C6.8043 3.05357 9.34784 2 12 2C14.6522 2 17.1957 3.05357 19.0711 4.92893C20.9464 6.8043 22 9.34784 22 12C22 14.6522 20.9464 17.1957 19.0711 19.0711C17.1957 20.9464 14.6522 22 12 22C9.34784 22 6.8043 20.9464 4.92893 19.0711C3.05357 17.1957 2 14.6522 2 12ZM11.4293 16.28L17.1867 9.08267L16.1467 8.25067L11.2373 14.3853L7.76 11.488L6.90667 12.512L11.4293 16.2813V16.28Z' fill='%2398DF7E'/%3E%3C/svg%3E%0A"); padding-left: 30px; background-repeat: no-repeat; } .popup__notify-item__text { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .popup__notify-item__view { margin-top: 40px; } .popup__notify-item__view div { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .popup__notify-item__view div:before, .popup__notify-item__view div:after { color: #1A1A1A; } .popup__settings-title { margin-bottom: 80px; } .popup__settings-section { background: #F3F5F7; padding: 28px; } .popup__settings-section:not(:last-child) { margin-bottom: 24px; } .popup__settings-section__title { font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 48px; } .popup__settings-section__text { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 32px; } .popup__settings-login__section { display: none; } .popup__settings-login__section.active { display: block; } .popup__settings-login__row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; padding-right: 50px; margin-bottom: 45px; } .popup__settings-login__label { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #808080; margin-bottom: 4px; } .popup__settings-login__value { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .popup__settings-login__social { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .popup__settings-login__social[data-type="google"] { background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.92 12.1875C19.92 11.6025 19.8675 11.04 19.77 10.5H12V13.6912H16.44C16.2487 14.7225 15.6675 15.5963 14.7938 16.1813V18.2512H17.46C19.02 16.815 19.92 14.7 19.92 12.1875Z' fill='%234285F4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0004 20.2499C14.2279 20.2499 16.0954 19.5111 17.4604 18.2511L14.7942 16.1811C14.0554 16.6761 13.1104 16.9686 12.0004 16.9686C9.85167 16.9686 8.03292 15.5174 7.38418 13.5674H4.62793V15.7049C5.98543 18.4011 8.77542 20.2499 12.0004 20.2499Z' fill='%2334A853'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.38375 13.5674C7.21875 13.0724 7.125 12.5437 7.125 11.9999C7.125 11.4562 7.21875 10.9274 7.38375 10.4324V8.29492H4.6275C4.06875 9.40867 3.75 10.6687 3.75 11.9999C3.75 13.3312 4.06875 14.5912 4.6275 15.7049L7.38375 13.5674Z' fill='%23FBBC05'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0004 7.03125C13.2117 7.03125 14.2992 7.4475 15.1542 8.265L17.5204 5.89875C16.0917 4.5675 14.2242 3.75 12.0004 3.75C8.77542 3.75 5.98543 5.59875 4.62793 8.295L7.38418 10.4325C8.03292 8.4825 9.85167 7.03125 12.0004 7.03125Z' fill='%23EA4335'/%3E%3C/svg%3E%0A"); padding-left: 28px; background-repeat: no-repeat; } .popup__settings-login__edit a { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .popup__settings-login__edit a:before, .popup__settings-login__edit a:after { color: #1A1A1A; } .popup__settings-form__checkbox { } .popup__settings-form__checkbox:not(:last-child) { margin-bottom: 40px; } .popup__settings-form__checkbox label { cursor: pointer; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin-right: 18px; } .popup__settings-form__checkbox label > input { display: none; } .popup__settings-form__checkbox label i { display: inline-block; width: 44px; height: 24px; border-radius: 20px; vertical-align: middle; transition: 0.25s 0.09s; position: relative; background: rgba(128, 128, 128, 0.3); } .popup__settings-form__checkbox label i:after { content: " "; display: block; width: 20px; height: 20px; top: 2px; left: 2px; border-radius: 50%; background: #fff; position: absolute; box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.4); transition: 0.15s; } .popup__settings-form__checkbox label > input:checked + i { background: #1A1A1A; } .popup__settings-form__checkbox label > input:checked + i:after { transform: translateX(20px); } .popup__settings-form__checkbox-content { margin-left: 18px; } .popup__settings-form__checkbox-title { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 2px; } .popup__settings-form__checkbox-text { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; } .popup__settings-delete__action { display: none; } .popup__settings-delete__action a { width: 185px; height: 48px; background: #FF5945; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .popup__settings-delete__action a:before, .popup__settings-delete__action a:after { color: #fff; -ms-align-items: center; align-items: center; justify-content: center; } .popup__settings-login__form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .popup__settings-login__group, .popup__settings-login__sso { min-width: 100%; } .login__popup-form__group.__half:not(.fullwidth), .popup__settings-login__group.__half:not(.fullwidth) { max-width: calc(100%/2 - 6px); min-width: calc(100%/2 - 6px); } .popup__settings-login__sso-title { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; padding-bottom: 8px; margin-bottom: 25px; border-bottom: 1px solid #808080; } .popup__settings-login__sso-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: center; align-items: center; } .popup__settings-login__social-unlink { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .popup__settings-login__social-unlink:before, .popup__settings-login__social-unlink:after { color: #FF5945; } .popup__settings-button { margin-top: 45px; width: auto; padding: 0 20px; height: 48px; background: #1A1A1A; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; -ms-align-items: center; align-items: center; justify-content: center; cursor: pointer; } .popup__settings-button:before, .popup__settings-button:after { color: #FFFFFF; -ms-align-items: center; align-items: center; justify-content: center; } .popup__settings-section__top { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; margin-bottom: 15px; } .popup__settings-section__top .popup__settings-section__title { margin-bottom: 0; } .popup__settings-cover__title { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; opacity: 0.7; } /* .popup__settings-cover__form { display: none; } */ .popup__settings-cover__media { position: relative; height: 120px; } .popup__settings-cover__image { left: 0; top: 0; width: 100%; height: 100%; display: block; position: absolute; } .popup__settings-cover__image img { width: 100%; height: 100%; object-fit: cover; } .popup__settings-cover__buttons { background: rgba(26, 26, 26, 0.3); width: 100%; height: 44px; position: absolute; left: 0; bottom: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: center; } .popup__settings-cover__buttons span { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; height: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; padding-bottom: 3px; cursor: pointer; } .popup__settings-cover__form-input { display: none; } .popup__settings-cover__tools { margin-top: 50px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: center; align-items: center; } .popup__settings-cover__tools-left { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .popup__settings-cover__tools-save { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; background: #1A1A1A; margin-right: 48px; width: 175px; height: 48px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; cursor: pointer; } .popup__settings-cover__tools a { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #000000; } .select-dropdown { position: relative; } .select-dropdown::last-child { margin-right: 0px; } .select-dropdown__button { height: 64px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; background-color: #fff; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; cursor: pointer; width: 100%; text-align: left; border: none; padding-left: 20px; border-bottom: 1px solid #1A1A1A; position: relative; } .select-dropdown__button:after { content: ""; background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16L4.80385 7L15.1962 7L10 16Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); width: 20px; height: 20px; right: 15px; top: 50%; margin-top: -10px; display: block; position: absolute; } .select-dropdown__button::focus { outline: none; } .select-dropdown__button .zmdi-chevron-down { position: absolute; right: 10px; top: 12px; } .select-dropdown__list { position: absolute; display: block; left: 0; right: 0; max-height: 300px; overflow: auto; margin: 0; padding: 0; border-top: 0px solid transparent; list-style-type: none; opacity: 0; pointer-events: none; transform-origin: top left; transform: scale(1, 0); z-index: 2; } .select-dropdown__list.active { opacity: 1; pointer-events: auto; transform: scale(1, 1); } .select-dropdown__list-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; padding-left: 20px; list-style-type: none; height: 64px; background: #fff; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; cursor: pointer; text-align: left; transition: all ease-in-out 0.3s; } .select-dropdown__list-item:hover { background-color: #1A1A1A; color: #fff; transition: all ease-in-out 0.3s; } .profile__acc { margin-bottom: 95px; } .profile__acc-status { background: #FFEB80; padding: 28px; margin-bottom: 24px; } .profile__acc-status__title { font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 12px; } .profile__acc-status__text { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .profile__acc-datas { border-bottom: 1px solid #1A1A1A; margin-bottom: 64px; } .profile__acc-box { background: #F3F5F7; padding: 28px; margin-bottom: 24px; } .profile__acc-box__title { font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #1A1A1A; } .profile__acc-box:first-child .profile__acc-box__title { margin-bottom: 64px; } .profile__acc-box__text { margin-top: 12px; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .profile__acc-box__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; margin-top: 48px; } .profile__acc-box:first-child .profile__acc-box__wrap { margin-top: 0; } .profile__acc-box__section { display: none; } .profile__acc-box__section.active { display: block; } .profile__acc-box__photo-wrap { min-width: 132px; max-width: 132px; height: 132px; padding: 5px; border: 1px dashed #1A1A1A; border-radius: 50%; margin-right: 70px; position: relative; } .profile__acc-box__form .profile__acc-box__photo { cursor: pointer; } .profile__acc-box__photo-actions { position: absolute; right: -160px; width: 135px; top: 50%; margin-top: -40px; background: #1A1A1A; padding: 10px; opacity: 0; visibility: hidden; transition: .3s all; } .profile__acc-box__photo-actions.show { opacity: 1; visibility: visible; } .profile__acc-box__photo-actions:before { content: ""; background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='20' viewBox='0 0 10 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.9' d='M10 0V20L0 10L10 0Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); width: 10px; height: 20px; position: absolute; left: -10px; top: 50%; margin-top: -10px; display: block; } .profile__acc-box__photo-action { color: #fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: center; -ms-align-items: center; align-items: center; } .profile__acc-box__photo-action:first-child { border-bottom: 1px solid #808080; padding-bottom: 10px; margin-bottom: 10px; } .popup__settings-cover__buttons span:first-child { margin-right: 51px; padding-right: 51px; border-right: 1px solid #fff; } .profile__acc-box__photo-action:before, .popup__settings-cover__buttons span:before { width: 20px; height: 20px; display: inline-block; vertical-align: middle; content: ""; } .profile__acc-box__photo-action[data-type="edit"]:before, .popup__settings-cover__buttons span[data-type="edit"]:before{ background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3975_20039' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3975_20039)'%3E%3Cpath d='M4.5 17C4.0875 17 3.73437 16.8531 3.44062 16.5594C3.14687 16.2656 3 15.9125 3 15.5V11H4.5V15.5H9V17H4.5ZM11 17V15.5H15.5V11H17V15.5C17 15.9125 16.8531 16.2656 16.5594 16.5594C16.2656 16.8531 15.9125 17 15.5 17H11ZM5.5 14L7.75 11L9.25 13L11.5 10L14.5 14H5.5ZM3 9V4.5C3 4.0875 3.14687 3.73438 3.44062 3.44063C3.73437 3.14688 4.0875 3 4.5 3H9V4.5H4.5V9H3ZM15.5 9V4.5H11V3H15.5C15.9125 3 16.2656 3.14688 16.5594 3.44063C16.8531 3.73438 17 4.0875 17 4.5V9H15.5ZM13 8C12.7222 8 12.4861 7.90278 12.2917 7.70833C12.0972 7.51389 12 7.27778 12 7C12 6.72222 12.0972 6.48611 12.2917 6.29167C12.4861 6.09722 12.7222 6 13 6C13.2778 6 13.5139 6.09722 13.7083 6.29167C13.9028 6.48611 14 6.72222 14 7C14 7.27778 13.9028 7.51389 13.7083 7.70833C13.5139 7.90278 13.2778 8 13 8Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A"); margin-right: 4px; } .profile__acc-box__photo-action[data-type="delete"]:before, .popup__settings-cover__buttons span[data-type="delete"]:before { background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3975_20045' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='21' height='20'%3E%3Crect x='0.5' width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3975_20045)'%3E%3Cpath d='M7 17C6.5875 17 6.23438 16.8531 5.94062 16.5594C5.64687 16.2656 5.5 15.9125 5.5 15.5V5.5H4.5V4H8.5V3H12.5V4H16.5V5.5H15.5V15.491C15.5 15.9137 15.3531 16.2708 15.0594 16.5625C14.7656 16.8542 14.4125 17 14 17H7ZM8.5 14H10V7H8.5V14ZM11 14H12.5V7H11V14Z' fill='%23F3F5F7'/%3E%3C/g%3E%3C/svg%3E%0A"); margin-right: 6px; } .profile__acc-box__photo { width: 100%; height: 100%; border-radius: 50%; background: #fff url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.7334 1.86621H13.0667V3.73288H3.7334V1.86621ZM14.9334 15.8662C14.9334 15.1236 15.2284 14.4114 15.7535 13.8863C16.2786 13.3612 16.9908 13.0662 17.7334 13.0662C18.476 13.0662 19.1882 13.3612 19.7133 13.8863C20.2384 14.4114 20.5334 15.1236 20.5334 15.8662C20.5334 16.6088 20.2384 17.321 19.7133 17.8461C19.1882 18.3712 18.476 18.6662 17.7334 18.6662C16.9908 18.6662 16.2786 18.3712 15.7535 17.8461C15.2284 17.321 14.9334 16.6088 14.9334 15.8662Z' fill='%23808080'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 23.3329C0 24.0755 0.294999 24.7877 0.820101 25.3128C1.3452 25.8379 2.05739 26.1329 2.8 26.1329H25.2C25.9426 26.1329 26.6548 25.8379 27.1799 25.3128C27.705 24.7877 28 24.0755 28 23.3329V8.39961C28 7.657 27.705 6.94481 27.1799 6.41971C26.6548 5.89461 25.9426 5.59961 25.2 5.59961H2.8C2.05739 5.59961 1.3452 5.89461 0.820101 6.41971C0.294999 6.94481 0 7.657 0 8.39961L0 23.3329ZM17.7333 11.1996C16.4957 11.1996 15.3087 11.6913 14.4335 12.5664C13.5583 13.4416 13.0667 14.6286 13.0667 15.8663C13.0667 17.104 13.5583 18.2909 14.4335 19.1661C15.3087 20.0413 16.4957 20.5329 17.7333 20.5329C18.971 20.5329 20.158 20.0413 21.0332 19.1661C21.9083 18.2909 22.4 17.104 22.4 15.8663C22.4 14.6286 21.9083 13.4416 21.0332 12.5664C20.158 11.6913 18.971 11.1996 17.7333 11.1996Z' fill='%23808080'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; } .profile__acc-box__photo .profile__acc-box__media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .profile__acc-box__photo .profile__acc-box__media img { width: 100%; height: 100%; object-fit: cover; } .profile__acc-box__photo-icon { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background-image: url("data:image/svg+xml,%0A%3Csvg width='112' height='37' viewBox='0 0 112 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M55.9996 37.0001C80.9748 37.0001 102.444 21.9906 111.88 0.5H0.119141C9.55488 21.9906 31.0244 37.0001 55.9996 37.0001Z' fill='%231A1A1A'/%3E%3Cpath d='M48.667 8.33301H55.3337V9.66634H48.667V8.33301ZM56.667 18.333C56.667 17.8026 56.8777 17.2939 57.2528 16.9188C57.6279 16.5437 58.1366 16.333 58.667 16.333C59.1974 16.333 59.7061 16.5437 60.0812 16.9188C60.4563 17.2939 60.667 17.8026 60.667 18.333C60.667 18.8634 60.4563 19.3721 60.0812 19.7472C59.7061 20.1223 59.1974 20.333 58.667 20.333C58.1366 20.333 57.6279 20.1223 57.2528 19.7472C56.8777 19.3721 56.667 18.8634 56.667 18.333Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M46 23.6667C46 24.1971 46.2107 24.7058 46.5858 25.0809C46.9609 25.456 47.4696 25.6667 48 25.6667H64C64.5304 25.6667 65.0391 25.456 65.4142 25.0809C65.7893 24.7058 66 24.1971 66 23.6667V13C66 12.4696 65.7893 11.9609 65.4142 11.5858C65.0391 11.2107 64.5304 11 64 11H48C47.4696 11 46.9609 11.2107 46.5858 11.5858C46.2107 11.9609 46 12.4696 46 13V23.6667ZM58.6667 15C57.7826 15 56.9348 15.3512 56.3096 15.9763C55.6845 16.6014 55.3333 17.4493 55.3333 18.3333C55.3333 19.2174 55.6845 20.0652 56.3096 20.6904C56.9348 21.3155 57.7826 21.6667 58.6667 21.6667C59.5507 21.6667 60.3986 21.3155 61.0237 20.6904C61.6488 20.0652 62 19.2174 62 18.3333C62 17.4493 61.6488 16.6014 61.0237 15.9763C60.3986 15.3512 59.5507 15 58.6667 15Z' fill='white'/%3E%3C/svg%3E%0A"); width: 112px; height: 37px; display: block; } .profile__acc-box__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; flex-wrap: wrap; width: 100%; height: 240px; margin: 0 0 48px 0; } .profile__acc-box:last-child .profile__acc-box__list { height: 160px; max-width: 645px; } .profile__acc-box__item { margin-bottom: 28px; max-width: 300px; } .profile__acc-box__item-param { font-weight: 500; font-size: 16px; line-height: 120%; letter-spacing: -0.01em; color: #808080; margin-bottom: 4px; } .profile__acc-box__item-value { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 5px; width: 100%; } .profile__acc-box__item[data-status="empty"] .profile__acc-box__item-value { opacity: 0.3; } .profile__acc-box__edit a { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .profile__acc-box__edit a:before, .profile__acc-box__edit a:after { color: #1A1A1A; } .profile__popup-form__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; margin-top: 35px; justify-content: space-between; } .profile__popup-form__wrap .profile__popup-form__group.__half { min-width: calc(100%/2 - 6px); position: relative; } .profile__popup-form__wrap .profile__popup-form__group { min-width: 100%; } .profile__acc-box__wrap .profile__popup-form__button { max-width: none; height: 48px; margin-top: 28px; width: auto; padding: 0 20px; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; } .profile__acc-box:last-child .profile__popup-form__wrap { margin-top: 0; } .profile__acc-certs { } .profile__acc-certs__text { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; margin-top: 12px; } .profile__acc-certs__list { margin-top: 40px; } .profile__acc-certs__item { max-width: 818px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .profile__acc-certs__item:not(:last-child) { margin-bottom: 40px; } .profile__acc-certs__item-photo { max-width: 220px; min-width: 220px; height: 160px; position: relative; margin-right: 28px; overflow: hidden; } .profile__acc-certs__item-photo img { width: 100%; height: 100%; object-fit: cover; transition: .3s all; } .profile__acc-certs__item-photo:hover img { transform: scale(1.1); } .profile__acc-certs__item-date { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; margin-bottom: 4px; } .profile__acc-certs__item-title { font-weight: 500; font-size: 28px; line-height: 114%; letter-spacing: -0.01em; color: #1A1A1A; } .profile__acc-certs__item-download { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; margin-top: 24px; } .profile__acc-certs__item-download a { padding-right: 32px; cursor: pointer; } .profile__acc-certs__item-download a:before, .profile__acc-certs__item-download a:after { color: #1A1A1A; background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2875_16513)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 0C15.1826 0 18.2348 1.26428 20.4853 3.51472C22.7357 5.76516 24 8.8174 24 12C24 15.1826 22.7357 18.2348 20.4853 20.4853C18.2348 22.7357 15.1826 24 12 24C8.8174 24 5.76516 22.7357 3.51472 20.4853C1.26428 18.2348 0 15.1826 0 12C0 8.8174 1.26428 5.76516 3.51472 3.51472C5.76516 1.26428 8.8174 0 12 0ZM16.3312 13.6L12 17.9312L7.6688 13.6L8.8 12.4688L11.2 14.8688V6.4H12.8V14.8688L15.2 12.4688L16.3312 13.6Z' fill='%231A1A1A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2875_16513'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); padding-right: 30px; background-position: 72% center; height: 24px; /* display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; */ background-repeat: no-repeat; } body[data-lang="en"] .profile__acc-certs__item-download a:before, body[data-lang="en"] .profile__acc-certs__item-download a:after { background-position: 75% center; } .profile__acc-checklist { max-width: 221px; min-height: 280px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; background: #FA8A59; padding: 16px; position: sticky; top: 90px; } .profile__acc-checklist__title { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; margin-bottom: 16px; } .profile__acc-checklist__text { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; opacity: 0.5; } .profile__acc-checklist__list { margin-top: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; justify-content: flex-start; } .profile__acc-checklist__item { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; } .profile__acc-checklist__item:before, .profile__acc-checklist__item:after { color: #FFFFFF; } .profile__acc-checklist__item:not(:last-child) { margin-bottom: 16px; } .profile__tabs-select { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; } .profile__tabs-select .profile__tabs-select__item { font-weight: 500; font-size: 20px; line-height: 40px; letter-spacing: -0.01em; height: 40px; cursor: pointer; } .profile__tabs-select .profile__tabs-select__item:not(:last-child) { margin-bottom: 8px; } .profile__tabs-select .profile__tabs-select__item.active { color: #1A1A1A; } .profile__tabs-select .profile__tabs-select__item, .profile__tabs-select .profile__tabs-select__item span { color: #808080; } .profile__tabs-body__item { display: none; } .profile__tabs-body__item.active { display: block; } .profile__events-list { padding-bottom: 24px; border-bottom: 1px solid #1A1A1A; margin-bottom: 80px; } .profile__event-card { background: #F3F5F7; padding: 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .profile__event:not(:last-child) .profile__event-card { margin-bottom: 12px; } .profile__event-card__content { max-width: 390px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .profile__event-card__date { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; margin-bottom: 8px; } .profile__event-card__title { font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #1A1A1A; } .profile__event-card__tools { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .profile__event-card__tools a { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .profile__event-card__tools a:before, .profile__event-card__tools a:after { color: #1A1A1A; } .profile__event-card__photo { max-width: 400px; min-width: 400px; height: 240px; position: relative; } .profile__event-card__photo img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } .profile__event-card__photo-content { height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 1; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-end; align-items: flex-end; justify-content: space-between; padding: 12px; } .profile__event-card__photo-time { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #FFFFFF; padding: 2px; background: #1A1A1A; } .profile__event-card__photo-type { background: #FFEB80; padding: 2px; font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .profile__events-other { margin-bottom: 80px; } .profile__events-other__title { font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 24px; } .profile__events-other__list { } .profile__events-other__item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .profile__events-other__item:not(:last-child) { margin-bottom: 24px; } .profile__events-other__item-photo { max-width: 220px; height: 160px; position: relative; margin-right: 28px; } .profile__events-other__item-photo img { width: 100%; height: 100%; object-fit: cover; } .profile__events-other__item-photo__type { display: inline-block; vertical-align: middle; position: absolute; right: 12px; bottom: 12px; background: #FFEB80; padding: 2px; } .profile__events-other__item-content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .profile__events-other__item-date { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; } .profile__events-other__item-title { font-weight: 500; font-size: 28px; line-height: 114%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 12px; } .profile__events-other__item-text { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .profile__events-other__item-more { margin-top: 32px; } .profile__events-other__item-more a { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .profile__events-other__item-more a:before, .profile__events-other__item-more a:after { color: #1A1A1A; } .profile__events-times { background: #FFEB80; padding: 24px 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; min-height: 295px; } .profile__events-times__time { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 4px; } .profile__events-times__next { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; } .profile__events-times__title { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 12px; } .profile__events-times__dates { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; } .profile__popup-event { max-width: 687px; margin: 0 auto; padding-left: 0; padding-right: 0; } .profile__popup-event .profile__popup-title { font-size: 52px; margin-bottom: 48px; } .profile__popup-event .profile__popup-text { font-size: 16px; padding-bottom: 25px; margin-bottom: 24px; color: #808080; border-bottom: 1px solid #1A1A1A; } .profile__popup-event__meta { margin-bottom: 24px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; } .profile__popup-event__photo { height: 320px; margin-bottom: 48px; } .profile__popup-event__photo img { width: 100%; height: 100%; object-fit: cover; } .profile__popup-event__content { margin-bottom: 64px; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .profile__popup-event__content p:not(:last-child) { margin-bottom: 24px; } .profile__popup-event__program { } .profile__popup-event__program-title { font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 48px; } .profile__popup-event__program-list { } .profile__popup-event__program-item:not(:last-child) { padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid #1A1A1A; } .profile__popup-event__program-item__type { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #FA8A59; margin-bottom: 8px; } .profile__popup-event__program-item__title { font-weight: 500; font-size: 28px; line-height: 114%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 24px; } .profile__popup-event__program-item__text { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .profile__popup-event__addcal { width: 100%; height: 64px; background: #FA8A59; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; margin-top: 64px; } .vote { margin-bottom: 100px; } .vote .heading__columns-title { max-width: 570px; } .vote__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; margin-top: 65px; } .vote__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .vote__item { min-width: 620px; max-width: 620px; position: relative; padding-left: 50px; cursor: pointer; } .vote__item input[type="radio"] { display: none; } .vote__wrap.__hasImage .vote__list { display: block; } .vote__wrap.__hasImage .vote__item { } .vote__item:not(:last-child) { margin-bottom: 24px; } .vote__item:before { content: ""; width: 18px; height: 18px; display: block; background: #fff; border: 1px solid #1A1A1A; transition: .3s all; position: absolute; left: 0; top: 0; } .vote__item.checked:before { width: 4px; height: 4px; border: 8px solid #1A1A1A; } .vote__item-checkbox { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .vote__item-checkbox a { color: #1A1A1A; text-decoration: underline; } .vote__item-checkbox a:hover { text-decoration: none; } .vote__item-percent { min-width: 60px; display: none; } .vote__item-line-wrap { margin-top: 6px; display: none; } .vote__wrap.__results .vote__item-percent, .vote__wrap.__results .vote__item-line-wrap { display: block; } .vote__item-text { cursor: pointer; } .vote__item-line { background: #FA8A59; height: 4px; } .vote__image { max-width: 540px; min-width: 540px; height: 585px; } .vote__image img { width: 100%; height: 100%; object-fit: cover; } .vote__do { margin-top: 40px; } .footer__subscribe { margin: 60px 0 80px; } .footer__subscribe-title { max-width: 600px; font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #FFFFFF; } .footer__subscribe-text { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; margin-top: 24px; max-width: 570px; } .footer__subscribe-form { margin-top: 65px; max-width: 880px; } .footer__subscribe-form__line { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; border-bottom: 1px solid #fff; padding-bottom: 16px; } .footer__subscribe-input { width: 100%; background: none; font-weight: 500; font-size: 28px; line-height: 114%; letter-spacing: -0.01em; color: #FFFFFF; border: none; } .footer__subscribe-form__policy { margin-top: 20px; } .footer__subscribe-form__policy label { color: var(--gray, #808080); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; height: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; gap: 4px; cursor: pointer; position: relative; } .footer__subscribe-form__policy input[type="checkbox"] { display: none; } .footer__subscribe-form__policy label::before { content: ''; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid var(--text-black, #1A1A1A); background: var(--white, #FFF); margin-right: 8px; } .footer__subscribe-form__policy input[type="checkbox"]:checked + label::after { content: ''; position: absolute; width: 16px; height: 16px; display: block; background: #FA8A59; left: 3px; top: 2px; } .footer__subscribe-form__policy label a { color: var(--orange, #FA8A59); font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: -0.16px; } .footer__subscribe-form__policy input { display: none; } .profile__course:not(:last-child) { margin-bottom: 24px; } .profile__courses-list { margin-bottom: 80px; } .profile__courses-item__section { background: #F3F5F7; opacity: 0; transition: .8s all; height: 0; overflow: hidden; display: block; } .profile__courses-item__section.active { opacity: 1; height: auto; } .profile__courses-item__section:nth-child(2).active { padding: 28px; } .profile__courses-item__row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; padding: 28px; } .profile__courses-item__content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .profile__courses-item__status { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 8px; } .profile__courses-item__status[data-status="complete"] { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' fill='%23F3F5F7'/%3E%3Cpath d='M10 2.00012L11.9153 4.73784L15.1423 3.87177L14.8497 7.20012L17.8785 8.61094L15.5149 10.9726L16.9282 14.0001L13.5996 14.29L12.7362 17.5177L10 15.6001L7.26384 17.5177L6.40039 14.29L3.0718 14.0001L4.48508 10.9726L2.12154 8.61094L5.15026 7.20012L4.8577 3.87177L8.08469 4.73784L10 2.00012Z' fill='%231A1A1A'/%3E%3Cpath d='M7 10.0001L9 12.0001L13 8.00012' stroke='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; padding-left: 24px; height: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: center; } .profile__courses-item__status span { color: #808088; } .profile__courses-item__top { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .profile__courses-item__passed { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .profile__courses-item__title { font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #1A1A1A; } .profile__courses-item__list { display: grid; grid-template-rows: repeat(auto, 1fr); grid-template-columns: repeat(3, 1fr); grid-gap: 12px; margin: 48px 0; } .profile__courses-item__list .pageCourse__module { margin-bottom: 0; } .profile__courses-item__tools { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .profile__courses-item__more { display: none; } .profile__courses-item__tools .profile__courses-item__more { display: block; } .profile__courses-item__more a, .profile__courses-item__more div { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .profile__courses-item__more a:before, .profile__courses-item__more a:after, .profile__courses-item__more div:before, .profile__courses-item__more div:after { color: #1A1A1A; } .profile__courses-item__finish a { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .profile__courses-item__finish a:before, .profile__courses-item__finish a:after { color: #FF6C5A; } .profile__courses-item__modules { max-width: 272px; height: 188px; position: relative; } .profile__courses-item__modules-item { width: 224px; height: 140px; position: absolute; } .profile__courses-item__modules-item img { width: 100%; height: 100%; object-fit: cover; } .profile__courses-item__modules-item:nth-child(4) { right: 0; top: 0; z-index: 1; } .profile__courses-item__modules-item:nth-child(3) { right: 16px; top: 16px; z-index: 2; } .profile__courses-item__modules-item:nth-child(2) { right: 32px; top: 32px; z-index: 3; } .profile__courses-item__modules-item:nth-child(1) { right: 48px; top: 48px; z-index: 4; } .profile__courses-empty { background: #F3F5F7; height: 320px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; -ms-align-items: center; align-items: center; padding: 40px 0 30px; } .profile__courses-empty__text { font-weight: 500; font-size: 28px; line-height: 114%; text-align: center; letter-spacing: -0.01em; color: #1A1A1A; max-width: 450px; } .profile__courses-empty__text:before { content: ""; background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 22V0H22V22H0ZM15.95 7.7C15.0387 7.7 14.3 6.96127 14.3 6.05C14.3 5.13873 15.0387 4.4 15.95 4.4C16.8613 4.4 17.6 5.13873 17.6 6.05C17.6 6.96127 16.8613 7.7 15.95 7.7ZM6.05 7.7C5.13873 7.7 4.4 6.96127 4.4 6.05C4.4 5.13873 5.13873 4.4 6.05 4.4C6.96127 4.4 7.7 5.13873 7.7 6.05C7.7 6.96127 6.96127 7.7 6.05 7.7ZM15.7143 11C15.7143 13.6036 13.6036 15.7143 11 15.7143C8.39637 15.7143 6.28571 13.6036 6.28571 11H4.4C4.4 14.6451 7.35492 17.6 11 17.6C14.6451 17.6 17.6 14.6451 17.6 11H15.7143Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); width: 22px; height: 22px; display: block; margin: 0 auto 27px; } .profile__courses-empty__more { } .profile__courses-empty__more div { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .profile__courses-empty__more div:before, .profile__courses-empty__more div:after { color: #1A1A1A; } .profile__courses-other { /* padding-top: 80px; border-top: 1px solid #1A1A1A; margin-top: 40px; */ } .profile__courses-other__title { font-weight: 500; font-size: 32px; line-height: 112%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 24px; } .profile__courses-other__list { margin-bottom: 112px; margin-top: 0; } .profile__popup-courses { max-width: 685px; margin: 0 auto; padding-left: 0; padding-right: 0; } .profile__popup-courses__meta { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; border-top: 1px solid #1A1A1A; padding-top: 24px; margin-top: 50px; } .profile__popup-courses__meta-item { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; padding-left: 28px; height: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; background-repeat: no-repeat; background-position: left center; } .profile__popup-courses__meta-item.__count { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6429 6.64286L10.0357 9.25L7.39286 6.64286L10.0357 4L12.6429 6.64286ZM16 10L13.3929 12.6429L10.7857 10L13.3929 7.39286L16 10ZM9.28571 10L6.64286 12.6429L4 10L6.64286 7.39286L9.28571 10ZM12.6429 13.3929L10.0357 16L7.39286 13.3929L10.0357 10.75L12.6429 13.3929Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); } .profile__popup-courses__meta-item.__times { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' transform='matrix(1 0 0 -1 5 15)' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); } .profile__popup-courses__meta-item.__certs { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 4L5 4L5 16H15L15 4ZM11 12.5L7 12.5V14L11 14V12.5ZM7 9.5H13V11H7V9.5ZM13 6.5L7 6.5L7 8H13V6.5Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); } .profile__popup-courses__photo { height: 320px; margin: 48px 0; } .profile__popup-courses__photo img { width: 100%; height: 100%; object-fit: cover; } .profile__popup-courses__text { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 65px; } .profile__popup-courses__program { } .profile__popup-courses__program-item:not(:last-child) { padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid #1A1A1A; } .profile__popup-courses__program-item__meta { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin-bottom: 8px; } .profile__popup-courses__program-item__index { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #FA8A59; } .profile__popup-courses__program-item__type, .profile__popup-courses__program-item__type:before { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; } .profile__popup-courses__program-item__type:before { content: "・"; } .profile__popup-courses__program-item__title { font-weight: 500; font-size: 28px; line-height: 114%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 24px; } .profile__popup-courses__program-item__text { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .profile__popup-courses__start { height: 64px; background: #FA8A59; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; -ms-align-items: center; align-items: center; width: 100%; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; margin-top: 64px; cursor: pointer; } .pageCourse__noBottom { padding-bottom: 0; padding-top: 110px; } .pageCourse__test { max-width: 685px; margin-left: 110px; } .pageCourse__test-title { font-weight: 500; font-size: 28px; line-height: 114%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 12px; } .pageCourse__test-text { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; max-width: 570px; margin-bottom: 24px; } .pageCourse__test-inner { background: #F3F5F7; padding: 40px 28px 28px 28px; } .pageCourse__test-item { border: none; counter-increment: legend; } .pageCourse__test-item:not(:last-of-type) { margin-bottom: 48px; } .pageCourse__test-item legend { max-width: 520px; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 24px; padding-left: 30px; position: relative; } .pageCourse__test-item legend:before { content: counter(legend) ". "; position: absolute; left: 0; top: 0; display: block; } .pageCourse__test-item > div { padding-left: 30px; } .pageCourse__test-item > div:not(:last-child) { margin-bottom: 24px; } .pageCourse__test-item > div input, .callback__item input, .callback__form-policy input { display: none; } .pageCourse__test-item > div label, .callback__item label { position: relative; min-height: 20px; padding-left: 50px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; cursor: pointer; } .pageCourse__test-item > div label { padding-left: 40px; } .pageCourse__test-item > div label:before, .callback__item label:before, .callback__form-policy label:before { content: ""; width: 20px; height: 20px; display: block; background: #fff; transition: .3s all; box-shadow: inset 0 0 0 1px #1A1A1A; position: absolute; left: 0; top: 0; } .pageCourse__test-item > div label:before { border-radius: 50%; } .pageCourse__test-item > div input:checked + label:before, .callback__item input:checked + label:before, .callback__form-policy input:checked + label:before { box-shadow: inset 0 0 0 8px #1A1A1A; } .pageCourse__test-item > div input:checked + label:before { box-shadow: inset 0 0 0 7px #1A1A1A; } .pageCourse__test-item div { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 24px; } .pageCourse__test-item .modlesFormTest__question-radios__item label span { padding-left: 0; } .pageCourse__test-button.hoverMe.button, .pageCourse__test-button { height: 64px; width: 100%; background: #FA8A59; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; cursor: pointer; border: none; margin-top: 40px; } .pageCourse__test-button:before, .pageCourse__test-button:after, .pageCourse__test-button.hoverMe.button:before, .pageCourse__test-button.hoverMe.button:after { color: #fff; -ms-align-items: center; align-items: center; justify-content: center; height: 100%; } .pageCourse__test-button.hoverMe.button, .pageCourse__test-button.hoverMe.button:before, .pageCourse__test-button.hoverMe.button:after { min-width: 1px; max-width: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 20px; } .pageCourse__test-result { background: #F3F5F7; padding: 28px; margin: 24px 0 12px; } .pageCourse__test-result__uptitle { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; margin-bottom: 12px; } .pageCourse__test-result__title { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 24px; } .pageCourse__test-result__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .pageCourse__test-result__item:not(:last-child) { margin-bottom: 24px; } .pageCourse__test-result .pageCourse__test-item legend { padding-left: 0; } .pageCourse__test-result .pageCourse__test-item legend:before { display: none; } .pageCourse__test-result .pageCourse__test-item { padding: 0; } .pageCourse__test-result__item { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; padding-left: 50px; min-height: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; position: relative; } .pageCourse__test-result__item:before { content: ""; width: 20px; height: 20px; background-color: #fff; box-shadow: inset 0 0 0 1px #1A1A1A; display: block; position: absolute; left: 0; top: 0; } .pageCourse__test-result__item[data-type="yes"]:before { box-shadow: inset 0 0 0 8px #98DF7E; } .pageCourse__test-result__item[data-type="no"]:before { box-shadow: inset 0 0 0 8px #FF5945; } .pageCourse__test-passed { background: #F3F5F7; padding: 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .pageCourse__test-passed__image { max-width: 220px; min-width: 220px; height: 120px; margin-right: 24px; background: #808080; } .pageCourse__test-passed__image img { width: 100%; height: 100%; object-fit: cover; } .pageCourse__test-passed__image { width: 100%; height: 100%; object-fit: cover; } .pageCourse__test-passed__title { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 16px; } .pageCourse__test-passed__text { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .pageCourse__test-error { background: #FCEAE3; padding: 40px 28px 28px 28px; margin-bottom: 48px; max-width: 570px; } .pageCourse__test-error__text { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 40px; } .pageCourse__test-error__repeat.hoverMe.button { width: 100%; height: 64px; background: #1A1A1A; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .pageCourse__test-error__repeat.hoverMe.button:before, .pageCourse__test-error__repeat.hoverMe.button:after { color: #fff; -ms-align-items: center; align-items: center; justify-content: center; height: 100%; } .pageCourse__test-error__repeat.hoverMe.button, .pageCourse__test-error__repeat.hoverMe.button:before, .pageCourse__test-error__repeat.hoverMe.button:after { min-width: 1px; max-width: none; font-size: 20px; } .pageCourse__test-revice { max-width: 570px; } .pageCourse__test-revice__title { font-weight: 500; font-size: 28px; line-height: 114%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 25px; } .pageCourse__test-revice__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } /* .pageCourse__test-final { display: none; } */ .pageCourse__test-section:not(.pageCourse__test-start) { display: none; } .pageCourse__test-section.active { display: block; } .pageCourse__module { min-width: 280px; max-width: 280px; background: #FFFFFF; border: 1px solid rgba(128, 128, 128, 0.2); margin-bottom: 14px; display: block; } .pageCourse__module-media { height: 165px; position: relative; overflow: hidden; } .pageCourse__module-photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFEB80; overflow: hidden; transition: .3s all; } .pageCourse__module:not([data-type="test"]) .pageCourse__module-photo:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .pageCourse__module-photo img { width: 100%; height: 100%; object-fit: cover; } .pageCourse__module:hover .pageCourse__module-photo { transform: scale(1.2); } .pageCourse__module-content { position: relative; z-index: 1; padding: 15px; } .pageCourse__module-name { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #FFEB80; } .pageCourse__module-title { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; } .pageCourse__module[data-type="test"] .pageCourse__module-title { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .pageCourse__module-title.__close:before { content: ""; background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.69231 2.8V4.8H8.84615C9.15217 4.8 9.44566 4.92643 9.66205 5.15147C9.87844 5.37652 10 5.68174 10 6V10.8C10 11.1183 9.87844 11.4235 9.66205 11.6485C9.44566 11.8736 9.15217 12 8.84615 12H1.15385C0.847827 12 0.554342 11.8736 0.337954 11.6485C0.121566 11.4235 0 11.1183 0 10.8V6C0 5.68174 0.121566 5.37652 0.337954 5.15147C0.554342 4.92643 0.847827 4.8 1.15385 4.8H2.30769V2.8C2.30769 2.05739 2.59135 1.3452 3.09625 0.820101C3.60116 0.294999 4.28596 0 5 0C5.71404 0 6.39884 0.294999 6.90375 0.820101C7.40865 1.3452 7.69231 2.05739 7.69231 2.8ZM3.07692 2.8C3.07692 2.26957 3.27953 1.76086 3.64018 1.38579C4.00083 1.01071 4.48997 0.8 5 0.8C5.51003 0.8 5.99917 1.01071 6.35982 1.38579C6.72047 1.76086 6.92308 2.26957 6.92308 2.8V4.8H3.07692V2.8Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); width: 10px; height: 12px; margin-right: 10px; display: inline-block; vertical-align: middle; position: relative; top: -2px; left: 3px; } .pageCourse__module-info { padding: 16px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .pageCourse__module-type { padding-left: 28px; background-repeat: no-repeat; background-position: left center; height: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; } .pageCourse__module[data-type="video"] .pageCourse__module-type { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' transform='matrix(1 0 0 -1 0 20)' fill='%23F3F5F7'/%3E%3Cpath d='M16.0002 10L7.00024 15.1962L7.00025 4.80385L16.0002 10Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); } .pageCourse__module[data-type="test"] .pageCourse__module-type { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' transform='matrix(1 0 0 -1 0 20)' fill='%23F3F5F7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 4L5 4L5 16H15L15 4ZM11 12.5L7 12.5V14L11 14V12.5ZM7 9.5H13V11H7V9.5ZM13 6.5L7 6.5L7 8H13V6.5Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); } .pageCourse__module-status__wrap { height: 4px; background: #FCEAE3; } .pageCourse__module-status { background: #FA8A59; height: 4px; } .pageCourse__modulecard { min-width: calc(100% - 700px); } .pageCourse__modulecard-uptitle { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #FA8A59; margin-bottom: 24px; } .pageCourse__modulecard-number { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 24px; } .pageCourse__modulecard-video { width: 100%; height: 430px; margin-bottom: 20px; } .pageCourse__modulecard-video__iframe, .pageCourse__modulecard-video__iframe iframe, .pageCourse__modulecard-video__iframe video { width: 100%; height: 100%; object-fit: cover; } .pageCourse__modulecard-title { font-weight: 500; font-size: 28px; line-height: 114%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 24px; } .pageCourse__modulecard-text { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .pageCourse__modulecard-text p:not(:last-child) { margin-bottom: 20px; } .pageCourse__modulecard-other { margin-left: 130px; } .pageCourse__modulecard .pageCourse__modulecard-full { display: none; } .pageCourse__modulecard-full { background: #502BD8; padding: 16px 16px 26px 16px; font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #FFFFFF; text-indent: 25px; margin-bottom: 13px; min-width: 280px; max-width: 280px; } .pageCourse__modulecard-full p { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 10C2 7.87827 2.84285 5.84344 4.34315 4.34315C5.84344 2.84285 7.87827 2 10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10C18 12.1217 17.1571 14.1566 15.6569 15.6569C14.1566 17.1571 12.1217 18 10 18C7.87827 18 5.84344 17.1571 4.34315 15.6569C2.84285 14.1566 2 12.1217 2 10ZM9.54347 13.424L14.1493 7.66613L13.3173 7.00053L9.38987 11.9083L6.608 9.5904L5.92533 10.4096L9.54347 13.4251V13.424Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } body.searchFull { padding-top: 90px; } body.searchFull .search__results-tabs__body-item__list { max-height: none; min-height: calc(100vh - 624px); } body.searchFull .search__results-tabs { margin-bottom: 60px; } .callback { margin: 75px 0 80px; } .callback__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; justify-content: space-between; min-height: 600px; } .callback.__column .callback__wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .callback__wrap.hidden { display: none; } .callback__content { border: none; max-width: 570px; padding: 0; } .callback__title { font-weight: 500; font-size: 52px; line-height: 108%; letter-spacing: -0.02em; color: #1A1A1A; margin-bottom: 40px; } .callback__text { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 40px; } .callback__item:not(:last-child) { margin-bottom: 16px; } .callback__item label { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .callback__info { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; margin-top: 80px; font-style: italic; } .callback__form { max-width: 685px; } .callback__form-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .callback__form-wrap .profile__popup-form__group input, .callback__form-wrap .profile__popup-form__group textarea { background: #F3F5F7; } .callback__form-file { position: relative; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin: 16px 0 40px; cursor: pointer; } .callback__form-file div { position: relative; display: inline-block; cursor: pointer; outline: none; text-decoration: none; vertical-align: middle; font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; flex: 1; } .callback__form-file div:before, .callback__form-file div:after { color: #808080; } .callback__form-file:hover div:before { bottom: -100%; } .callback__form-file:hover div:after { bottom: 0; } .callback__form-file:before { content: ""; background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3326_11646' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3326_11646)'%3E%3Cpath d='M9.5 18C8.22222 18 7.15278 17.5451 6.29167 16.6354C5.43056 15.7257 5 14.6389 5 13.375V5.27083C5 4.37135 5.31597 3.60134 5.94792 2.96081C6.57986 2.32027 7.34722 2 8.25 2C9.18056 2 9.95486 2.33681 10.5729 3.01042C11.191 3.68403 11.5 4.47917 11.5 5.39583V11.75H10V5.27083C10 4.78472 9.83123 4.36806 9.49369 4.02083C9.15615 3.67361 8.74295 3.5 8.2541 3.5C7.76526 3.5 7.35069 3.67708 7.01042 4.03125C6.67014 4.38542 6.5 4.8125 6.5 5.3125V13.5208C6.5 14.3542 6.79375 15.059 7.38125 15.6354C7.96875 16.2118 8.675 16.5 9.5 16.5C9.95833 16.5 10.3785 16.4028 10.7604 16.2083C11.1424 16.0139 11.4722 15.7569 11.75 15.4375V17.3712C11.4167 17.5682 11.0625 17.7222 10.6875 17.8333C10.3125 17.9444 9.91667 18 9.5 18ZM13.25 17V14.75H11V13.25H13.25V11H14.75V13.25H17V14.75H14.75V17H13.25ZM9.5 13.5208V15C8.91667 15 8.4375 14.7917 8.0625 14.375C7.6875 13.9583 7.5 13.4722 7.5 12.9167V5H9V13.0208C9 13.1625 9.04792 13.2812 9.14375 13.3771C9.23958 13.4729 9.35833 13.5208 9.5 13.5208ZM12.5 9.5V5H14V9.5H12.5Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 20px; height: 20px; display: block; margin-right: 5px; } .callback__form-file input[type=file] { position: absolute; z-index: -1; opacity: 0; display: block; width: 0; height: 0; } .callback__form-file:focus, .callback__form-file * { outline: none; } .callback__form-file span.active { color: #FA8A59; } .callback__form-tools { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .callback__form-policy { padding-left: 36px; position: relative; cursor: pointer; max-width: 360px; font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; } .callback__form-policy label { cursor: pointer; } .callback__form-policy label a { color: #1A1A1A; text-decoration: underline; } .callback__form-policy label a:hover { text-decoration: none; } .callback__form-tools.notRow .button { margin-left: auto; } .callback__form-tools.notRow .callback__form-policy { max-width: none; margin-bottom: 20px; } button.callback__form-button { cursor: pointer; } button.callback__form-button.hoverMe.button, button.callback__form-button.hoverMe.button:before, button.callback__form-button.hoverMe.button:after { min-width: 240px; max-width: 240px; height: 64px; font-size: 20px; line-height: 120%; } button.callback__form-button:before, button.callback__form-button:after { color: #fff; align-items: center; justify-content: center; } .callback__success { min-height: 600px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; max-width: 570px; } .callback__success.__fullwidth { max-width: none; } .callback__success.hidden { display: none; } .callback__success-title { font-weight: 500; font-size: 80px; line-height: 100%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 24px; } .callback__success-title a { color: #1A1A1A; text-decoration: underline; } .callback__success-title a:hover { text-decoration: none; } @media (min-width:980px) { [data-page="/rumentorskaya-sessiya-women-in-stem-kg"] .callback__success-title { font-size: 30px; } } @media (max-width:980px) { [data-page="/rumentorskaya-sessiya-women-in-stem-kg"] .callback__success-title { font-size: 18px; } } .callback__success-text { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .cert { min-width: 877px; min-height: 777px; padding: 41px 34px; } .cert__logo { margin-bottom: 50px; display: inline-block; vertical-align: middle; min-width: 100px; } .cert__logo svg { width: 100%; height: auto; } .cert__inner { background: url("data:image/svg+xml,%0A%3Csvg width='45' height='435' viewBox='0 0 45 435' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.180422 8.20239H37.1534V426.737H0.180422' stroke='%23D03200' stroke-width='14.7892'/%3E%3C/svg%3E%0A") no-repeat right top; background-size: contain; min-height: 583px; padding-top: 5px; } .cert__title { font-weight: 700; font-size: 176px; line-height: 110%; letter-spacing: -0.05em; color: #D03200; margin-bottom: 20px; } .cert__row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .cert__type { min-width: 320px; margin-right: 15px; font-weight: 500; font-size: 19px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; padding-left: 9px; text-align: right; } .cert__content { padding-top: 70px; } .cert__name { font-weight: 500; font-size: 38px; line-height: 60%; letter-spacing: -0.01em; color: #FFFFFF; margin-bottom: 12px; } .cert__info, .cert__text { font-size: 19px; line-height: 120%; color: #fff; max-width: 430px; } .cert__text { margin-top: 15px; } .cert[data-type="orange"] { background: #FF6724; } .cert[data-type="orange"] .cert__inner { background-image: url("data:image/svg+xml,%0A%3Csvg width='45' height='435' viewBox='0 0 45 435' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.180422 8.20239H37.1534V426.737H0.180422' stroke='%23D03200' stroke-width='14.7892'/%3E%3C/svg%3E%0A"); } .cert[data-type="orange"] .cert__title { color: #D03200; } .cert[data-type="fiolet"] { background: #9747FF; } .cert[data-type="fiolet"] .cert__inner { background-image: url("data:image/svg+xml,%0A%3Csvg width='45' height='435' viewBox='0 0 45 435' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.180422 8.20239H37.1534V426.737H0.180422' stroke='%236915D6' stroke-width='14.7892'/%3E%3C/svg%3E%0A"); } .cert[data-type="fiolet"] .cert__title { color: #6915D6; } .cert[data-type="green"], .cert[data-type="greendesign"] { background: #33C26C; } .cert[data-type="green"] .cert__inner, .cert[data-type="greendesign"] .cert__inner { background-image: url("data:image/svg+xml,%0A%3Csvg width='45' height='435' viewBox='0 0 45 435' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.180422 8.20239H37.1534V426.737H0.180422' stroke='%230E813C' stroke-width='14.7892'/%3E%3C/svg%3E%0A"); } .cert[data-type="green"] .cert__title, .cert[data-type="greendesign"] .cert__title { color: #0E813C; } .cert[data-type="pink"] { background: #DD4975; } .cert[data-type="pink"] .cert__inner { background-image: url("data:image/svg+xml,%0A%3Csvg width='45' height='435' viewBox='0 0 45 435' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.180422 8.20239H37.1534V426.737H0.180422' stroke='%23941F34' stroke-width='14.7892'/%3E%3C/svg%3E%0A"); } .cert[data-type="pink"] .cert__title { color: #941F34; } .cert__thumb { width: 220px; padding: 8px; background: #FF6724; } .cert__thumb-inner { background: url("data:image/svg+xml,%0A%3Csvg width='201' height='141' viewBox='0 0 201 141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M172 4H197V137H172' stroke='%23D03200' stroke-width='8'/%3E%3Cpath d='M29 4H4V137H29' stroke='%23D03200' stroke-width='8'/%3E%3C/svg%3E%0A") no-repeat; height: 141px; font-weight: 700; font-size: 91px; line-height: 110%; letter-spacing: -0.05em; color: #D03200; padding-left: 14px; padding-top: 5px; background-size: cover; } .cert__thumb[data-type="orange"] { background: #FF6724; } .cert__thumb[data-type="orange"] .cert__thumb-inner { background-image: url("data:image/svg+xml,%0A%3Csvg width='201' height='141' viewBox='0 0 201 141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M172 4H197V137H172' stroke='%23D03200' stroke-width='8'/%3E%3Cpath d='M29 4H4V137H29' stroke='%23D03200' stroke-width='8'/%3E%3C/svg%3E%0A"); } .cert__thumb.__invert[data-type="orange"], .cert__thumb.__invert[data-type="fiolet"], .cert__thumb.__invert[data-type="green"], .cert__thumb.__invert[data-type="greendesign"], .cert__thumb.__invert[data-type="pink"] { background: #000; } .cert__thumb.__invert[data-type="orange"] .cert__thumb-inner { background-image: url("data:image/svg+xml,%0A%3Csvg width='201' height='141' viewBox='0 0 201 141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M172 4H197V137H172' stroke='%23FF6724' stroke-width='8'/%3E%3Cpath d='M29 4H4V137H29' stroke='%23FF6724' stroke-width='8'/%3E%3C/svg%3E%0A"); color: #FF6724; } .cert__thumb[data-type="fiolet"] { background: #9747FF; } .cert__thumb[data-type="fiolet"] .cert__thumb-inner { background-image: url("data:image/svg+xml,%0A%3Csvg width='201' height='141' viewBox='0 0 201 141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M172 4H197V137H172' stroke='%236915D6' stroke-width='8'/%3E%3Cpath d='M29 4H4V137H29' stroke='%236915D6' stroke-width='8'/%3E%3C/svg%3E%0A"); color: #6915D6; } .cert__thumb.__invert[data-type="fiolet"] .cert__thumb-inner { background-image: url("data:image/svg+xml,%0A%3Csvg width='201' height='141' viewBox='0 0 201 141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M172 4H197V137H172' stroke='%239747FF' stroke-width='8'/%3E%3Cpath d='M29 4H4V137H29' stroke='%239747FF' stroke-width='8'/%3E%3C/svg%3E%0A"); color: #9747FF; } .cert__thumb[data-type="green"], .cert__thumb[data-type="greendesign"] { background: #33C26C; } .cert__thumb[data-type="green"] .cert__thumb-inner, .cert__thumb[data-type="greendesign"] .cert__thumb-inner { background-image: url("data:image/svg+xml,%0A%3Csvg width='201' height='141' viewBox='0 0 201 141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M172 4H197V137H172' stroke='%230E813C' stroke-width='8'/%3E%3Cpath d='M29 4H4V137H29' stroke='%230E813C' stroke-width='8'/%3E%3C/svg%3E%0A"); color: #0E813C; } .cert__thumb.__invert[data-type="green"] .cert__thumb-inner, .cert__thumb.__invert[data-type="greendesign"] .cert__thumb-inner { background-image: url("data:image/svg+xml,%0A%3Csvg width='201' height='141' viewBox='0 0 201 141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M172 4H197V137H172' stroke='%2333C26C' stroke-width='8'/%3E%3Cpath d='M29 4H4V137H29' stroke='%2333C26C' stroke-width='8'/%3E%3C/svg%3E%0A"); color: #33C26C; } .cert__thumb[data-type="pink"] { background: #DD4975; } .cert__thumb[data-type="pink"] .cert__thumb-inner { background-image: url("data:image/svg+xml,%0A%3Csvg width='201' height='141' viewBox='0 0 201 141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M172 4H197V137H172' stroke='%23941F34' stroke-width='8'/%3E%3Cpath d='M29 4H4V137H29' stroke='%23941F34' stroke-width='8'/%3E%3C/svg%3E%0A"); color: #941F34; } .cert__thumb.__invert[data-type="pink"] .cert__thumb-inner { background-image: url("data:image/svg+xml,%0A%3Csvg width='201' height='141' viewBox='0 0 201 141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M172 4H197V137H172' stroke='%23DD4975' stroke-width='8'/%3E%3Cpath d='M29 4H4V137H29' stroke='%23DD4975' stroke-width='8'/%3E%3C/svg%3E%0A"); color: #DD4975; } @media (max-width:1400px) { .profile__projects-title { min-width: 60%; font-size: 40px; } .profile__projects-text { min-width: 35%; font-size: 16px; } } @media (max-width:1300px) { body.profileSample, div.profileSample { height: auto; } div.profileSample { margin-top: 130px; margin-bottom: 100px; } } @media (max-width:1100px) { .vote__wrap.__hasImage .vote__list { padding-right: 50px; } .callback { margin: 48px 0; } .profile__main-center .profile__menu, .profile__main-center { width: 100%; max-width: none; } } @media (max-width:980px) { .callback__wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .profile__main { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } main.project .vote .heading__columns-title { font-size: 32px; max-width: none; } .vote__wrap { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; margin-top: 48px; } main.project .vote .heading__columns-title { margin-bottom: 0; } .vote__image { min-width: 350px; max-width: none; min-height: 350px; max-height: 350px; margin-bottom: 48px; } .vote__wrap.__hasImage .vote__list { padding-right: 0; } .vote__item { min-width: 1px; max-width: none; padding-left: 30px; } .vote__item-checkbox { font-size: 16px; } .callback__title { font-size: 32px; margin-bottom: 20px; } .callback__item label { font-size: 16px; } .callback__info { margin-top: 48px; font-size: 12px; } .callback__form { margin-top: 44px; max-width: none; } .callback__form-wrap .profile__popup-form__group label, .login__popup-form__name label { font-size: 12px; } .profile__popup-form__group input[type="text"], .profile__popup-form__group input[type="email"], .login__popup-form__group input, .select-dropdown__button, .select-dropdown__list-item { height: 52px; font-size: 16px; } .select-dropdown { margin-right: 0; } .profile__popup-form__group textarea { font-size: 16px; } .callback__form-wrap .profile__popup-form__group.__half { min-width: 1px; max-width: none; width: 100%; } .callback__form-tools { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .callback__form-policy { font-size: 12px; color: #808080; max-width: none; margin-bottom: 48px; } button.callback__form-button.hoverMe.button { margin-left: auto; margin-right: auto; } button.callback__form-button.hoverMe.button, button.callback__form-button.hoverMe.button:before, button.callback__form-button.hoverMe.button:after { height: 52px; max-width: 354px; font-size: 16px; } .callback__success { min-height: 500px; } .callback__success-title { font-size: 40px; margin-bottom: 16px; } .callback__success-text { font-size: 16px; } .profileSample__box { max-width: 90%; padding: 35px 40px; } .profileSample__box-title { font-size: 32px; margin-bottom: 30px; } .profileSample__box .login__popup-form .login__popup-form__button { margin-bottom: 0; } body.profile { padding-top: 65px; } .profile__cover { height: 180px; } .profile__top { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; } .profile__top-photo { min-width: 192px; margin-right: 0; margin-top: -120px; } .profile__member-name { margin-bottom: 8px; } .profile__top-info { padding-top: 16px; } .profile__top-tools { margin-top: 48px; -ms-align-items: flex-end; align-items: flex-end; width: 100%; } .profile__inner { margin-top: 24px; } .profile__menu { border-top: 1px solid #1A1A1A; padding-top: 12px; margin-bottom: 24px; } .profile__projects-header { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; margin-bottom: 48px; } .profile__projects-title { font-size: 39px; min-width: 1px; max-width: none; } .profile__projects-text { max-width: none; margin-top: 12px; } .profile__projects-list { margin-bottom: 64px; } .profile__projects-item { height: 280px; max-width: calc(100%/2 - 4px); margin-bottom: 8px; } .profile__projects-item__inner { padding: 12px; } .profile__projects-item__title { font-size: 28px; max-width: none; } .profile__projects-item__text, .profile__projects-item__link { font-size: 16px; } .profile__popup-notify, .profile__popup-wrap { padding-left: 20px; padding-right: 20px; } .popup__notify-count { margin-top: 48px; } .popup__settings-title { margin-bottom: 48px; } .profile__menu { padding: 12px 0; } .profile__main-right { display: none; } .profile__acc-checklist { position: static; } } @media (max-width:800px) { body .pageCourse { padding-top: 50px; } .pageCourse__test { margin-left: 0; max-width: none; } } @media (max-width:620px) { .popup__settings-section { padding: 12px; } .popup__settings-section__title { font-size: 22px; margin-bottom: 40px; } .popup__settings-login__row { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; padding-right: 0; } .popup__settings-login__col:not(:last-of-type) { margin-bottom: 20px; } .popup__settings-login__label, .popup__settings-login__value, .popup__settings-login__social, .popup__settings-login__edit a, .popup__settings-form__checkbox-title, .popup__settings-section__text, .popup__settings-login__social-unlink, .popup__settings-cover__buttons span { font-size: 16px; } .popup__settings-cover__media { height: 160px; } .popup__settings-form__checkbox-text { font-size: 12px; } .popup__settings-form__checkbox-content { margin-left: 12px; padding-right: 30px; min-width: 80%; max-width: 82%; } .popup__settings-form__checkbox label { margin-right: 0; } .popup__settings-form__checkbox { margin-bottom: 24px; } .popup__settings-section__text { margin-top: -32px; margin-bottom: 40px; } .popup__settings-delete__action { margin-top: -15px; } .popup__settings-delete__action a, .popup__settings-button, .profile__acc-box__wrap .profile__popup-form__button { width: 130px; height: 35px; font-size: 16px; } .login__popup-form__group.__half, .popup__settings-login__group.__half, .profile__popup-form__wrap .profile__popup-form__group.__half { min-width: 1px; max-width: none; width: 100%; } .profile__popup-form__group:not(:last-of-type) { margin-bottom: 24px; } .popup__settings-login__sso-title { margin-bottom: 18px; } .profile__popup-project__title { margin-bottom: 16px; } .profile__popup-project__text { font-size: 16px; margin-bottom: 32px; } .profile__popup-projects__more { font-size: 16px; } .profile__popup-project__form, .profile__popup-project__exist { margin-top: 64px; padding: 12px; } .profile__popup-project__exist-title, .profile__popup-project__form-title{ font-size: 22px; margin-bottom: 12px; } .profile__popup-project__exist-text, .profile__popup-project__form-text { font-size: 12px; margin-bottom: 86px; } .profile__popup-form__button { height: 52px; margin-top: 40px; } .profile__tabs-select { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; margin-top: -12px; } .profile__tabs-select .profile__tabs-select__item { font-size: 16px; height: 20px; margin-bottom: 0; line-height: 1; } .profile__tabs-select .profile__tabs-select__item:not(:last-child) { margin-right: 24px; } .profile__courses-empty { margin-top: 32px; height: 320px; padding-top: 28px; } .profile__courses-empty__text { font-size: 20px; } .profile__courses-empty__more div { font-size: 16px; } .profile__courses-other__list.pageCourses__list { grid-template-columns: repeat(1, 100%); } .profile__acc-status, .profile__acc-box { padding: 12px; margin-bottom: 12px; } .profile__acc-status__title, .profile__acc-box__title { font-size: 22px; margin-bottom: 16px; } .profile__acc-status__text { font-size: 16px; } .profile__acc-box:first-child .profile__acc-box__title { margin-bottom: 24px; } .profile__acc-box__wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .profile__acc-box__photo-wrap { margin-right: 0; } .profile__acc-box__list { margin-top: 32px; height: auto; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; margin-bottom: 12px; } .profile__acc-box__item { min-width: calc(100%/2 - 15px); max-width: calc(100%/2 - 15px); } .profile__acc-box__item-param, .profile__acc-box__item-value, .profile__acc-box__edit a, .profile__acc-box__text, .profile__acc-certs__item-download { font-size: 16px; } .profile__acc-box__text { margin-bottom: -30px; } .profile__acc-datas { margin-bottom: 32px; } .profile__acc-certs .profile__acc-box__title { font-size: 22px; margin-bottom: 8px; } .profile__acc-certs__text { font-size: 12px; } .profile__acc-certs__list { margin-top: 24px; } .profile__acc-certs__item:not(:last-child) { margin-bottom: 24px; } .profile__acc-certs__item-photo { min-width: 104px; max-width: 104px; height: 76px; margin-right: 16px; } .profile__acc-certs__item-date { font-size: 12px; } .profile__acc-certs__item-title { font-size: 20px; } .profile__acc-certs__item-download { margin-top: 16px; } .profile__acc-certs__item-download a:before, .profile__acc-certs__item-download a:after { background-size: 18px; height: 20px; background-position: 70% center; } body.profile .pageCourse { padding-top: 20px; } body.profile .pageCourse__inner { margin-bottom: 0; } .pageCourse__modulecard-uptitle { font-size: 12px; margin-bottom: 0; } .pageCourse__modulecard-number { font-size: 16px; margin-bottom: 16px; } .pageCourse__modulecard-video { height: 265px; margin-bottom: 24px; } .pageCourse__modulecard-title { font-size: 20px; margin-bottom: 12px; } .pageCourse__modulecard-text { font-size: 16px; } body.profile .pageCourse__inner-right { overflow: hidden; width: 100%; } .pageCourse__inner-content { width: 100%; } .pageCourse__modulecard-other, .pageCourse__test-revice__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; margin-left: 0; margin-top: 80px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; } .pageCourse__test-revice { overflow: hidden; } .pageCourse__test-revice__title { font-size: 20px; } .pageCourse__test-revice__wrap { width: 100%; overflow: hidden; } .pageCourse__test-revice__list { margin-top: 0; flex-wrap: nowrap; } .pageCourse__modulecard-other::-webkit-scrollbar, .pageCourse__test-revice__list::-webkit-scrollbar { display: none; } .pageCourse__modulecard-other .pageCourse__module, .pageCourse__test-revice__list .pageCourse__module { margin-bottom: 0; margin-right: 8px; } .pageCourse__modulecard-full { padding: 12px; } .pageCourse__modulecard .pageCourse__modulecard-full { display: block; } .pageCourse__modulecard-other .pageCourse__modulecard-full { display: none; } .pageCourse__test-text, .pageCourse__test-error, .pageCourse__test-revice { max-width: none; } .pageCourse__test-error { padding: 24px 12px; } .pageCourse__test-error__text, .pageCourse__test-error__repeat { font-size: 16px; } .pageCourse__test-error__repeat { height: 52px; } .pageCourse__test-revice { width: 100%; } .pageCourse__test-title { font-size: 20px; } .pageCourse__test-inner { padding: 24px 12px; } .pageCourse__test-item { padding: 0; } .pageCourse__test-item legend, .pageCourse__test-item legend:before { font-size: 16px; } .pageCourse__test-item > div:not(:last-child) { margin-bottom: 20px; } .pageCourse__test-item > div label, .callback__item label { font-size: 16px; } .pageCourse__test-button { height: 52px; font-size: 16px; } .pageCourse__test-result, .pageCourse__test-passed { padding: 20px 12px; } .pageCourse__test-result__uptitle, .pageCourse__test-passed__text { font-size: 12px; } .pageCourse__test-result__title, .pageCourse__test-result__item, .pageCourse__test-passed__title { font-size: 16px; } .pageCourse__test-result__item:not(:last-child) { margin-bottom: 20px; } .pageCourse__test-passed { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; -ms-align-items: flex-start; align-items: flex-start; } .pageCourse__test-passed__image { margin-right: 0; margin-top: 24px; } .login__popup-inner { padding-left: 20px; padding-right: 20px; } .login__popup-head { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .login__popup-title { margin-bottom: 48px; max-width: none; } .login__popup-areyou { -ms-align-items: flex-start; align-items: flex-start; } .login__popup-form__group-error, .form__terms-error { font-size: 12px; } } @media (max-width:560px) { body.profile { padding-top: 55px; } .vote__do { margin: 48px auto 0; } .vote__do.hoverMe.button, .vote__do.hoverMe.button:before, .vote__do.hoverMe.button:after { min-width: 1px; max-width: 354px; width: 100%; height: 52px; } .footer__subscribe { margin-top: 0px; margin-bottom: 50px; } .footer__subscribe-title { font-size: 32px; } .footer__subscribe-text { font-size: 16px; } .footer__subscribe-form { margin-top: 20px; } .footer__subscribe-input { font-size: 20px; } .login__popup-form__button, .login__popup-form__button:before, .login__popup-form__button:after { height: 52px; max-width: 354px; font-size: 16px; } .profile__top-photo { min-width: 140px; max-width: 140px; height: 140px; margin-top: -100px; } .profile__top-photo__inner { font-size: 32px; } .profile__member-name { font-size: 32px; } .profile__member-role { font-size: 16px; } .profile__member-progress { font-size: 12px; margin-left: 10px; } .profile__tools-notify__count { font-size: 12px; margin-right: 8px; position: relative; top: -2px; } .profile__menu a { font-size: 16px; } .profile__menu a:not(:last-child) { margin-right: 10px; } .profile__projects-title { font-size: 28px; } .profile__projects-item { max-width: none; min-width: 1px; width: 100%; } .profile__popup-title { font-size: 40px; } .popup__notify-count { font-size: 18px; } .popup__notify-list { margin-top: 20px; } .popup__notify-item { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .popup__notify-item:not(:last-of-type) { padding-bottom: 24px; margin-bottom: 24px; } .popup__notify-item__photo { margin-bottom: 12px; } .popup__notify-item__content { max-width: none; min-width: 1px; } .popup__notify-item__meta { margin-bottom: 4px; } .popup__notify-item__cat, .popup__notify-item__date { font-size: 12px; } .popup__notify-item__title { font-size: 16px; margin-bottom: 12px; } .popup__notify-item__text { font-size: 12px; } .popup__notify-item__view { margin-top: 24px; } .popup__notify-item__view div { font-size: 16px; } .popup__notify-item[data-type="success"] .popup__notify-item__title { background: none; padding-left: 0; } main.project[data-page="obninsk-new-2023"] .projectGoal { margin-bottom: 8px; } main.project[data-page="obninsk-new-2023"] .sp-image { padding: 0; height: auto; margin-top: 0; } main.project[data-page="obninsk-new-2023"] .sp-image img { object-fit: contain; } } .header__right { display: flex; flex-direction: row; align-items: center; } #bx-panel, #bx-panel div { display: none; } .header__search-open { margin-right: 30px; width: 36px; height: 32px; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; } body.header__transparent .header:not(.fixed) .header__search-open svg circle, .header._dark:not(.fixed) .header__search-open svg circle { stroke: #fff; } body.header__transparent .header:not(.fixed) .header__search-open svg rect, .header._dark:not(.fixed) .header__search-open svg rect { fill: #fff; } .header__search-form__wrap { position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 9999; overflow: hidden; transition: .3s all; opacity: 0; visibility: hidden; transform: translateY(-80px); } .header__search-form__wrap.opened { opacity: 1; visibility: visible; transform: translateY(0); border-bottom: 1px solid #1A1A1A; } .header__search-form { width: 100%; display: flex; flex-direction: row; align-items: center; height: 76px; z-index: 999999999999999; position: relative; } .header__search-form__loop { height: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .header__search-form__loop-btn { display: none; } .header__search-form__input { flex: auto; margin: 0 16px; } .header__search-form__input input { font-style: normal; font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; font-family: "Inter", sans-serif; width: 100%; border: none; height: 50px; } a.header__search-form__clear.hoverMe.button { background: none; min-width: 80px; } a.header__search-form__clear.hoverMe.button:after, a.header__search-form__clear.hoverMe.button:before { color: #BDBDBD; min-width: 80px; } .header__search-form__microphone.active svg path { fill: red; } a.header__search-form__do.hoverMe.button, a.header__search-form__do.hoverMe.button:after, a.header__search-form__do.hoverMe.button:before { min-width: 93px; } .header__search-form__close { margin-left: 28px; width: 36px; height: 32px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .search__results-inner { position: absolute; left: 0; top: 77px; z-index: 9999; background-color: #fff; width: 100%; transition: .3s all; } .search__results-overlay { background: rgba(0,0,0,.5); height: 100vh; position: absolute; left: 0; top: 0; width: 100vw; z-index: 1; } .search__results-wrap { position: relative; z-index: 9999; background-color: #fff; padding-top: 20px; } .hidden { opacity: 0; visibility: hidden; } .search__results-tabs__head { height: 89px; } .search__results-tabs__head-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .search__results-tabs__head a { padding: 8px 12px; font-size: 20px; line-height: 120%; font-weight: 500; } .search__results-tabs__head a:before, .search__results-tabs__head a:after { color: #1A1A1A; font-size: 20px; line-height: 120%; font-weight: 500; align-items: center; justify-content: center; } .search__results-tabs__head a.current { background-color: #1A1A1A; } .search__results-tabs__head a.current:before, .search__results-tabs__head a.current:after { color: #fff; } .search__results-tabs__head a.hoverMe.current:before { bottom: 0 !important; } .search__results-tabs__head a.current:after { display: none; } .search__results-tabs__body-item { display: none; } .search__results-tabs__body-item.current { display: block; } .search__results-tabs__body-item__list { max-height: 485px; overflow-y: auto; } .search__results-body__item { display: block; padding: 20px 40px; } .search__results-body__item:hover { background: #F3F5F7; } .search__results-body__item-wrap { display: flex; flex-direction: row; align-items: flex-start; padding: 0 90px; justify-content: space-between; } .search__results-body__item-left { padding-right: 40px; } .search__results-body__item-title { color: #1A1A1A; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; margin-bottom: 8px; } .search__results-body__item-desc { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #BDBDBD; } .searchHighlight { color: #FA8A59; } .search__results-body__item-docs__title .searchHighlight { margin: 0 5px; display: inline-block; } .search__results-body__item-link { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #FA8A59; display: flex; flex-direction: row; align-items: center; } .search__results-body__item-link:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.49006 13.2628L7.21165 11.9986L11.6506 7.55966H0.5V5.71307H11.6506L7.21165 1.28125L8.49006 0.00994253L15.1165 6.63636L8.49006 13.2628Z' fill='%231A1A1A'/%3E%3C/svg%3E"); background-repeat: no-repeat; margin-left: 8px; width: 16px; height: 14px; display: block; } .search__more-wrap { border-top: 1px solid #E1E1E1; } .search__results-tabs__body-item__more { /* margin-top: 27px;*/ height: 77px; display: flex; flex-direction: row; align-items: center; } .search__results-tabs__body-item__more a { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .search__results-tabs__body-item__more a:before, .search__results-tabs__body-item__more a:after { color: #1A1A1A; } .search__results-tabs__body-item__pagenav { height: 40px; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .search__results-tabs__body-item__pagenav span, .search__results-tabs__body-item__pagenav a { height: 40px; padding: 8px 12px; font-weight: 500; font-size: 20px; line-height: 120%; text-align: center; letter-spacing: -0.01em; color: #1A1A1A; min-width: 40px; } .search__results-tabs__body-item__pagenav span.current { color: #fff; background: #1A1A1A; } .search__results-tabs__body-item__pagenav a { margin: 0 12px; } .search__results-tabs__body-item__pagenav a:last-child { margin-right: 0; } .search__results-tabs__body-item__pagenav a.arrow { background: #F3F5F7; } .search__results-body__item-docs__title { font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; display: flex; flex-direction: row; align-items: center; background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.49006 13.2628L7.21165 11.9986L11.6506 7.55966H0.5V5.71307H11.6506L7.21165 1.28125L8.49006 0.00994253L15.1165 6.63636L8.49006 13.2628Z' fill='%231A1A1A'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; width: 100%; } .search__results-body__item-docs__title:before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2489_11619' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2489_11619)'%3E%3Cpath d='M6.24509 16C5.90114 16 5.60764 15.8898 5.36458 15.6695C5.12153 15.4492 5 15.1844 5 14.875V5.125C5 4.81563 5.1224 4.55078 5.36719 4.33047C5.61198 4.11016 5.90625 4 6.25 4H11.6667L15 7V14.875C15 15.1844 14.8775 15.4492 14.6326 15.6695C14.3877 15.8898 14.0932 16 13.7493 16H6.24509ZM10.8333 7.75H13.75L10.8333 5.125V7.75Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E"); content: ""; width: 20px; height: 20px; display: block; margin-right: 4px; } .search__results-tabs__body-item__media { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 12px; row-gap: 32px; padding-bottom: 30px; } .search__results-tabs__body-item__media-item__preview { position: relative; height: 250px; margin-bottom: 3px; } .search__results-tabs__body-item__media-item__preview-photo { position: absolute; width: 100%; height: 100%; } .search__results-tabs__body-item__media-item__preview-photo:before { content: ""; width: 100%; height: 40%; background: linear-gradient(180deg, #000000 -11.11%, rgba(0, 0, 0, 0) 100%); opacity: 0.5; transform: matrix(-1, 0, 0, 1, 0, 0); position: absolute; left: 0; top: 0; } .search__results-tabs__body-item__media-item[data-type="video"] .search__results-tabs__body-item__media-item__preview-photo:after { content: ""; display: block; width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; margin: -32px 0 0 -32px; background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2492_12005' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='64' height='64'%3E%3Crect width='64' height='64' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2492_12005)'%3E%3Cpath d='M25.332 43.9999L43.9987 31.9999L25.332 19.9999V43.9999ZM31.9987 58.6666C28.3098 58.6666 24.8431 57.9666 21.5987 56.5666C18.3543 55.1666 15.532 53.2666 13.132 50.8666C10.732 48.4666 8.83203 45.6444 7.43203 42.3999C6.03203 39.1555 5.33203 35.6888 5.33203 31.9999C5.33203 28.311 6.03203 24.8444 7.43203 21.5999C8.83203 18.3555 10.732 15.5333 13.132 13.1333C15.532 10.7333 18.3543 8.83325 21.5987 7.43325C24.8431 6.03325 28.3098 5.33325 31.9987 5.33325C35.6876 5.33325 39.1543 6.03325 42.3987 7.43325C45.6431 8.83325 48.4654 10.7333 50.8654 13.1333C53.2654 15.5333 55.1654 18.3555 56.5654 21.5999C57.9654 24.8444 58.6654 28.311 58.6654 31.9999C58.6654 35.6888 57.9654 39.1555 56.5654 42.3999C55.1654 45.6444 53.2654 48.4666 50.8654 50.8666C48.4654 53.2666 45.6431 55.1666 42.3987 56.5666C39.1543 57.9666 35.6876 58.6666 31.9987 58.6666Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; } .search__results-tabs__body-item__media-item__preview-photo img { width: 100%; height: 100%; object-fit: cover; } .search__results-tabs__body-item__media-item__preview-count { padding: 10px; font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #FFFFFF; position: relative; z-index: 1000; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2492_11955' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2492_11955)'%3E%3Cpath d='M8.8 16.8C8.36 16.8 7.98333 16.6433 7.67 16.33C7.35667 16.0167 7.2 15.64 7.2 15.2V5.6C7.2 5.16 7.35667 4.78333 7.67 4.47C7.98333 4.15667 8.36 4 8.8 4H18.4C18.84 4 19.2167 4.15667 19.53 4.47C19.8433 4.78333 20 5.16 20 5.6V15.2C20 15.64 19.8433 16.0167 19.53 16.33C19.2167 16.6433 18.84 16.8 18.4 16.8H8.8ZM5.6 20C5.16 20 4.78333 19.8433 4.47 19.53C4.15667 19.2167 4 18.84 4 18.4V7.2H5.6V18.4H16.8V20H5.6Z' fill='white'/%3E%3Cpath d='M8.8 16.8C8.36 16.8 7.98333 16.6433 7.67 16.33C7.35667 16.0167 7.2 15.64 7.2 15.2V5.6C7.2 5.16 7.35667 4.78333 7.67 4.47C7.98333 4.15667 8.36 4 8.8 4H18.4C18.84 4 19.2167 4.15667 19.53 4.47C19.8433 4.78333 20 5.16 20 5.6V15.2C20 15.64 19.8433 16.0167 19.53 16.33C19.2167 16.6433 18.84 16.8 18.4 16.8H8.8ZM5.6 20C5.16 20 4.78333 19.8433 4.47 19.53C4.15667 19.2167 4 18.84 4 18.4V7.2H5.6V18.4H16.8V20H5.6Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; width: 100%; } .search__results-tabs__body-item__media-item__date { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; } .search__results-tabs__body-item__media-item__title { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .search__results-empty { min-height: 555px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; } .search__results-empty__title { font-weight: 500; font-size: 28px; line-height: 114%; text-align: center; letter-spacing: -0.01em; color: #1A1A1A; } .search__results-empty__text { font-weight: 500; font-size: 16px; line-height: 125%; text-align: center; letter-spacing: -0.01em; color: #808080; margin-top: 8px; } .pv { margin: 110px 0; } .pv__main { padding-bottom: 125px; border-bottom: 1px solid #1A1A1A; margin-bottom: 80px; } .pv__title { font-weight: 500; font-size: 80px; line-height: 100%; letter-spacing: -0.03em; color: #1A1A1A; } .pv__main-wrap { margin-top: 112px; } .pv__main-media { height: 750px; position: relative; margin-bottom: 24px; } .pv__main-poster { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; transition: .3s all; } .pv__main-poster img { width: 100%; height: 100%; object-fit: cover; } .pv__main-video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; opacity: 0; visibility: hidden; transition: .3s all; } .pv__main-media.opened .pv__main-video { opacity: 1; visibility: visible; } .pv__main-media.opened .pv__main-poster { opacity: 0; visibility: hidden; } .pv__main-content__date { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 24px; } .pv__main-content__title { font-weight: 500; font-size: 44px; line-height: 109%; letter-spacing: -0.03em; color: #1A1A1A; } .pv__section { } .pv__section:not(:last-child) { border-bottom: 1px solid #1A1A1A; padding-bottom: 80px; margin-bottom: 80px; } .pv__grid { margin-top: 80px; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 11px; row-gap: 48px; } .pv__grid span:not(.pv__photos-item__preview-count,.pv__videos-item__preview-count) { display: none; } main.pv .pv__grid { row-gap: 80px; } .pv__grid + .search__results-tabs__body-item__pagenav { margin-top: 48px; } .pv__photos-item__preview:not(.search__results-tabs__body-item__media-item__preview), .pv__videos-item__preview:not(.search__results-tabs__body-item__media-item__preview) { width: 100%; height: 330px; position: relative; overflow: hidden; margin-bottom: 24px; } .pv__photos-item__preview:before { content: ""; width: 100%; height: 100px; position: absolute; left: 0; top: 0; display: block; background: linear-gradient(180deg, #000000 -11.11%, rgba(0, 0, 0, 0) 100%); opacity: 0.5; transform: matrix(-1, 0, 0, 1, 0, 0); } .pv__photos-item__preview img, .pv__videos-item__preview img { width: 100%; height: 100%; object-fit: cover; } .pv__photos-item__preview-data { position: absolute; left: 0; top: 20px; padding: 0 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; width: 100%; font-weight: 500; font-size: 16px; line-height: 125%; color: #FFFFFF; letter-spacing: -0.01em; height: 24px; } .pv__photos-item__preview-date, .pv__photos-item__preview-count, .pv__videos-item__preview-count { height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; } .pv__photos-item__preview-count { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2497_12437' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2497_12437)'%3E%3Cpath d='M8.8 16.8C8.36 16.8 7.98333 16.6433 7.67 16.33C7.35667 16.0167 7.2 15.64 7.2 15.2V5.6C7.2 5.16 7.35667 4.78333 7.67 4.47C7.98333 4.15667 8.36 4 8.8 4H18.4C18.84 4 19.2167 4.15667 19.53 4.47C19.8433 4.78333 20 5.16 20 5.6V15.2C20 15.64 19.8433 16.0167 19.53 16.33C19.2167 16.6433 18.84 16.8 18.4 16.8H8.8ZM5.6 20C5.16 20 4.78333 19.8433 4.47 19.53C4.15667 19.2167 4 18.84 4 18.4V7.2H5.6V18.4H16.8V20H5.6Z' fill='white'/%3E%3Cpath d='M8.8 16.8C8.36 16.8 7.98333 16.6433 7.67 16.33C7.35667 16.0167 7.2 15.64 7.2 15.2V5.6C7.2 5.16 7.35667 4.78333 7.67 4.47C7.98333 4.15667 8.36 4 8.8 4H18.4C18.84 4 19.2167 4.15667 19.53 4.47C19.8433 4.78333 20 5.16 20 5.6V15.2C20 15.64 19.8433 16.0167 19.53 16.33C19.2167 16.6433 18.84 16.8 18.4 16.8H8.8ZM5.6 20C5.16 20 4.78333 19.8433 4.47 19.53C4.15667 19.2167 4 18.84 4 18.4V7.2H5.6V18.4H16.8V20H5.6Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left center; height: 24px; padding-left: 30px; } .pv__photos-item__preview-count.pv__photos-item__preview-album { background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_9014_26987' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_9014_26987)'%3E%3Cpath d='M3 21C2.45 21 1.97917 20.8042 1.5875 20.4125C1.19583 20.0208 1 19.55 1 19V6H3V19H20V21H3ZM7 17C6.45 17 5.97917 16.8042 5.5875 16.4125C5.19583 16.0208 5 15.55 5 15V4C5 3.45 5.19583 2.97917 5.5875 2.5875C5.97917 2.19583 6.45 2 7 2H12L14 4H21C21.55 4 22.0208 4.19583 22.4125 4.5875C22.8042 4.97917 23 5.45 23 6V15C23 15.55 22.8042 16.0208 22.4125 16.4125C22.0208 16.8042 21.55 17 21 17H7ZM9 13H19L15.55 8.5L13.25 11.5L11.7 9.5L9 13Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); } .pv__videos-item__preview-count { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2607_15756' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9' style='fill:%23D9D9D9;fill:color(display-p3 0.8510 0.8510 0.8510);fill-opacity:1;'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2607_15756)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.67 16.33C7.98333 16.6433 8.36 16.8 8.8 16.8H18.4C18.84 16.8 19.2167 16.6433 19.53 16.33C19.8433 16.0167 20 15.64 20 15.2V5.6C20 5.16 19.8433 4.78333 19.53 4.47C19.2167 4.15667 18.84 4 18.4 4H8.8C8.36 4 7.98333 4.15667 7.67 4.47C7.35667 4.78333 7.2 5.16 7.2 5.6V15.2C7.2 15.64 7.35667 16.0167 7.67 16.33ZM4.47 19.53C4.78333 19.8433 5.16 20 5.6 20H16.8V18.4H5.6V7.2H4V18.4C4 18.84 4.15667 19.2167 4.47 19.53ZM11 14L17 10.5359L11 7.07178L11 14Z' fill='white' style='fill:white;fill-opacity:1;'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: left center; height: 24px; padding-left: 30px; } .pv__videos-item__preview:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='40' fill='white'/%3E%3Cpath d='M54 40L33 52.1244L33 27.8756L54 40Z' fill='%231A1A1A'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 80px; height: 80px; top: 50%; left: 50%; margin: -40px 0 0 -40px; display: block; position: absolute; transition: .3s all; } .pv__videos-item__preview:hover:before { transform: scale(1.1); } .pv__photos-item__gallery { display: none; } .pv__item-content__date { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #1A1A1A; margin-bottom: 24px; } .pv__item-content__title { font-weight: 500; font-size: 24px; line-height: 114%; letter-spacing: -0.01em; color: #1A1A1A; } .search__results-tabs__body-item__media .pv__item-content__title { font-size: 20px; margin-top: 15px; } .pv__section-more { margin-top: 80px; } .pv__section-more a { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; } .pv__section-more a:before, .pv__section-more a:after { color: #1A1A1A; } @media (max-width:980px) { .pv__title { font-size: 40px; } .pv__main { padding-bottom: 95px; margin-bottom: 50px; } .pv__main-wrap { margin-top: 64px; } .pv__main-media { height: 460px; margin-bottom: 16px; } .pv__main-media[data-cursor="swipe"] .pv__main-poster { cursor: pointer; } .pv__main-media[data-cursor="swipe"] .pv__main-poster:before { content: ""; background: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='24' fill='white'/%3E%3Cpath d='M32.3984 24.0001L19.7984 31.2747L19.7984 16.7255L32.3984 24.0001Z' fill='%231A1A1A'/%3E%3C/svg%3E") no-repeat; width: 48px; height: 48px; display: block; position: absolute; left: 50%; top: 50%; margin-top: -24px 0 0 -24px; transition: .3s all; } .pv__main-media[data-cursor="swipe"] .pv__main-poster:hover:before { transform: scale(1.2); } .pv__main-content__date { font-size: 12px; margin-bottom: 12px; } .pv__main-content__title { font-size: 28px; } .pv__grid, .search__results-tabs__body-item__media { grid-template-columns: repeat(2, 1fr); margin-top: 50px; } main.pv .pv__grid { row-gap: 48px; } .pv__photos-item__preview, .pv__videos-item__preview { margin-bottom: 2px; } .pv__item-content__date { font-size: 16px; margin-bottom: 4px; } .pv__item-content__title { font-size: 20px; } .pv__photos-item__preview-count { top: 10px; padding-right: 30px; background-position: right center; } .pv__section-more { margin-top: 30px; } .pv__section:not(:last-child) { margin-bottom: 48px; padding-bottom: 48px; } .search__results-tabs__body-item__media.container { margin-bottom: 20px; height: calc(100vh - 200px); overflow-y: auto; } .search__results-wrap { margin-bottom: 20px; } .search__results-tabs__body { margin-top: 20px; } } @media (max-width:560px) { .pv__grid, .search__results-tabs__body-item__media { grid-template-columns: repeat(1, 1fr); } .pv__main-media { height: 300px; } } .fancybox-button { background: #fff; } .fancybox-button svg path { fill: #1A1A1A } html .fancybox-toolbar a, html .fancybox-toolbar button { transition: .3s all; } html .fancybox-toolbar a:hover, html .fancybox-toolbar button:hover { background: #FFEB80; } .fancybox-thumbs__list a:before { border: 2px solid #FA8A59; } .login__popup-form__password { position: relative; } .login__popup-form__password-hide { position: absolute; right: 20px; top: 50%; background-image: url("data:image/svg+xml,%3Csvg class='svg-icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1024 512c0 96-211.2 307.2-512 307.2-294.4 0-512-204.8-512-307.2s217.6-307.2 512-307.2c300.8 0 512 204.8 512 307.2l0 0zM512 262.4c-134.4 0-243.2 108.8-243.2 249.6s108.8 249.6 249.6 249.6c134.4 0 249.6-115.2 249.6-249.6-6.4-140.8-121.6-249.6-256-249.6l0 0zM512 352c-89.6 0-160 70.4-160 160s70.4 160 160 160c89.6 0 160-70.4 160-160s-70.4-160-160-160l0 0z' /%3E%3C/svg%3E"); width: 20px; height: 20px; margin-top: -10px; background-repeat: no-repeat; background-position: center; display: block; cursor: pointer; } .login__popup-form__password-hide.active { background-image: url("data:image/svg+xml,%3Csvg class='svg-icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M889.104707 387.688763l70.419839-75.851549-19.678178-18.260899-70.236668 75.641771C692.654476 551.906895 514.610454 546.317597 512.432859 546.527374 282.437627 545.399691 86.775342 312.650743 84.820827 310.288952l-20.688181 17.158798c4.218068 5.081739 57.688887 68.527746 140.991128 129.708154l-77.419254 94.330412 20.780279 17.054421 78.625732-95.801926c45.570895 31.146371 98.579179 60.231803 156.648736 79.054497l-34.639938 117.182886 25.764803 7.608282 34.744315-117.550253c32.855292 8.635681 66.927295 14.161534 102.120842 14.33345 0.603751 0.052189 2.295276 0.105401 4.972245 0.105401 13.709233 0 53.500495-1.684362 108.149139-18.088984l30.854728 175.038572 26.447349-4.670369L650.64264 546.901905c48.557926-17.454534 106.129132-46.603411 166.388565-94.158497l55.990199 100.527554 23.481807-13.065574-58.413388-104.879676C854.996888 420.868443 872.018563 405.329539 889.104707 387.688763z' /%3E%3C/svg%3E"); } @media (max-width:980px) { .profile__member-name { text-align: center; } } @media (max-width:620px) { .profile__acc-certs__item { -ms-align-items: flex-start; align-items: flex-start; } .cert__thumb { width: 104px; } .cert__thumb-inner { background-size: 100%; font-size: 45px; width: 100%; } .profile__popup-form__group input[type="text"]:not(.country-phone-search), .profile__popup-form__group:not(.__inner-input) input[type="text"], .profile__popup-form__group input[type="email"], .profile__popup-form__group textarea, .profile__popup-form__group-input, .profile__popup-form__group.__inner-input .profile__popup-form__group-input input { height: 52px; font-size: 16px; } .login__popup-form__group-error { bottom: -15px; } .popup__settings-delete__action a, .popup__settings-button, .profile__acc-box__wrap .profile__popup-form__button { width: auto; } .profile__tabs-select { margin-bottom: 32px; } .profile__tabs-select .profile__tabs-select__item { min-width: max-content; } .profile__acc-box__item-value { text-overflow: ellipsis; overflow: hidden; width: 100%; white-space: nowrap; padding-right: 5px; } .profile__courses-item__section:nth-child(2).active { padding: 12px; } .profile__courses-item__title { font-size: 22px; } .profile__courses-item__list { overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; margin: 30px 0; } .profile__courses-item__list::-webkit-scrollbar { display: none; } .profile__courses-item__list .pageCourse__module { min-width: 1px; max-width: none; width: 100%; } .profile__courses-item__more a, .profile__courses-item__more div { font-size: 16px; } .profile__courses-item__row { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; padding: 12px; } .profile__courses-item__modules { margin: 50px auto; width: 270px; } .profile__courses-item__more { display: block; margin-top: 20px; } .profile__courses-item__content .profile__courses-item__more { display: none; } .pageCourse__module-content .pageCourse__module-name { font-size: 12px; } .pageCourse__module-content .pageCourse__module-title { font-size: 16px; } .pageCourse__modulecard-uptitle { margin-bottom: 20px; } .popup__settings-section__top { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; } } .policy { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 100; transition: .3s all; } .policy.hide { transform: translateX(-50%) translateY(150px); } .policy__wrap { background: #fff; padding: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; width: 100%; box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.13); } .policy__content { } .policy__title { font-weight: 500; font-size: 18px; color: #1A1A1A; line-height: 24px; letter-spacing: -0.05em; margin-bottom: 20px; } .policy__text { font-size: 12px; line-height: 120%; color: #1A1A1A; } .policy__text a { color: #FA8A59; text-decoration: underline; } .policy__text a:hover { text-decoration: none; } .policy__button { background: #1A1A1A; padding: 12px 20px; } .policy__button:before, .policy__button:after { color: #fff; font-size: 16px; line-height: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; } @media (max-width:650px) { .policy.hide { transform: translateX(-50%) translateY(300px); } .policy__wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; } .policy__content { margin-bottom: 20px; } .policy__title { font-size: 16px; } } .dropdown__mob .header__menu-link:before, .dropdown__mob .header__menu-link:after { color: #1A1A1A; } .dropdown__mob .header__menu-link.openDropdown:hover { background: none; } .dropdown__mob-list { margin-top: 24px; display: none; } .dropdown__mob-list li:not(:last-child) { margin-bottom: 24px; } .dropdown__mob-list a { font-size: 20px; line-height: 24px; } .dropdown__mob-list a:before, .dropdown__mob-list a:after { color: #1A1A1A; } .regOb__title { font-size: 80px; font-weight: 500; line-height: 100%; letter-spacing: -2.4px; margin-bottom: 80px; } .regOb__form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .regOb.__opened { margin-bottom: 80px; } .regOb.__opened .callback__form-wrap { gap: 100px; flex-wrap: nowrap; } .regOb__form .profile__popup-form__group input[type="text"], .regOb__form .profile__popup-form__group input[type="email"], .regOb__form .profile__popup-form__group textarea { border-bottom: 1px solid #808080; background: #F3F5F7; } .regOb__radios { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin-top: 20px; } .regOb__radius-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .regOb__radius-item:first-child { margin-right: 35px; } .regOb__radius-item label { margin-bottom: 0; color: #808080; font-size: 20px; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; position: relative; padding-left: 30px; cursor: pointer; } .regOb__radius-item label:before { content: ""; width: 20px; height: 20px; border-radius: 50%; box-shadow: inset 0 0 0 2px #1A1A1A; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: .3s all; } .regOb__radius-item input { display: none; } .regOb__radius-item input:checked + label:before { box-shadow: inset 0 0 0 7px #1A1A1A; } .regOb__form .select-dropdown__button { border: 1px solid transparent; border-bottom: 1px solid #808080; background: #F3F5F7; } /* .regOb__form .select-dropdown__button.opened { border: 1px solid #1A1A1A; border-bottom: none; } */ .regOb__form .select-dropdown__button:after { transition: .3s all; } .regOb__form .select-dropdown__button.opened:after { transform: rotate(180deg); } .regOb__form .select-dropdown { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; } .regOb__form .select-dropdown__button[data-value=""] .select-dropdown { color: #808080; } .regOb__form .select-dropdown__button[data-value]:not([data-value=""]) .select-dropdown { color: #1A1A1A; } .regOb__form .select-dropdown.opened .select-dropdown__button { border-left: 1px solid #1A1A1A; border-right: 1px solid #1A1A1A; border-top: 1px solid #1A1A1A; border-bottom: none; } .regOb__form .select-dropdown.opened .select-dropdown__list { border-top: none; border-left: 1px solid #1A1A1A; border-right: 1px solid #1A1A1A; border-bottom: 1px solid #1A1A1A; } .regOb__form .select-dropdown__list { max-height: 205px; } /* .regOb__form .select-dropdown__list.active { border-bottom: 1px solid #1A1A1A; border-left: 1px solid #1A1A1A; border-right: 1px solid #1A1A1A; } */ .regOb__form .select-dropdown__list-item { background: #F3F5F7; color: #1A1A1A; font-size: 16px; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; min-height: 40px; height: auto; } .regOb__form .select-dropdown__list-item:not(:first-of-type) { padding-top: 10px; padding-bottom: 10px; } .regOb__form .iti__selected-flag, .regOb__form .iti__flag-container { padding: 0; background: #F3F5F7; color: #1A1A1A; } .regOb__form .iti__flag-container { border-bottom: 1px solid #808080; padding: 0 10px; } .regOb__form .iti__flag-container:hover .iti__selected-flag { background: none; } .regOb__form .iti--allow-dropdown input { margin: 0; border-top: none !important; border-left: none !important; border-right: none !important; } .regOb .callback__form-tools { margin-top: 30px; } .input_group .iti { width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .iti__country { justify-content: space-between; } .input_group .iti__flag-container { position: relative; } .iti__selected-flag .iti__flag { background: none; -webkit-box-shadow: none; box-shadow: none; width: min-content; height: auto !important; } .iti__country-name { width: 100%; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag, .iti--separate-dial-code .iti__selected-flag, .iti__country.iti__highlight { background: none !important; } @media (max-width:960px) { .regOb__title { font-size: 32px; line-height: 120%; margin-bottom: 40px; } } main.project[data-page="obninsk-new-2023"] a.hoverMe.button { background: rgb(3,93,184); background: -moz-linear-gradient(90deg, rgba(3,93,184,1) 0%, rgba(4,203,17,1) 100%); background: -webkit-linear-gradient(90deg, rgba(3,93,184,1) 0%, rgba(4,203,17,1) 100%); background: linear-gradient(90deg, rgba(3,93,184,1) 0%, rgba(4,203,17,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#035db8",endColorstr="#04cb11",GradientType=1); height: 50px; } main.project[data-page="obninsk-new-2023"] a.hoverMe.button:before, main.project[data-page="obninsk-new-2023"] a.hoverMe.button:after { height: 50px; } @media (max-width:600px) { .regOb .profile__popup-form__group.__half { min-width: 1px; max-width: none; } .regOb__radius-item label { font-size: 14px; } .select-dropdown { font-size: 16px; } } .projectHero__modal { margin-top: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; gap: 20px } /* Регистрация на проект */ .projectRegister { margin: 20px 0; } .projectRegister__button { text-align: center; } .projectRegister__button-text { padding: 10px 20px; background-color: #C2C2C2; display: inline-block; vertical-align: middle; font-size: 16px; } .itfuture:has(+ .projectSpeakers2) { margin-bottom: 80px; } .datepicker { z-index: 9999999999 !important; } .registerProject__title { font-size: 80px; font-weight: 500; line-height: 100%; letter-spacing: -2.4px; margin-bottom: 80px; } .registerProject__form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .registerProject__group { min-width: calc(100%/2 - 8px); max-width: calc(100%/2 - 8px); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; margin-bottom: 24px; } .registerProject__group.__fullwidth { min-width: 100%; max-width: 100%; } .registerProject__group label { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; margin-bottom: 8px; } .registerProject__group input, .registerProject__group textarea { width: 100%; height: 64px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; padding: 5px 0 0 20px; font-size: 20px; line-height: 120%; color: #1A1A1A; background: #F3F5F7; border: 1px solid #fff; border-bottom-color: #808080; } .registerProject__group textarea { height: 100px; resize: none; padding-top: 10px; padding-bottom: 10px; } .registerProject__form-tools { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .registerProject__form-policy { padding-left: 36px; position: relative; cursor: pointer; max-width: 360px; font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; } .registerProject__form-policy input { display: none; } .registerProject__form-policy label { cursor: pointer; } .registerProject__form-policy label:before { content: ""; width: 20px; height: 20px; display: block; background: #fff; transition: .3s all; box-shadow: inset 0 0 0 1px #1A1A1A; position: absolute; left: 0; top: 0; } .registerProject__form-policy input:checked + label:before { box-shadow: inset 0 0 0 8px #1A1A1A; } .registerProject__form-policy label a { color: #1A1A1A; text-decoration: underline; } .registerProject__form-policy label a:hover { text-decoration: none; } button.registerProject__form-button { cursor: pointer; } button.registerProject__form-button.hoverMe.button, button.registerProject__form-button.hoverMe.button:before, button.registerProject__form-button.hoverMe.button:after { min-width: 240px; max-width: 240px; height: 64px; font-size: 20px; line-height: 120%; } button.registerProject__form-button:before, button.registerProject__form-button:after { color: #fff; align-items: center; justify-content: center; } .registerProject__form-button.disabled { pointer-events: none; } .registerProject__success { min-height: 600px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; max-width: 570px; } .registerProject__success.hidden { display: none; } .registerProject__success-title { font-weight: 500; font-size: 80px; line-height: 100%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 24px; } .registerProject__success-text { font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } @media (max-width:960px) { .registerProject__title { font-size: 32px; line-height: 120%; margin-bottom: 32px; } } .registerProject__group .select-dropdown__button, .registerProject__group .select-dropdown__list-item { height: 64px; } .registerProject__group .select-dropdown__button { background: #F3F5F7; } .registerProject__radio { margin-top: 16px; } .registerProject__group .registerProject__radio-item { height: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; } .registerProject__group .registerProject__radio-item:not(:last-child) { margin-bottom: 20px; } .registerProject__group .registerProject__radio-item input { height: auto; width: auto; display: none; } .registerProject__group .registerProject__radio-item label { font-size: 20px; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; cursor: pointer; font-weight: 400; color: #1A1A1A; } .registerProject__group .registerProject__radio-item label:before { content: ""; min-width: 20px; max-width: 20px; height: 20px; box-shadow: inset 0 0 0 1px #1A1A1A; display: block; margin-right: 30px; transition: .3s all; } .registerProject__group .registerProject__radio-item input:checked + label:before { box-shadow: inset 0 0 0 8px #1A1A1A; } @media (max-width:680px) { .login__popup-form__group.__half.registerProject__group, .popup__settings-login__group.__half.registerProject__group, .registerProject__group { min-width: 100%; max-width: 100%; } .registerProject__group label { font-size: 14px; } .registerProject__group input, .registerProject__group .select-dropdown__button, .registerProject__group .select-dropdown__list-item{ width: 100%; height: 48px; } .registerProject__group input, .registerProject__group textarea { font-size: 14px; } .registerProject__form-tools { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-start; } .registerProject__form-policy { font-size: 14px; margin-bottom: 20px; } .registerProject__group .registerProject__radio-item { height: auto; } .registerProject__group .registerProject__radio-item label { font-size: 14px; line-height: 125%; } .registerProject__group .registerProject__radio-item label:before { margin-right: 12px; } } .projectHero__modal { margin-top: 20px; } .projectBoxes { margin-bottom: 80px; } main.project .projectBoxes .heading__columns-title { margin-bottom: 0; } .projectBoxes__wrap { margin-top: 30px; display: grid; grid-template-rows: 1fr; grid-template-columns: repeat(2, calc(50% - 6px)); grid-column-gap: 12px; } .projectBoxes__item { height: 440px; perspective: 1000px; position: relative; color: #1A1A1A; cursor: pointer; } .projectBoxes__item-front, .projectBoxes__item-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; transition: transform 1s ease-in-out 0.3s; } .projectBoxes__item-front { background: #FFEB80; padding: 36px 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; height: 100%; } .projectBoxes__item:nth-child(even) .projectBoxes__item-front { background: #F3F5F7; } .projectBoxes__item-front__title { max-width: 255px; color: #000; font-size: 28px; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; } .projectBoxes__item-front__bottom { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: flex-end; align-items: flex-end; } .projectBoxes__item-front__image { min-width: 170px; max-width: 170px; height: 225px; display: none; } .projectBoxes__item-front__image img { width: 100%; height: 100%; object-fit: cover; } .projectBoxes__item-front__bottom .projectBoxes__item-front__image { display: block; } .projectBoxes__item-front__more { color: #1A1A1A; font-size: 20px; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .projectBoxes__item-front__more .hoverMe:before, .projectBoxes__item-front__more .hoverMe:after { color: #1A1A1A; } .projectBoxes__item-front__bottom .button, .projectBoxes__item-front .hoverMe.button { display: none; } .projectBoxes__item-back { background: #F3F5F7; transform: rotateY(180deg); } .projectBoxes__item:nth-child(even) .projectBoxes__item-back { background: #FFEB80; } .projectBoxes__item-back__inner { padding: 36px 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; height: 100%; } .projectBoxes__item-text { color: #1A1A1A; font-size: 20px; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; display: none; } .projectBoxes__item-back__inner .projectBoxes__item-text { display: block; } .projectBoxes__item .button:before, .projectBoxes__item .button:after { color: #fff; -ms-align-items: center; align-items: center; justify-content: center; width: 100%; } .projectBoxes__item:hover .projectBoxes__item-front { transform: rotateY(180deg); } .projectBoxes__item:hover .projectBoxes__item-back { transform: rotateY(0deg); } @media (max-width: 600px) { .projectBoxes__wrap { grid-template-columns: 1fr; grid-row-gap: 8px; } .projectBoxes__item { height: auto; } .projectBoxes__item:hover .projectBoxes__item-front, .projectBoxes__item:hover .projectBoxes__item-back { transform: none; } .projectBoxes__item-front { padding: 12px; position: relative; } .projectBoxes__item-front__title { font-size: 18px; max-width: 165px; } .projectBoxes__item-front__image { display: block; width: 100%; height: 180px; min-width: 1px; max-width: none; margin: 24px 0; overflow: hidden; } .projectBoxes__item-front__image img { object-position: center; } .projectBoxes__item-text { display: block; font-size: 16px; margin-bottom: 85px; } .projectBoxes__item-front__bottom, .projectBoxes__item-front .hoverMe:not(.button) { display: none; } .projectBoxes__item-front .hoverMe.button { display: block; color: transparent; } } .projectStats { margin-bottom: 80px; } .projectStats__sections { margin-top: 80px; } @media (min-width:960px) { .projectStats__sections-wrap { display: grid; grid-template-rows: 1fr; grid-template-columns: repeat(2, 1fr); } } .projectStats__section { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; padding-bottom: 100px; padding: 30px 13px 100px 25px; } .projectStats__section:nth-child(1) { background: #F3F5F7; } .projectStats__section:nth-child(2) { background: #FFEB80; } .projectStats__section-top { margin-bottom: -40px; } .projectStats__section-left__title { color: #000; font-size: 28px; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; margin-bottom: 16px; max-width: 545px; } .projectStats__section-right__title { color: #000; font-size: 12px; font-weight: 500; letter-spacing: -0.12px; max-width: 380px; } .projectStats__graph { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; margin-top: 35px; position: relative; } .projectStats__graph-item { margin-bottom: 25px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .projectStats__graph-item__line { width: 100%; height: 1px; background-image: url("data:image/svg+xml,%0A%3Csvg width='1304' height='1' viewBox='0 0 1304 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline opacity='0.1' y1='0.5' x2='1304' y2='0.5' stroke='black' stroke-dasharray='2 2'/%3E%3C/svg%3E%0A"); /* background-color: red;*/ background-repeat: no-repeat; background-size: 100%; /* display: block;*/ margin-right: 10px; display: none; } .projectStats__graph-item__digit { color: #808080; font-size: 12px; font-weight: 500; line-height: 93%; letter-spacing: -0.16px; } .projectStats__values { position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-end; align-items: flex-end; } .projectStats__values-item { position: relative; top: 15px; max-width: 135px; min-width: 135px; } .projectStats__values-item:not(:last-child) { margin-right: 15px; } .projectStats__values-item__digit { min-width: 115px; max-width: 115px; background-size: cover; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; padding-top: 25px; margin-bottom: 15px; background: url("/local/assets/css/../img/divein/blue.png") no-repeat; background-size: cover; } .projectStats__values-item__digit span { font-size: 28px; font-weight: 500; line-height: 110%; letter-spacing: -1.32px; display: block; position: relative; text-align: center; color: #FFF; width: 72px; height: 42px; } .projectStats__values-item__title { color: #000; font-size: 12px; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; height: 40px; max-width: 100%; } .projectStats__section:nth-child(2) .projectStats__values-item__digit { background: #fff; } .projectStats__section:nth-child(2) .projectStats__values-item__digit span { color: #000; } .projectStats__section .projectStats__values-item__digit span:before, .projectStats__section .projectStats__values-item__digit span:after { content: ""; width: 100%; height: 10px; background-repeat: no-repeat; display: block; } .projectStats__section .projectStats__values-item__digit span:before { background-image: url("data:image/svg+xml,%0A%3Csvg width='72' height='10' viewBox='0 0 72 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4H72V0H0V4Z' fill='white'/%3E%3Cpath d='M72 10V0H68V10L72 10Z' fill='white'/%3E%3Cpath d='M4 10L4 0H0L4.76837e-07 10L4 10Z' fill='white'/%3E%3C/svg%3E%0A"); left: 0; top: 0; } .projectStats__section .projectStats__values-item__digit span:after { left: 0; bottom: 0; background-image: url("data:image/svg+xml,%0A%3Csvg width='72' height='10' viewBox='0 0 72 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6H72V10H0V6Z' fill='white'/%3E%3Cpath d='M72 1.74845e-07V10H68V0L72 1.74845e-07Z' fill='white'/%3E%3Cpath d='M4 1.74845e-07L4 10H0L4.76837e-07 0L4 1.74845e-07Z' fill='white'/%3E%3C/svg%3E%0A"); } .projectStats__section:nth-child(2) .projectStats__values-item__digit span:before { background-image: url("data:image/svg+xml,%0A%3Csvg width='72' height='10' viewBox='0 0 72 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4H72V0H0V4Z' fill='black'/%3E%3Cpath d='M72 10V0H68V10L72 10Z' fill='black'/%3E%3Cpath d='M4 10L4 0H0L4.76837e-07 10L4 10Z' fill='black'/%3E%3C/svg%3E%0A"); left: 0; top: 0; } .projectStats__section:nth-child(2) .projectStats__values-item__digit span:after { left: 0; bottom: 0; background-image: url("data:image/svg+xml,%0A%3Csvg width='72' height='10' viewBox='0 0 72 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6H72V10H0V6Z' fill='black'/%3E%3Cpath d='M72 1.74845e-07V10H68V0L72 1.74845e-07Z' fill='black'/%3E%3Cpath d='M4 1.74845e-07L4 10H0L4.76837e-07 0L4 1.74845e-07Z' fill='black'/%3E%3C/svg%3E%0A"); } @media (max-width:1200px) { /* .projectStats__graph-wrap { overflow-x: auto; } .projectStats__graph { min-width: 1335px; } */ .projectStats__values-item:not(:last-child) { margin-right: 25px; } .projectStats__values-item__digit { min-width: 150px; max-width: 150px; } .projectStats__values-item__title { min-width: 180px; } } @media (max-width:960px) { main.project .projectStats__sections .heading__columns-title { margin-bottom: 0; } .projectStats__sections { margin-top: 32px; max-width: 500px; } .projectStats__sections-wrap { grid-template-columns: 1fr; } .projectStats__section { padding: 12px; height: 560px; } .projectStats__section-top { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .projectStats__section-left__title { font-size: 18px; font-weight: 500; line-height: 111%; letter-spacing: -0.18px; max-width: none; margin-bottom: 12px; } .projectStats__section-right__title { font-size: 12px; font-weight: 500; line-height: 116%; letter-spacing: -0.12px; margin-top: 12px; text-align: left; max-width: none; } .projectStats__graph { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; height: 390px; } .projectStats__graph-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; margin-bottom: 0; margin-right: 25px; } .projectStats__graph-item__line { height: 478px; width: 2px; background-image: url("data:image/svg+xml,%0A%3Csvg width='2' height='478' viewBox='0 0 2 478' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline opacity='0.1' x1='1.40845' y1='2.18557e-08' x2='1.40843' y2='478' stroke='black' stroke-dasharray='2 2'/%3E%3C/svg%3E%0A"); margin: 0 auto 5px; } .projectStats__values { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; left: 0; top: 38%; -ms-align-items: flex-start; align-items: flex-start; transform: translateX(0) translateY(-50%); bottom: auto; } .projectStats__values-item { position: relative; top: 0; min-width: 1px; max-width: none; margin-bottom: 25px; } .projectStats__values-item:not(:last-child) { margin-right: 0; } .projectStats__values-item__digit { min-width: 1px; max-width: none; height: 48px; min-height: 48px; max-height: 48px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-align-items: flex-end; align-items: flex-end; justify-content: center; padding-right: 8px; padding-top: 0; margin-bottom: 5px; } .projectStats__values-item__digit span { color: #FFF; font-size: 18px; font-weight: 500; line-height: 111%; letter-spacing: -0.18px; width: 43px; height: 40px; } .projectStats__values-item__digit span:before, .projectStats__values-item__digit span:after { background-size: 100% 100%; } .projectStats__values-item__title { color: #808080; height: auto; } } /* слайдер на главной */ .hero__slider { height: 760px; position: relative; margin-top: 80px; } .hero__slider .hero__media { margin-top: 0; } .hero__slider .hero__media-content { bottom: 20px; } .hero__slider .slick-dots { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: center; bottom: 20px; left: 1.75rem; width: calc(100% - 3.5rem); z-index: 2; position: absolute; } .hero__slider .slick-dots li { background-color: rgba(0,0,0,.2); border-radius: 0; display: block; flex-grow: 1; height: .125rem; opacity: 1; overflow: hidden; position: relative; } .hero__slider .slick-dots li button { display: none; } .hero__slider .slick-dots li:before { background-color: transparent; content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); width: 100%; z-index: 1 } .hero__slider .slick-dots li:not(:last-child) { margin-right: .5rem } .hero__slider .slick-dots li.slick-active:before { background-color: #fff; -webkit-transform: translateX(0); transform: translateX(0); transition: -webkit-transform 3.5s linear; transition: transform 3.5s linear; transition: transform 3.5s linear, -webkit-transform 4s linear } @media (min-width:1000px) { .slick-slide img.hero__media-photo-mobile { display: none; } } @media (max-width:1000px) { .slick-slide img.hero__media-photo-desktop, .hero .hero__slider .slick-dots { display: none !important; } .slick-slide img.hero__media-photo-mobile { display: block; } } @media (max-width: 1399px) { .hero__slider { height: 500px; } } @media (max-width: 1200px) { .hero__slider { min-height: 500px; } } @media (max-width: 1000px) { .hero__slider { margin-top: 40px; } } @media (max-width: 800px) { .hero__media, .hero__media-content, .hero__slider { height: 456px; } .hero__slider-item { display: none; } .hero__slider-item.swiper-slide-active { display: block; } } @media (max-width: 650px) { .hero__slider { margin-top: 48px; } } @media (max-width: 600px) { .hero__slider { min-height: 200px; height: auto; } } .hero__slider-close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; z-index: 9999; } .hero__slider-close:hover { transform: scale(1.05); } /* Новый дизайн курса */ .projectHero.__ncourse-hero .projectHero__header { padding-bottom: 80px; border-bottom: 1px solid #1A1A1A; } .ncourse__hero-button { font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; background: -webkit-linear-gradient(left, #9747FF 0%, #007DDF 100%), #FA8A59; background: -o-linear-gradient(left, #9747FF 0%, #007DDF 100%), #FA8A59; background: linear-gradient(to right, #9747FF 0%, #007DDF 100%), #FA8A59; width: 310px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; height: 64px; } .ncourse__hero-button:before, .ncourse__hero-button:after { color: #fff; width: 310px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; height: 64px; } .ncourse__menu-wrap { position: relative; background-color: #fff; position: sticky; top: 77px; padding: 20px 0; z-index: 10; } .ncourse__menu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .ncourse__menu-item, .ncourse__menu-item:before, .ncourse__menu-item:after { color: #1A1A1A; padding: 8px 12px; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .ncourse__menu-item:before, .ncourse__menu-item:after { padding: 0; -ms-align-items: center; align-items: center; justify-content: center; } .ncourse__menu-item.active:before, .ncourse__menu-item.active:after { color: #fff; background-color: #1A1A1A; } .ncourse__section { margin-bottom: 80px; } .ncourse__digits { background: #F3F5F7; padding: 80px 0; } .ncourse__digits-list { display: grid; grid-template-columns: repeat(3, 340px); justify-content: space-between; } .ncourse__digits-item__digit { font-size: 80px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.8px; margin-bottom: 12px; background: linear-gradient(90deg, #9747FF 0%, #007DDF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: fit-content; } .ncourse__digits-item__text { color: #1A1A1A; font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; } .ncourse__digits-bottom { } .ncourse__digits-bottom ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; } .ncourse__digits-bottom ul li { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; min-width: calc(100%/2 - 64px); max-width: calc(100%/2 - 64px); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.02 13.22L13.955 8.285L12.975 7.305L9.02 11.26L7.025 9.265L6.045 10.245L9.02 13.22ZM10 17C9.03167 17 8.12167 16.8162 7.27 16.4487C6.41833 16.0812 5.6775 15.5825 5.0475 14.9525C4.4175 14.3225 3.91875 13.5817 3.55125 12.73C3.18375 11.8783 3 10.9683 3 10C3 9.03167 3.18375 8.12167 3.55125 7.27C3.91875 6.41833 4.4175 5.6775 5.0475 5.0475C5.6775 4.4175 6.41833 3.91875 7.27 3.55125C8.12167 3.18375 9.03167 3 10 3C10.9683 3 11.8783 3.18375 12.73 3.55125C13.5817 3.91875 14.3225 4.4175 14.9525 5.0475C15.5825 5.6775 16.0812 6.41833 16.4487 7.27C16.8162 8.12167 17 9.03167 17 10C17 10.9683 16.8162 11.8783 16.4487 12.73C16.0812 13.5817 15.5825 14.3225 14.9525 14.9525C14.3225 15.5825 13.5817 16.0812 12.73 16.4487C11.8783 16.8162 10.9683 17 10 17Z' fill='%231C1B1F'/%3E%3C/svg%3E") no-repeat; background-position: left center; height: 20px; min-height: 20px; line-height: 20px; padding-left: 25px; } .ncourse__who { background: #384046; padding: 80px 0; } .ncourse__who .index__heading, .ncourse__who .heading__columns-title { color: #fff; } .ncourse__who-list { display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-between; margin-top: 80px; grid-column-gap: 12px; } .ncourse__who-item__digit { font-size: 80px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.8px; margin-bottom: 12px; background: linear-gradient(90deg, #9747FF 0%, #007DDF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: fit-content; } .ncourse__who-item__text { color: #fff; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.28px; } .ncourse__desc .index__heading { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 4H5V16H15V4ZM11 12.5H7V14H11V12.5ZM7 9.5H13V11H7V9.5ZM13 6.5H7V8H13V6.5Z' fill='%231A1A1A'/%3E%3C/svg%3E"); background-repeat: no-repeat; padding-left: 25px; min-height: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; -ms-align-items: flex-start; align-items: flex-start; color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } main.pageCourse .pageCourse__newdesign .heading__columns-title { max-width: none; font-size: 44px; font-style: normal; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; } .ncourse__desc-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; margin-top: 80px; justify-content: space-between; } .ncourse__desc-text, .ncourse__desc-list { max-width: calc(100%/2 - 6px); } .ncourse__desc-text { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .ncourse__desc-list { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; padding-left: 20px; } .ncourse__desc-list li { list-style: disc outside; } .ncourse__desc-list li:not(:last-child) { margin-bottom: 20px; } .ncourse__format-list { margin-top: 48px; max-width: 1180px; } .ncourse__format-list ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .ncourse__format-list ul li { min-width: calc(100%/2 - 107px); max-width: calc(100%/2 - 107px); color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.7943 17L0 10.3456L2.08872 8.29995L6.7943 12.9086L16.9113 3L19 5.0457L6.7943 17Z' fill='%23FA8A59'/%3E%3C/svg%3E"); background-repeat: no-repeat; height: 20px; padding-left: 30px; } .ncourse__format-list ul li:not(:last-child) { margin-bottom: 24px; } .ncourse__banner { } .ncourse__banner-wrap { height: 280px; position: relative; } .ncourse__banner-wrap img[data-type="mobile"] { display: none; } .ncourse__banner-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .ncourse__banner-bg img { width: 100%; height: 100%; object-fit: cover; } .ncourse__banner-content { position: relative; z-index: 1; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; height: 100%; justify-content: space-between; -ms-align-items: center; align-items: center; padding: 0 28px; } .ncourse__banner-title { color: #fff; font-size: 44px; font-style: normal; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; max-width: 660px; } .ncourse__banner-logo { max-width: 130px; } .ncourse__banner-logo img { max-width: 100%; } .pageCourse__newdesign .itteam { margin-top: 0; margin-bottom: 80px; } .pageCourse__newdesign .itteam__list { margin-top: 0; } .pageCourse__newdesign .itteam__list-scrollbar-thumb { background: #1A1A1A; } .pageCourse__newdesign .itteam__item-card:hover::before { background: url("data:image/svg+xml,%0A%3Csvg width='337' height='440' viewBox='0 0 337 440' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='335' height='438' fill='white' stroke='url(%23paint0_linear_4478_26335)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4478_26335' x1='0' y1='440' x2='337' y2='440' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239747FF'/%3E%3Cstop offset='1' stop-color='%23007DDF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100% 100%; } .ncourse__results { padding: 112px 0; background: #F3F5F7; } main.pageCourse .pageCourse__newdesign .ncourse__results .heading__columns-title { max-width: 685px; } .ncourse__results-list { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 12px; grid-row-gap: 40px; } .ncourse__results-item__text { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin-top: 24px; } .ncourse__callback-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .ncourse__callback-content { max-width: 570px; } .ncourse__callback .callback { margin: 0; } .ncourse__callback .callback__form .form-group input, .ncourse__callback .callback__form .select-dropdown__button { background: #F3F5F7; } .ncourse__callback .callback__form .form-group textarea { margin-bottom: 28px; } .profile__popup-form__group .iti { width: 100%; border-bottom: 1px solid #808080; } .profile__popup-form__group.__inner-input .iti { border-bottom: none; } .profile__popup-form__group.__inner-input .profile__popup-form__group-input input { padding-left: 80px; } /* страница урока */ .modles { margin-bottom: 120px; } .modlesHero { } .modlesHero__wrap { height: 490px; position: relative; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05); } .modlesHero .container { height: 100%; } .modlesHero__image { width: 100%; height: 100%; position: absolute; } .modlesHero__image:before { background-color: rgba(0, 0, 0, 0.20); background: rgba(0, 0, 0, 0.20); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; } .modlesHero__image img { width: 100%; height: 100%; object-fit: cover; } .modlesHero__content { position: relative; z-index: 2; padding-top: 160px; max-width: 1120px; } .modlesHero__content-back { font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .modlesHero__content-back:before, .modlesHero__content-back:after { color: #fff; } .modlesHero__content-wrap { margin-top: 64px; } .modlesHero__title { color: #fff; font-size: 52px; font-style: normal; font-weight: 500; line-height: 107%; letter-spacing: -1.04px; margin-bottom: 24px; } .modlesHero__subtitle { color: #fff; font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; } .modlesSteps__line-wrap { background: #fff; padding: 24px 0; margin-bottom: 80px; z-index: 2; } .modlesSteps__line { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .modlesSteps__line-item { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .modlesSteps__line-box { background: #F3F5F7; height: 6px; display: block; margin-top: 8px; overflow: hidden; } .modlesSteps__line-box__inner { background: #FFEB80; height: 100%; display: block; transition: .3s all; } .modlesSection__wrap, .modlesVideo__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .modlesSection:not(:last-child) { margin-bottom: 120px; } .modlesSection__title { max-width: 300px; min-width: 300px; color: #1A1A1A; font-size: 32px; font-style: normal; font-weight: 500; line-height: 112%; letter-spacing: -0.96px; } .modlesSection__title h3 { font-size: 44px; font-weight: 500; } .modlesSection__content { max-width: calc(100% - 340px); } .modlesSection__content h4 { font-size: 32px; font-weight: 500; margin-bottom: 48px; } .modlesSection__content p, .modlesSection__content ul, .modlesSection__content ol { color: #1A1A1A; font-size: 18px; font-style: normal; font-weight: 500; line-height: 140%; letter-spacing: -0.2px; } .modlesSection__content p a, .modlesSection__text a { color: #FA8A59; font-size: 18px; font-style: normal; font-weight: 500; line-height: 140%; letter-spacing: -0.2px; text-decoration-line: underline; word-wrap: break-word; } .modlesSection__content p a:hover, .modlesSection__text a:hover { text-decoration: none; } .modlesSection__text a strong { font-weight: 500; } .modlesSection__content ul { margin: 20px 0 20px 20px; } .modlesSection__content ul li { list-style-type: disc; } .modlesSection__image { margin: 48px 0 80px; display: block; } .modlesSection__image:focus { outline: none; } .modlesSection__image img, .modlesSection__complex-image img { max-width: 70%; height: auto; display: block; margin: 0 auto; } .modlesSection__text + .modlesSection__text { margin-top: 48px; } .modlesSection__complex { margin: 48px 0; } .modlesSection:nth-child(1) .modlesSection__complex { margin-top: 0; } .modlesSection__complex-image { margin-bottom: 24px; display: block; } .modlesSection__text p:not(:last-child) { margin-bottom: 20px; } .ncourse__modles { margin-bottom: 80px; } .ncourse__modles .index__heading { background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon/ program'%3E%3Cpath id='Text' d='M15.9644 9.27003L10.7656 9.27003L10.73 4.03561L16 4.03561L15.9644 9.27003ZM15.9644 15.9644L10.73 16L10.7656 10.7656H15.9644L15.9644 15.9644ZM9.27003 9.27003L4 9.27003L4 4L9.23442 4.03561L9.27003 9.27003ZM9.23442 16H4.03561L4 10.7656H9.27003L9.23442 16Z' fill='%231A1A1A'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat; padding-left: 24px; } .ncourse__modles .profile__courses-item__modules-item { width: 460px; height: 290px; } .ncourse__modles .profile__courses-item__row { min-height: 440px; } .ncourse__modles .profile__courses-item__list { grid-template-columns: repeat(4, 1fr); margin-top: 32px; } .ncourse__modles .pageCourse__module { width: 100%; min-width: 1px; max-width: none; } .profile__courses-item__desc { margin-top: 24px; max-width: 660px; color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .ncourse__modles .pageCourse__module-media { height: 200px; } .ncourse__modles .profile__courses-list { margin-bottom: 0; } main.pageCourse .ncourse__format .heading__columns-title, main.pageCourse .ncourse__who .heading__columns-title { max-width: none; } .profile__course .profile__courses-item__section:nth-child(1) .profile__courses-item__title { max-width: 500px; } .modlesStep { display: none; } .modles .modlesStep.active { display: block; } .modlesStep__tools { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; margin-top: 120px; } .modlesStep__button.hoverMe.button, a.modlesStep__button.hoverMe.button, div.modlesStep__button.hoverMe.button{ padding: 20px 22px; gap: 8px; cursor: pointer; font-size: 23px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; max-width: none; height: auto; } a.hoverMe.button.modlesStep__button:not(.active) { text-decoration: none; display: none; } .modlesStep__button[data-type="prev"] { background: #F3F5F7; } .modlesStep__button[data-type="next"], a.modlesStep__button.hoverMe.button { background: -webkit-linear-gradient(left, #9747FF 0%, #007DDF 100%), lightgray -96.911px -114.123px / 136.441% 365.909%; background: -o-linear-gradient(left, #9747FF 0%, #007DDF 100%), lightgray -96.911px -114.123px / 136.441% 365.909%; background: linear-gradient(to right, #9747FF 0%, #007DDF 100%), lightgray -96.911px -114.123px / 136.441% 365.909%; } .modlesStep__button[data-type="next"]:before, .modlesStep__button[data-type="next"]:after, a.modlesStep__button.hoverMe.button:before, a.modlesStep__button.hoverMe.button:after { color: #fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; height: 100%; } .modlesStep__button[data-type="prev"]:before, .modlesStep__button[data-type="prev"]:after { color: #1A1A1A; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; } .modles[data-step="1"] .modlesStep__button[data-type="prev"] { display: none; } a.modlesStep__button.hoverMe.button:before, a.modlesStep__button.hoverMe.button:after { font-size: 23px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; } .profile__course .profile__courses-item__section:nth-child(1) .profile__courses-item__title { max-width: 500px; } .modlesVideo__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .modlesVideo__title { max-width: 280px; min-width: 280px; } .modlesVideo__title-main { color: #1A1A1A; font-size: 32px; font-style: normal; font-weight: 500; line-height: 112%; letter-spacing: -0.96px; margin-bottom: 32px; } .modlesVideo__title-link { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: center; align-items: center; } .modlesVideo__title-link__box { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; max-width: 265px; } .modlesVideo__title-link__box strong { font-weight: 500; color: #FA8A59; } .modlesVideo__title-link__arrow { width: 44px; height: 44px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; background-image: url("data:image/svg+xml,%3Csvg width='44' height='10' viewBox='0 0 44 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 10H0V0H44V10H41.5V2.5H2.5V10Z' fill='%231A1A1A'/%3E%3C/svg%3E"), url("data:image/svg+xml,%0A%3Csvg width='44' height='10' viewBox='0 0 44 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.5 -2.18557e-07L44 0L44 10L0 10L8.74228e-07 -3.8466e-06L2.5 -3.62805e-06L2.5 7.5L41.5 7.5L41.5 -2.18557e-07Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); background-position: center top, center bottom; background-repeat: no-repeat, no-repeat; position: relative; overflow: hidden; } .modlesVideo__title-link__arrow:before, .modlesVideo__title-link__arrow:after { content: ""; background: url("data:image/svg+xml,%0A%3Csvg width='44' height='24' viewBox='0 0 44 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='44' height='24' fill='none'/%3E%3Cpath d='M22.8807 4.45455V14.0994L26.4389 10.527L28.2855 12.3594L21.5455 19.0852L14.8196 12.3594L16.6378 10.527L20.2102 14.0994V4.45455H22.8807Z' fill='%231A1A1A'/%3E%3Crect x='12' y='21' width='19' height='2.5' fill='%231A1A1A'/%3E%3C/svg%3E%0A") center no-repeat; width: 100%; height: 100%; display: block; position: absolute; transition: .4s all; } .modlesVideo__title-link__arrow:before { bottom: 0; } .modlesVideo__title-link__arrow:after { bottom: 100%; } .modlesVideo__title-link:hover .modlesVideo__title-link__arrow:before { bottom: -100%; } .modlesVideo__title-link:hover .modlesVideo__title-link__arrow:after { bottom: 0; } .modlesVideo__video { max-width: calc(100% - 320px); min-width: calc(100% - 320px); } .modlesVideo__video iframe, .modlesVideo__video video { width: 100%; height: 520px; object-fit: cover; } .modlesStep__next { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .modlesStep__error { color: #FF5945; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; margin-right: 20px; } .modlesSection__text h3 { color: #1A1A1A; font-size: 32px; font-style: normal; font-weight: 500; line-height: 140%; letter-spacing: -0.96px; margin-bottom: 25px; } .modlesEx { background: #FFEB80; padding: 80px 0 48px; margin-bottom: 120px; } .modlesEx__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .modlesEx__title { color: #1A1A1A; font-size: 44px; font-style: normal; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; min-width: 455px; } .modlesEx__form { width: 100%; max-width: calc(100% - 340px); } .modlesEx__list { position: relative; } .modlesEx__list.loading .modlesEx__item-question, .modlesEx__list.loading .modlesEx__item-content, .modlesEx__list.loading .modlesEx__item-answer { opacity: .3; pointer-events: none; } .modlesEx__list .modlesEx__item:not(:last-child) { margin-bottom: 80px; } .modlesEx__list.__multiple { counter-reset: section; } .modlesEx__list.__multiple .modlesEx__item-question { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .modlesEx__list.__multiple .modlesEx__item-question:before { counter-increment: section; content: counter(section) ". "; margin-right: 10px; } .modlesEx__list.__multiple .modlesEx__item-question a { color: #FA8A59; } .modlesEx__item-content { margin: 48px 0 24px; } .modlesEx__item-content .sp-image { height: auto; padding: 0; margin: 0; } .modlesEx__item-content .sp-image img { height: auto; width: 100%; object-fit: contain; } .modlesEx__item-file { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; margin-top: 20px; } .modlesEx__item-file__label { background: url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='attach_file_add'%3E%3Cmask id='mask0_4801_8703' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='21'%3E%3Crect id='Bounding box' y='0.639648' width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4801_8703)'%3E%3Cpath id='attach_file_add_2' d='M9.5 18.6396C8.22222 18.6396 7.15278 18.1848 6.29167 17.2751C5.43056 16.3653 5 15.2785 5 14.0146V5.91048C5 5.011 5.31597 4.24099 5.94792 3.60046C6.57986 2.95992 7.34722 2.63965 8.25 2.63965C9.18056 2.63965 9.95486 2.97645 10.5729 3.65007C11.191 4.32368 11.5 5.11882 11.5 6.03548V12.3896H10V5.91048C10 5.42437 9.83123 5.0077 9.49369 4.66048C9.15615 4.31326 8.74295 4.13965 8.2541 4.13965C7.76526 4.13965 7.35069 4.31673 7.01042 4.6709C6.67014 5.02507 6.5 5.45215 6.5 5.95215V14.1605C6.5 14.9938 6.79375 15.6987 7.38125 16.2751C7.96875 16.8515 8.675 17.1396 9.5 17.1396C9.95833 17.1396 10.3785 17.0424 10.7604 16.848C11.1424 16.6535 11.4722 16.3966 11.75 16.0771V18.0109C11.4167 18.2078 11.0625 18.3619 10.6875 18.473C10.3125 18.5841 9.91667 18.6396 9.5 18.6396ZM13.25 17.6396V15.3896H11V13.8896H13.25V11.6396H14.75V13.8896H17V15.3896H14.75V17.6396H13.25ZM9.5 14.1605V15.6396C8.91667 15.6396 8.4375 15.4313 8.0625 15.0146C7.6875 14.598 7.5 14.1119 7.5 13.5563V5.63965H9V13.6605C9 13.8021 9.04792 13.9209 9.14375 14.0167C9.23958 14.1126 9.35833 14.1605 9.5 14.1605ZM12.5 10.1396V5.63965H14V10.1396H12.5Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") left center no-repeat; padding-left: 24px; height: 21px; } .modlesEx__item-file__label .hoverMe { font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; cursor: pointer; } .modlesEx__item-file__label .hoverMe:before, .modlesEx__item-file__label .hoverMe:after { color: #1A1A1A; text-decoration: underline; } .modlesEx__item-file input { display: none; } .modlesEx__item-file__error { color: #FF5945; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; transition: .3s all; } .modlesEx__item-file__error.hide { opacity: 0; visibility: hidden; } .modlesEx__item-text { margin-top: 24px; } .modlesEx__item-text textarea { border: none; border-bottom: 1px solid #808080; background: #FFF; resize: none; height: 112px; padding: 20px; color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; width: 100%; } .modlesEx__item-text textarea:focus { outline: none; } .modlesEx__tools { margin-top: 48px; } button.hoverMe.button.modlesEx__button { background: #1A1A1A; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; width: 133px; height: 48px; } button.hoverMe.button.modlesEx__button:before, button.hoverMe.button.modlesEx__button:after { color: #fff; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .modlesEx__success { opacity: 1 !important; color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; display: none; } .modlesEx__tools.success button.hoverMe.button.modlesEx__button { display: none; } .modlesEx__tools.success .modlesEx__success { display: block; } .modlesEx__download { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .modlesEx__download-item { padding: 10px; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .modlesEx__download-item:nth-child(even) { background: rgba(0, 0, 0, 0.05); } .modlesEx__download-item span { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .modlesEx__download-item:after { content: ""; background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Frame 338229'%3E%3Cg id='Group 8711'%3E%3Cpath id='Text' d='M13.3808 2V11.8883L17.0802 8.22573L19 10.1044L11.9926 17L5 10.1044L6.8903 8.22573L10.6044 11.8883V2H13.3808Z' fill='%231A1A1A'/%3E%3Crect id='Rectangle 2737' x='2' y='19' width='20' height='3' fill='%231A1A1A'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") left top no-repeat; right: 10px; display: block; width: 24px; height: 24px; } .pageCourse__module.__empty { pointer-events: none; position: relative; } .pageCourse__module.__empty:before { content: ""; width: 100%; height: 100%; background-color: rgba(216,216,216,0.60); position: absolute; left: 0; top: 0; display: block; z-index: 5; } @media (max-width:780px) { .pageCourse__newdesign { margin-top: -50px; } .pageCourse__newdesign .projectHero, .pageCourse__newdesign .projectHero__media-wrap { margin-bottom: 0; } .pageCourse__newdesign .__ncourse-hero .projectHero__image { position: relative; height: 300px; } .pageCourse__newdesign .__ncourse-hero .projectHero__header { padding: 0; height: auto; margin-bottom: 0; } .pageCourse__newdesign .__ncourse-hero .projectHero__top { padding-top: 65px; height: auto; } .pageCourse__newdesign .__ncourse-hero .projectHero__heading-title { font-size: 40px; line-height: 40px; max-width: none; } .pageCourse__newdesign .__ncourse-hero .projectHero__heading-title p { display: inline; } .pageCourse__newdesign .__ncourse-hero .projectHero__heading-title p:before, .ncourse__who-item__text p:before { content: " "; } .pageCourse__newdesign .__ncourse-hero .projectHero__heading-desc { font-size: 16px; line-height: 125%; margin-bottom: 48px; } .pageCourse__newdesign .__ncourse-hero .projectHero__heading-desc p { display: inline; } .ncourse__menu-wrap { overflow: hidden; padding-bottom: 26px; padding-top: 32px; top: 50px; } .ncourse__menu { overflow-y: auto; } .ncourse__digits { padding: 65px 0; } .ncourse__digits-list { grid-template-columns: 1fr; grid-template-rows: auto; grid-row-gap: 32px; margin-top: 48px; margin-bottom: 32px; } .ncourse__digits-item__digit { font-size: 48px; margin-bottom: 8px; } .ncourse__digits-item__text { font-size: 16px; line-height: 125%; } .ncourse__digits-bottom ul, .ncourse__desc-wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; } .ncourse__digits-bottom ul li { height: auto; font-size: 12px; line-height: 200%; letter-spacing: -0.12px; min-width: 1px; max-width: none; } .ncourse__digits-bottom ul li:not(:last-child) { margin-bottom: 16px; } .ncourse__section, .ncourse__modles { margin-bottom: 65px; } main.pageCourse .pageCourse__newdesign .heading__columns-title { font-size: 28px; line-height: 115%; margin-bottom: 0; } .ncourse__desc-text, .ncourse__desc-list { min-width: 1px; max-width: none; } .ncourse__desc-text { font-size: 16px; line-height: 125%; } .ncourse__desc-wrap { margin-top: 16px; } .ncourse__desc-list { margin-top: 16px; font-size: 12px; padding-left: 12px; } .ncourse__format-list { margin-top: 32px; } .ncourse__desc-list li:not(:last-child) { margin-bottom: 12px; } .ncourse__format-list ul { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .ncourse__format-list ul li { min-width: 1px; max-width: none; font-size: 14px; line-height: 142%; } .ncourse__banner-wrap { height: 260px; } .ncourse__banner-title { font-size: 28px; line-height: 115%; } .ncourse__who-list { margin-top: 32px; grid-template-columns: 1fr; grid-template-rows: auto; grid-row-gap: 32px; margin-bottom: 0; } .ncourse__who-item__digit { font-size: 52px; line-height: 108%; } .ncourse__who-item__text { font-size: 16px; } .ncourse__who-item__text p { display: inline; } .itteam__list-scroll::-webkit-scrollbar-thumb { background: #1A1A1A; height: 3px; } .ncourse__results { padding: 65px 0; } .ncourse__results-list { grid-template-columns: 1fr; grid-template-rows: auto; grid-column-gap: 0; grid-row-gap: 32px; } .ncourse__results .ncourse__section { margin-bottom: 32px; } .ncourse__results-item__text { margin-top: 8px; } .ncourse__callback-wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .ncourse__callback-content { max-width: none; } .ncourse__callback .callback__form .form-group textarea { height: 140px; } .ncourse__hero-button { font-size: 16px; margin-bottom: 40px; margin-top: -30px; width: 200px; height: 50px; } .modles { margin-bottom: 80px; } .modlesHero__wrap { height: 360px; } .modlesHero__content { padding-top: 100px; } .modlesSection__wrap, .modlesVideo__wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .modlesHero__title { font-size: 28px; line-height: 114%; } .modlesHero__subtitle { font-size: 16px; line-height: 125%; } .modlesSteps__line-wrap { margin-bottom: 64px; top: 50px; } .modlesSection__title:not(:empty) { margin-bottom: 40px; } .modlesSection__title h3, .modlesVideo__title-main { font-size: 28px; line-height: 115%; } .modlesSection__content h4, .modlesSection__text h3 { font-size: 18px; line-height: 111%; margin-bottom: 16px; } .modlesSection__content p, .modlesSection__content ul, .modlesSection__content ol, .modlesSection__content p a, .modlesSection__text a { font-size: 16px; } .modlesSection__image img, .modlesSection__complex-image img { max-width: 100%; height: auto; } .modlesSection:not(:last-child) { margin-bottom: 80px; } .modlesVideo__title, .modlesVideo__video { min-width: 1px; max-width: none; } .modlesVideo__title { margin-bottom: 16px; } .modlesVideo__video iframe { width: 100%; height: auto; height: 270px; max-width: 100%; } .modlesStep__tools { margin-top: 30px; justify-content: flex-start; } .modlesStep__next { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .modlesStep__error { margin-right: 0; text-align: center; font-size: 16px; line-height: 125%; margin-bottom: 30px; width: 100%; } .modlesStep__error:empty { margin-bottom: 0; } .modlesStep__button.hoverMe.button, a.modlesStep__button.hoverMe.button, div.modlesStep__button.hoverMe.button, a.modlesStep__button.hoverMe.button:before, a.modlesStep__button.hoverMe.button:after { font-size: 18px; padding: 14px 12px; min-width: 166px; } a.modlesStep__button.hoverMe.button { padding-top: 14px; padding-bottom: 14px; } a.modlesStep__button.hoverMe.button:before, a.modlesStep__button.hoverMe.button:after { padding: 0; } .modlesStep__next { -ms-align-items: flex-start; align-items: flex-start; } .modlesSection__image, .modlesSection__complex { margin: 16px 0; } .modlesSection__text + .modlesSection__text { margin-top: 25px; } .modlesStep__prev { margin-right: 20px; } .modlesSection__complex-image { margin-top: 16px; } .modlesEx { padding: 64px 0 48px; } .modlesEx__wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .modlesEx__title { font-size: 28px; line-height: 115%; margin-bottom: 40px; } .modlesEx__item-text textarea { font-size: 16px; height: 140px; } .modlesEx__success { font-size: 16px; } .modlesEx__download-item { font-size: 16px; } .ncourse__modles .profile__courses-item__modules-item { width: 224px; height: 140px; position: absolute; } } .contributors__list.__experts-list { grid-template-columns: repeat(3, 1fr); margin-bottom: 80px; } .contributors__list.__experts-list .contributors__item:nth-child(1) { grid-column: 1; } .contributors__list.__experts-list .contributors__item { height: 420px; } @media (max-width:780px) { .contributors__list.__experts-list { grid-template-columns: repeat(2, 1fr); margin-bottom: 80px; margin-top: 20px; } .contributors__list.__experts-list .contributors__item:nth-child(1) { grid-column: 1 / 3; } .contributors__list.__experts-list .contributors__item { min-width: 1px; height: 215px; } .contributors__list.__experts-list .contributors__card-content { padding: 0 0 12px 12px; } .contributors__list.__experts-list .contributors__card-name { font-size: 16px; line-height: 140%; } .contributors__list.__experts-list .contributors__card-post { font-size: 12px; line-height: 140%; } .contributors__list.__experts-list .contributors__card-city { font-size: 12px; margin-top: 4px; } .contributors__list.__experts-list .contributors__card-media:after { height: 205px; opacity: .6; } .contributors__list.__experts-list .contributors__card-media:before { height: 215px; } } .projectProg { background: #F3F5F7; padding: 80px 0 60px; margin-bottom: 112px; } .projectProg__wrap { } .projectProg__content { } .projectProg__list { display: grid; grid-template-rows: auto; grid-template-columns: repeat(3, 1fr); grid-gap: 13px; grid-row-gap: 40px; margin-top: 48px; } .projectProg__item { margin-right: 13px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .projectProg__item-icon { width: 80px; height: 80px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; } .projectProg__item-icon img { max-width: 100%; } .projectProg__item-text { font-size: 16px; line-height: 120%; text-align: left; margin-top: 24px; max-width: 400px; } @media (max-width: 780px) { .projectProg { padding: 40px 0; margin-bottom: 65px; } .projectProg__wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .projectProg__content, .projectProg__list { min-width: 1px; width: 100%; } .projectProg__list { grid-template-columns: 1fr; margin-top: 16px; } .projectProg__item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; min-height: 1px; min-width: 1px; max-width: none; margin-right: 0; text-align: left; } .projectProg__item:not(:last-child) { margin-bottom: 15px; } .projectProg__item-icon { min-width: 52px; max-width: 52px; height: 52px; margin-right: 8px; margin-bottom: 0; } .projectProg__item-icon img { max-width: 36px; } .projectProg__item-text { font-size: 12px; line-height: 120%; } } .projectStruct { margin-bottom: 110px; } .projectStruct__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .projectStruct__content { min-width: 500px; } .projectStruct__modules { max-width: 550px; } .projectStruct__module:not(:last-child) { margin-bottom: 40px; } .projectStruct__module-title { font-size: 28px; margin-bottom: 20px; } .projectStruct__module-text ul { padding-left: 16px; } .projectStruct__module-text ul, .projectStruct__module-text ul li { font-size: 16px; list-style: disc; } @media (max-width:780px) { .projectStruct { margin-bottom: 80px; } .projectStruct__wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .projectStruct__content { min-width: 1px; } .projectStruct__content .projectHero__modal { margin-top: 0; } .projectStruct__modules { margin-top: 30px; } .projectStruct__module-title { font-size: 20px; } } /* модалка для языка */ .sorry__open { left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 99999999999999; visibility: hidden; opacity: 0; transition: all 0.9s ease-in-out; } .sorry__open._active { visibility: visible; opacity: 1; } .sorry__overlay { left: 0; top: 0; position: absolute; visibility: hidden; width: 100%; height: 100%; display: block; background: #1a1a1a; transition: all 0.9s ease-in-out; } .sorry__overlay._active { opacity: 1; visibility: inherit; } .sorry__wrap { width: 100%; max-width: 1180px; background: #fff; z-index: 10; right: -100%; position: absolute; height: 100vh; opacity: 1; transition: all 0.9s ease-in-out; } .sorry__wrap._active { right: 0; } .sorry__inner { overflow-y: auto; height: 100%; padding: 76px 28px 58px 64px; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; padding-left: 232px; } .sorry__close { width: 32px; height: 32px; right: 28px; top: 22px; position: fixed; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; color: #FFFFFF; transition: .3s all; } .sorry__box { max-width: 570px; } .sorry__box-title { color: #1A1A1A; font-size: 80px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -2.4px; margin-bottom: 24px; } .sorry_description { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; margin-bottom: 48px; } .sorry_description span { display: block; color: #FA8A59; } .projectStart { margin-bottom: 112px; } .projectStart__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; background: #F3F5F7; } .projectStart__image { min-width: 690px; max-width: 690px; height: 420px; } .projectStart__image img { width: 100%; height: 100%; object-fit: cover; } .projectStart__content { padding: 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; justify-content: space-between; } .projectStart__title { color: #1A1A1A; font-size: 44px; font-style: normal; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; margin-bottom: 8px; } .projectStart__text { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .projectBanner { margin-bottom: 112px; } .projectBanner__box { position: relative; height: 260px; } .projectBanner__box img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; display: block; } .projectBanner__content { padding: 28px; z-index: 1; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; height: 100%; } .projectBanner__text { max-width: 900px; color: #fff; font-size: 28px; font-style: normal; font-weight: 500; line-height: 115%; letter-spacing: -0.28px; } .projectBanner__text.__mobile { display: none; } .projectBanner__content .hoverMe.button { background: #fff; } .projectBanner__content .hoverMe.button:before, .projectBanner__content .hoverMe.button:after { color: #000; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } @media (max-width:780px) { .projectStart { margin-bottom: 80px; } .projectStart__wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; height: auto; } .projectStart__image { min-width: 1px; max-width: none; height: 260px; } .projectStart__content { padding: 50px 16px; } .projectStart__title { color: #1A1A1A; font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.84px; } .projectStart__text { font-size: 14px; margin-bottom: 24px; } .projectBanner { margin-bottom: 80px; } .projectBanner__content { justify-content: center; } .projectBanner__text:not(.__mobile) { display: none; } .projectBanner__text.__mobile { display: block; margin-bottom: 24px; } } .regform .select-dropdown__button { background-color: #F3F5F7; } .profile__popup-form__group input[type="text"]:not(.country-phone-search).hidden, .profile__popup-form__group:not(.__inner-input) input[type="text"].hidden { height: 0; visibility: visible; opacity: 1; border-bottom: none; padding: 0; } .callback__text { } .callback__text h3 { font-weight: 500; font-size: 44px; line-height: 120%; letter-spacing: -0.03em; color: #1A1A1A; margin-bottom: 40px; } .callback__text p, .callback__text ol { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; } .callback__text ol { padding-left: 25px; margin-bottom: 20px; } .callback__text ol li { font-size: 20px; font-weight: 400; line-height: 120%; letter-spacing: -0.01em; color: #1A1A1A; list-style: decimal; } .callback__text p:not(:last-child) { margin-bottom: 20px; } .callback__big .profile__popup-form__group input[type="text"]:not(.country-phone-search), .callback__big .profile__popup-form__group:not(.__inner-input) input[type="text"], .callback__big .profile__popup-form__group input[type="email"], .callback__big .profile__popup-form__group textarea, .callback__big .profile__popup-form__group-input, .callback__big .select-dropdown__button, .callback__big .select-dropdown__list-item { background: #F3F5F7; } .callback__big .select-dropdown__button[data-value=""] { color: #808080; } .callback__big .profile__popup-form__group label.callback__form-file { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin: 0; } .callback__group-label { font-weight: 500; font-size: 16px; line-height: 125%; letter-spacing: -0.01em; color: #808080; display: block; margin-bottom: 8px; } .callback__big .callback__form-tools { margin-top: 20px; } .callback__big .form-group.hidden { display: none; } .callback__big .profile__popup-form__group label a, .callback__big .select-dropdown__list-item:hover, .callback__group-label a, .profile__popup-form__group label a { color: #FA8A59; text-decoration: underline; } .callback__big .profile__popup-form__group label a:hover, .callback__group-label a:hover { text-decoration: none; } @media (max-width:980px) { .callback__text h3 { font-size: 30px; margin-bottom: 30px; } .callback__text p, .callback__text ul { font-size: 16px; } .callback__text ul { padding-left: 16px; } .callback__text ul li { font-size: 16px; } .callback__text p:not(:last-child) { margin-bottom: 20px; } } @media (max-width:620px) { .callback__big .login__popup-form__group-error { bottom: -20px; } } .modlesEx.__test { background: #F3F5F7; padding-bottom: 80px; } .modlesTest { min-width: 920px; max-width: 920px; counter-reset: item; } .modlesTest__item { border: none; padding: 0; } .modlesTest__item:not(:last-child) { margin-bottom: 48px; } .modlesTest__item legend, .modlesTest__item-title { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; counter-increment: item; margin-bottom: 24px; } .modlesTest__item legend:before, .modlesTest__item-title:before { content: counter(item) ". "; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .modlesTest__item-radio { margin-left: 32px; } .modlesTest__item-radio__item { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .modlesTest__item-radio__item:not(:last-child) { margin-bottom: 24px; } .modlesTest__item-radio__item input { display: none; } .modlesTest__item-radio__item label, .modlesTest__item-radio__item.__results { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; cursor: pointer; color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .modlesTest__item-radio__item.__results { cursor: default; } .modlesTest__item-radio__item label:before, .modlesTest__item-radio__item.__results:before { content: ""; min-width: 20px; max-width: 20px; height: 20px; box-shadow: inset 0 0 0 1px #1A1A1A; background-color: #fff; display: block; margin-right: 30px; transition: .3s all; border-radius: 50%; } .modlesTest__item-radio__item input:checked + label:before { box-shadow: inset 0 0 0 8px #1A1A1A; } .modlesTest__item-radio__item[data-type="no"] { color: #FF5945; } .modlesTest__item-radio__item[data-type="no"]:before { box-shadow: inset 0 0 0 8px #FF5945; } .modlesTest__item-radio__item[data-type="yes"] { color: #00B812; } .modlesTest__item-radio__item[data-type="yes"]:before { box-shadow: inset 0 0 0 8px #00B812; } .modlesTest__item-textarea { height: 112px; padding: 20px; border: none; resize: none; border-bottom: 1px solid #808080; background: #fff; width: 100%; } .modlesTest__item-textarea[readonly] { pointer-events: none; } button.hoverMe.button.modlesTest__button, button.hoverMe.button.modlesTest__button:before, button.hoverMe.button.modlesTest__button:after { min-width: 183px; max-width: 183px; } .modlesTest__result { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; margin-top: 70px; } @media (max-width:980px) { .modlesTest { min-width: 1px; max-width: none; } .modlesTest__item legend, .modlesTest__item-title, .modlesTest__item legend:before, .modlesTest__item-title:before { font-size: 16px; } .modlesTest__item-radio { margin-left: 15px; } .modlesTest__item-radio__item label, .modlesTest__item-radio__item.__results { font-size: 16px; } .modlesTest__item-radio__item:not(:last-child) { margin-bottom: 20px; } .modlesTest__item-radio__item label:before, .modlesTest__item-radio__item.__results:before { margin-right: 12px; } .modlesTest__item:not(:last-child) { margin-bottom: 40px; } .modlesTest__result { margin-top: 40px; font-size: 16px; } } @media (max-width:480px) { button.hoverMe.button.modlesTest__button, button.hoverMe.button.modlesTest__button:before, button.hoverMe.button.modlesTest__button:after { min-width: 100%; max-width: 100%; } } .callback__big-wrap.hidden { display: none; } .popup__settings-login__select.__dstyle label { font-style: italic; color: #808080; font-size: 16px; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .popup__settings-login__select.__dstyle .select-dropdown__button { border-bottom: 1px solid #808080; background: #1A1A1A; color: #fff; } .popup__settings-login__select.__dstyle .select-dropdown__button:after { background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='open'%3E%3Cpath id='Polygon 1' d='M4 8L0.535898 2L7.4641 2L4 8Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat; background-position: center; } @media (max-width:980px) { .registerProject__success-title { font-size: 48px; } .registerProject__success-title br { display: none; } } /* Блок с днями в Проекте */ .projectShedule { margin-bottom: 80px; } .projectShedule .heading__columns-title { max-width: 1120px; } .projectShedule__tabs-head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin: 24px 0 48px; } .projectShedule__tabs.__hideDays { margin-top: 48px; } .projectShedule__tabs-head__item:not(:last-child) { margin-right: 12px; } .projectShedule__tabs-head__item.hoverMe.button { font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; padding: 0 12px; } .projectShedule__tabs-head__item.hoverMe.button, .projectShedule__tabs-head__item.hoverMe.button:before, .projectShedule__tabs-head__item.hoverMe.button:after { min-width: 1px; max-width: none; background: none; height: 40px; } .projectShedule__tabs-head__item.hoverMe.button.active { background: #1A1A1A; } .projectShedule__tabs-head__item.hoverMe.button:before, .projectShedule__tabs-head__item.hoverMe.button:after { color: #1A1A1A; } .projectShedule__tabs-head__item.hoverMe.button.active:before, .projectShedule__tabs-head__item.hoverMe.button.active:after { color: #FFF; } .projectShedule__tabs-body__card-modal, .projectShedule__tabs-body__item { display: none; } .projectShedule__tabs-body__item.active { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 64px; grid-column-gap: 12px; } .projectShedule__tabs-body__card-short { max-width: 450px; display: block; } .projectShedule__tabs-body__card-date { color: #FA8A59; font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; letter-spacing: -0.16px; margin-bottom: 8px; } .projectShedule__tabs-body__card-title { color: #1A1A1A; font-size: 28px; font-style: normal; font-weight: 400; line-height: 114%; letter-spacing: -0.28px; margin-bottom: 16px; } .projectShedule__tabs-body__card-place { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; margin-bottom: 8px; } .projectShedule__tabs-body__card-text { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; letter-spacing: -0.16px; margin-bottom: 24px; } .projectShedule__tabs-body__card-more { font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; } .projectShedule__tabs-body__card-more:before, .projectShedule__tabs-body__card-more:after { color: #1A1A1A; } .projectShedule__tabs-body__card-short:hover .projectShedule__tabs-body__card-more:before { bottom: -100%; } .projectShedule__tabs-body__card-short:hover .projectShedule__tabs-body__card-more:after { bottom: 0; } .projectShedule__tabs-body__card-modal { left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 999; opacity: 0; visibility: hidden; display: none; } .projectShedule__tabs-body__card-modal.show { display: block; } .projectShedule__tabs-body__card-modal__overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .projectShedule__tabs-body__card-modal__wrap { width: 100%; max-width: 1180px; background: #fff; z-index: 10; left: 100%; position: absolute; height: 100vh; opacity: 0; visibility: hidden; } .projectShedule__tabs-body__card-modal__inner { overflow-y: auto; height: 100%; position: relative; } .projectShedule__tabs-body__card-modal__container { max-width: 680px; margin: 80px auto 0; } .projectShedule__tabs-body__card-modal__close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; z-index: 9999; } .projectShedule__tabs-body__card-modal__close:hover { transform: scale(1.05); } .projectShedule__tabs-body__card-modal__title { color: #1A1A1A; font-size: 52px; font-style: normal; font-weight: 400; line-height: 107%; letter-spacing: -1.04px; margin-bottom: 48px; } .projectShedule__tabs-body__card-modal__meta { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; border-top: 1px solid #1A1A1A; padding: 24px 0; margin-bottom: 48px; color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; letter-spacing: -0.16px; } .projectShedule__tabs-body__card-modal__meta > div { padding-left: 28px; height: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; } .projectShedule__tabs-body__card-modal__date { background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon/ project'%3E%3Cpath id='Text' d='M12.6429 6.64286L10.0357 9.25L7.39286 6.64286L10.0357 4L12.6429 6.64286ZM16 10L13.3929 12.6429L10.7857 10L13.3929 7.39286L16 10ZM9.28571 10L6.64286 12.6429L4 10L6.64286 7.39286L9.28571 10ZM12.6429 13.3929L10.0357 16L7.39286 13.3929L10.0357 10.75L12.6429 13.3929Z' fill='%231A1A1A'/%3E%3C/g%3E%3C/svg%3E%0A") center left no-repeat; } .projectShedule__tabs-body__card-modal__place { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cmask id='mask0_5114_20199' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='21' height='20'%3E%3Crect x='0.5' width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5114_20199)'%3E%3Cpath d='M4.5 17V3H11.5L12 5H16.5V13H11.5L11 11H6V17H4.5Z' fill='%231A1A1A'/%3E%3C/g%3E%3C/svg%3E") center left no-repeat; } .projectShedule__tabs-body__card-modal__time { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 10C4 8.4087 4.63214 6.88258 5.75736 5.75736C6.88258 4.63214 8.4087 4 10 4C11.5913 4 13.1174 4.63214 14.2426 5.75736C15.3679 6.88258 16 8.4087 16 10C16 11.5913 15.3679 13.1174 14.2426 14.2426C13.1174 15.3679 11.5913 16 10 16C8.4087 16 6.88258 15.3679 5.75736 14.2426C4.63214 13.1174 4 11.5913 4 10ZM9.6 10V6.4H10.4V9.8344L12.6832 12.1168L12.1168 12.6832L9.7168 10.2832C9.67964 10.246 9.6502 10.2018 9.63015 10.1532C9.61011 10.1047 9.59986 10.0526 9.6 10Z' fill='%231A1A1A'/%3E%3C/svg%3E") center left no-repeat; } .projectShedule__tabs-body__card-modal__text { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; margin-bottom: 64px; } .projectShedule__tabs-body__card-modal__text p:not(:last-child) { margin-bottom: 24px; } .projectShedule__tabs-body__card-modal__iframe { height: 370px; margin-bottom: 50px; } .projectShedule__tabs-body__card-modal__iframe iframe { width: 100%; height: 100%; object-fit: cover; } @media (max-width:560px) { .projectShedule__tabs-body__card-modal__iframe { height: 250px; } } .projectShedule__tabs-body__card-speakers__title { color: #1A1A1A; font-size: 32px; font-style: normal; font-weight: 400; line-height: 112%; letter-spacing: -0.96px; margin-bottom: 48px; } .projectShedule__tabs-body__card-speakers { margin-bottom: 48px; } .projectShedule__tabs-body__card-speakers__item:not(:last-child) { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #1A1A1A; } .projectShedule__tabs-body__card-speakers__item-name { color: #1A1A1A; font-size: 28px; font-style: normal; font-weight: 400; line-height: 114%; letter-spacing: -0.28px; margin-bottom: 12px; } .projectShedule__tabs-body__card-speakers__item-post { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; } @media (max-width: 680px) { .projectShedule__tabs-body__item.active { grid-template-columns: 1fr; grid-row-gap: 40px; grid-column-gap: 10px; } .projectShedule__tabs-body__card-short { max-width: none; } .projectShedule__tabs-body__card-date { font-size: 12px; } .projectShedule__tabs-body__card-title { font-size: 18px; margin-bottom: 8px; } .projectShedule__tabs-body__card-place { font-size: 12px; margin-bottom: 16px; } .projectShedule__tabs-body__card-text { font-size: 12px; margin-bottom: 15px; } .projectShedule__tabs-body__card-more { font-size: 16px; } .projectShedule__tabs-body__card-modal__container { padding: 0 12px; } .projectShedule__tabs-body__card-modal__title { font-size: 40px; } .projectShedule__tabs-body__card-modal__meta { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; margin-bottom: 0; } .projectShedule__tabs-body__card-modal__meta > div:not(:last-child) { margin-bottom: 16px; } .projectShedule__tabs-body__card-modal__text { font-size: 16px; margin-bottom: 48px; } .projectShedule__tabs-body__card-modal__text p:not(:last-child) { margin-bottom: 24px; } .projectShedule__tabs-body__card-speakers__title { font-size: 28px; margin-bottom: 32px; } .projectShedule__tabs-body__card-speakers__item-name { font-size: 20px; margin-bottom: 8px; } .projectShedule__tabs-body__card-speakers__item-post { font-size: 16px; } } /* #Блок с днями в Проекте */ /* Блок с контентом в Проекте */ .projectContentNew { margin-bottom: 80px; } .projectContentNew__wrap { max-width: 920px; margin: 0 auto; } .projectContentNew__title { color: #1A1A1A; font-size: 52px; font-style: normal; font-weight: 400; line-height: 107%; letter-spacing: -1.04px; margin-bottom: 48px; } .projectContentNew__subtitle { color: #1A1A1A; font-size: 44px; font-style: normal; font-weight: 400; line-height: 109%; letter-spacing: -1.32px; margin-bottom: 24px; } .projectContentNew__quote { margin: 64px 0; } .projectContentNew__quote-text { color: #1A1A1A; font-size: 32px; font-style: normal; font-weight: 400; line-height: 112%; letter-spacing: -0.96px; } .projectContentNew__quote-sign { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; letter-spacing: -0.16px; margin-top: 24px; } .projectContentNew__text { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; } .projectContentNew__text p:not(:last-child) { margin-bottom: 20px; } .projectContentNew__text a { color: #FA8A59; } @media (max-width:680px) { .projectContentNew__title { font-size: 40px; margin-bottom: 2px; } .projectContentNew__subtitle { font-size: 28px; margin-bottom: 16px; } .projectContentNew__text { font-size: 16px; } .projectContentNew__text:not(:last-child) { margin-bottom: 16px; } .projectContentNew__quote { margin: 80px 0; } .projectContentNew__quote-text { font-size: 28px; } .projectContentNew__quote-sign { font-size: 12px; } } /* #Блок с контентом в Проекте */ /* Блок с Контактами (3 вариант) в Проекте */ .projectContacts3 { background: #F3F5F7; padding: 80px 0; margin-bottom: 48px; } .projectContacts3 .heading__columns-title { max-width: 500px; } .projectContacts3__wrap { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 12px; margin-top: 80px; min-width: 450px; justify-content: space-between; } .projectContacts3__address { min-width: 450px; } .projectContacts3__col-title { color: #808080; font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; letter-spacing: -0.16px; margin-bottom: 12px; } .projectContacts3__col-text { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; } .projectContacts3__address > div { max-width: 400px; } .projectContacts3__links { display: grid; grid-template-columns: repeat(2, 450px); grid-column-gap: 12px; grid-row-gap: 48px; } .projectContacts3__col-text a { font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; } .projectContacts3__col-text a:before, .projectContacts3__col-text a:after { color: #1A1A1A; } @media (max-width:680px) { .projectContacts3__wrap { margin-top: 32px; min-width: 1px; overflow: hidden; } .projectContacts3__wrap, .projectContacts3__links { grid-template-columns: 1fr; } .projectContacts3__links { margin-top: 32px; grid-row-gap: 32px; } .projectContacts3__address > div { max-width: none; } .projectContacts3__col-text { font-size: 16px; } .projectContacts3__col-title { font-size: 12px; margin-bottom: 8px; } .projectContacts3__col-text a { font-size: 16px; } } /* #Блок с Контактами (3 вариант) в Проекте */ /* Блок с доками и иконками в Проекте */ .projectDocs { margin-bottom: 80px; } .projectDocs__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .projectDocs__wrap .heading__columns-title { max-width: 400px; } .projectDocs__links { max-width: 570px; flex: auto; } .projectDocs__links-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; background: url("data:image/svg+xml,%3Csvg width='44' height='45' viewBox='0 0 44 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10.5V0H44V10.5H41.5V2.5H2.5V10.5H0Z' fill='black'/%3E%3Cpath d='M0 44.5V34H2.5V42H41.5V34H44V44.5H0Z' fill='black'/%3E%3C/svg%3E") center right no-repeat; position: relative; overflow: hidden; } .projectDocs__links-item:before, .projectDocs__links-item:after { content: ""; background: url("data:image/svg+xml,%3Csvg width='44' height='24' viewBox='0 0 44 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='44' height='24' fill='none'/%3E%3Cpath d='M22.8807 4.45455V14.0994L26.4389 10.527L28.2855 12.3594L21.5455 19.0852L14.8196 12.3594L16.6378 10.527L20.2102 14.0994V4.45455H22.8807Z' fill='%231A1A1A'/%3E%3Crect x='12' y='21' width='19' height='2.5' fill='%231A1A1A'/%3E%3C/svg%3E") no-repeat; background-position: center; display: block; width: 44px; height: 100%; position: absolute; right: 0; transition: .3s all; } .projectDocs__links-item:before { bottom: 0; } .projectDocs__links-item:after { bottom: 100%; } .projectDocs__links-item:hover:before { bottom: -100%; } .projectDocs__links-item:hover:after { bottom: 0; } .projectDocs__links-item:not(:last-child) { margin-bottom: 48px; } .projectDocs__links-item__preview { min-width: 60px; max-width: 60px; margin-right: 12px; } .projectDocs__links-item__preview img { width: 100%; height: 100%; object-fit: cover; } .projectDocs__links-item__title { color: #1A1A1A; font-size: 28px; font-style: normal; font-weight: 400; line-height: 114%; letter-spacing: -0.28px; margin-bottom: 8px; } .projectDocs__links-item__size { color: #FA8A59; font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; letter-spacing: -0.16px; } @media (max-width: 680px) { .projectDocs__wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .projectDocs__links, main.project .projectDocs__wrap .heading__columns-title { max-width: none; margin-bottom: 0; } .projectDocs__links { margin-top: 48px; } .projectDocs__links-item { background-size: 36px; height: 36px; } .projectDocs__links-item:before, .projectDocs__links-item:after { width: 36px; } .projectDocs__links-item:not(:last-child) { margin-bottom: 32px; } .projectDocs__links-item__title { font-size: 18px; margin-bottom: 4px; } .projectDocs__links-item__size { font-size: 12px; } .projectDocs__links-item__preview { min-width: 36px; max-width: 36px; height: 36px !important; } } /* #Блок с доками и иконками в Проекте */ /* стили кнопок в шапке проектов */ a.hoverMe.button.gradient__style1 { background: -webkit-linear-gradient(left, #275CB1 0%, #5CC83E 100%), #FA8A59; background: -o-linear-gradient(left, #275CB1 0%, #5CC83E 100%), #FA8A59; background: linear-gradient(to right, #275CB1 0%, #5CC83E 100%), #FA8A59; } a.hoverMe.button.gradient__style1:before, a.hoverMe.button.gradient__style1:after { color: #fff; } a.hoverMe.button.hrUniversity { background: #2F69AB; } a.hoverMe.button.hrUniversity:before, a.hoverMe.button.hrUniversity:after { color: #fff; } a.hoverMe.button.hrUniversity, a.hoverMe.button.hrUniversity:before, a.hoverMe.button.hrUniversity:after { min-width: 155px; } /* #стили кнопок в шапке проектов */ .projectSpeakers1:has(+ .projectSpeakers2) { background: #F3F5F7; margin-bottom: -50px; padding-top: 80px; } /* Plan to Visit */ .plantovisit .projectContacts3 { margin-bottom: 0; } .plantovisitHero { position: relative; height: 490px; margin-bottom: 80px; } .plantovisitHero__image { height: 100%; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; } .plantovisitHero__image img { width: 100%; height: 100%; object-fit: cover; } .plantovisitHero__image:before { background: rgba(0, 0, 0, 0.20); backdrop-filter: blur(50px); filter: blur(50px); content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .plantovisitHero .container { height: 100%; } .plantovisitHero__content { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-end; height: 100%; padding-bottom: 80px; } .plantovisitHero__back a { font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; letter-spacing: -0.16px; } .plantovisitHero__back a:before, .plantovisitHero__back a:after { color: #fff; } .plantovisitHero__uptitle { color: #fff; font-size: 28px; font-style: normal; font-weight: 400; line-height: 114%; letter-spacing: -0.28px; margin-top: 64px; } .plantovisitHero__title { color: #fff; font-size: 52px; font-style: normal; font-weight: 400; line-height: 107%; letter-spacing: -0.28px; margin-top: 24px; } .plantovisitList .heading__columns { margin-bottom: 80px; } .plantovisitList .heading__columns-subtitle { max-width: 920px; margin-bottom: 0; } .plantovisitList__items { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 12px; margin-bottom: 80px; } .plantovisitList__item { position: relative; height: 520px; } .plantovisitList__item[data-large] { grid-column: 1/3; } .plantovisitList__item-short__image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .plantovisitList__item-short__image img { width: 100%; height: 100%; object-fit: cover; } .plantovisitList__item-short__image:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%); display: block; content: ""; } .plantovisitList__item-short__content { position: relative; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; padding: 28px; } .plantovisitList__item-short__title { color: #FFF; font-size: 44px; font-style: normal; font-weight: 400; line-height: 109%; letter-spacing: -1.32px; } .plantovisitList__item-short__more { font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; } .plantovisitList__item-short__more:before, .plantovisitList__item-short__more:after { color: #fff; } .plantovisitList__item-short:hover .plantovisitList__item-short__more:before { bottom: -100%; } .plantovisitList__item-short:hover .plantovisitList__item-short__more:after { bottom: 0; } .plantovisitList__item-modal { left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 999; opacity: 0; visibility: hidden; display: none; } .plantovisitList__item-modal.show { display: block; } .plantovisitList__item-modal__overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .plantovisitList__item-modal__wrap { width: 100%; max-width: 1180px; background: #fff; z-index: 10; left: 100%; position: absolute; height: 100vh; opacity: 0; visibility: hidden; } .plantovisitList__item-modal__inner { overflow-y: auto; height: 100%; position: relative; } .plantovisitList__item-modal__content { max-width: 690px; margin: 80px auto 0; padding-bottom: 64px; } .plantovisitList__item-modal__close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; z-index: 9999; } .plantovisitList__item-modal__close:hover { transform: scale(1.05); } .plantovisitList__item-modal__title { color: #1A1A1A; font-size: 52px; font-style: normal; font-weight: 400; line-height: 107%; letter-spacing: -1.04px; margin-bottom: 48px; } .plantovisitList__item-modal__image { height: 320px; margin-bottom: 48px; } .plantovisitList__item-modal__image img { width: 100%; height: 100%; object-fit: cover; } .plantovisitList__item-modal__text { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; margin-bottom: 64px; } .plantovisitList__item-modal__text p:not(:last-child) { margin-bottom: 20px; } .plantovisitList__item-modal__meta { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 32px; grid-column-gap: 5px; border-top: 1px solid #1A1A1A; padding-top: 24px; } .plantovisitList__item-modal__meta-item { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; letter-spacing: -0.16px; padding-left: 28px; background-repeat: no-repeat; background-position: left top; min-height: 20px; } .plantovisitList__item-modal__meta-item a { color: #1A1A1A; } .plantovisitList__item-modal__meta-item.__address { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_5118_22640' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5118_22640)'%3E%3Cpath d='M10.0044 10C10.4181 10 10.7708 9.85269 11.0625 9.55808C11.3542 9.26346 11.5 8.90929 11.5 8.49558C11.5 8.08186 11.3527 7.72917 11.0581 7.4375C10.7635 7.14583 10.4093 7 9.99558 7C9.58186 7 9.22917 7.14731 8.9375 7.44192C8.64583 7.73654 8.5 8.09071 8.5 8.50442C8.5 8.91814 8.64731 9.27083 8.94192 9.5625C9.23654 9.85417 9.59071 10 10.0044 10ZM10 18C7.81979 16.1791 6.1914 14.4877 5.11483 12.926C4.03828 11.3642 3.5 9.90972 3.5 8.5625C3.5 6.70139 4.11806 5.14236 5.35417 3.88542C6.59028 2.62847 8.13542 2 9.98958 2C11.8438 2 13.3924 2.62847 14.6354 3.88542C15.8785 5.14236 16.5 6.70139 16.5 8.5625C16.5 9.90972 15.9653 11.3611 14.8958 12.9167C13.8264 14.4722 12.1944 16.1667 10 18Z' fill='%231A1A1A'/%3E%3C/g%3E%3C/svg%3E"); } .plantovisitList__item-modal__meta-item.__time { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_5118_22645' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5118_22645)'%3E%3Cpath d='M9.08333 12.8333L10.1458 11.7708L7.75 9.375V6H6.25V10L9.08333 12.8333ZM14 16.9167V15.3958C15.3056 15.1181 16.3819 14.4792 17.2292 13.4792C18.0764 12.4792 18.5 11.316 18.5 9.98958C18.5 8.66319 18.0764 7.5 17.2292 6.5C16.3819 5.5 15.3056 4.86806 14 4.60417V3.08333C15.7361 3.30556 17.1701 4.07292 18.3021 5.38542C19.434 6.69792 20 8.23611 20 10C20 11.7639 19.434 13.3056 18.3021 14.625C17.1701 15.9444 15.7361 16.7083 14 16.9167ZM7 17C6.02778 17 5.11713 16.8153 4.26806 16.4458C3.41898 16.0764 2.68009 15.5773 2.0514 14.9486C1.42269 14.3199 0.923611 13.581 0.554167 12.7319C0.184722 11.8829 0 10.9722 0 10C0 9.02778 0.184722 8.11713 0.554167 7.26806C0.923611 6.41898 1.42269 5.68009 2.0514 5.0514C2.68009 4.42269 3.41898 3.92361 4.26806 3.55417C5.11713 3.18472 6.02778 3 7 3C7.97222 3 8.88287 3.18472 9.73194 3.55417C10.581 3.92361 11.3199 4.42269 11.9486 5.0514C12.5773 5.68009 13.0764 6.41898 13.4458 7.26806C13.8153 8.11713 14 9.02778 14 10C14 10.9722 13.8153 11.8829 13.4458 12.7319C13.0764 13.581 12.5773 14.3199 11.9486 14.9486C11.3199 15.5773 10.581 16.0764 9.73194 16.4458C8.88287 16.8153 7.97222 17 7 17Z' fill='%231A1A1A'/%3E%3C/g%3E%3C/svg%3E"); } .plantovisitList__item-modal__meta-item.__link { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_5118_22652' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5118_22652)'%3E%3Cpath d='M10 15C8.61111 15 7.43056 14.5139 6.45833 13.5417C5.48611 12.5694 5 11.3889 5 10C5 8.61111 5.48611 7.43056 6.45833 6.45833C7.43056 5.48611 8.61111 5 10 5C11.3889 5 12.5694 5.48611 13.5417 6.45833C14.5139 7.43056 15 8.61111 15 10L13.4792 9.5C13.3542 8.63889 12.9618 7.92361 12.3021 7.35417C11.6424 6.78472 10.875 6.5 10 6.5C9.02778 6.5 8.20139 6.84028 7.52083 7.52083C6.84028 8.20139 6.5 9.02778 6.5 10C6.5 10.875 6.78472 11.6424 7.35417 12.3021C7.92361 12.9618 8.63889 13.3542 9.5 13.4792L10 15ZM10.9167 17.9375C10.7639 17.9653 10.6111 17.9826 10.4583 17.9896C10.3056 17.9965 10.1528 18 10 18C8.90278 18 7.86806 17.7917 6.89583 17.375C5.92361 16.9583 5.07292 16.3854 4.34375 15.6562C3.61458 14.9271 3.04167 14.0764 2.625 13.1042C2.20833 12.1319 2 11.0972 2 10C2 8.88889 2.20833 7.85069 2.625 6.88542C3.04167 5.92014 3.61458 5.07292 4.34375 4.34375C5.07292 3.61458 5.92361 3.04167 6.89583 2.625C7.86806 2.20833 8.90278 2 10 2C11.1111 2 12.1493 2.20833 13.1146 2.625C14.0799 3.04167 14.9271 3.61458 15.6562 4.34375C16.3854 5.07292 16.9583 5.92014 17.375 6.88542C17.7917 7.85069 18 8.88889 18 10C18 10.1528 17.9965 10.3056 17.9896 10.4583C17.9826 10.6111 17.9722 10.7639 17.9583 10.9167L16.5 10.4583V10C16.5 8.19444 15.8681 6.65972 14.6042 5.39583C13.3403 4.13194 11.8056 3.5 10 3.5C8.19444 3.5 6.65972 4.13194 5.39583 5.39583C4.13194 6.65972 3.5 8.19444 3.5 10C3.5 11.8056 4.13194 13.3403 5.39583 14.6042C6.65972 15.8681 8.19444 16.5 10 16.5C10.0694 16.5 10.1458 16.4965 10.2292 16.4896C10.3125 16.4826 10.3889 16.4792 10.4583 16.4792L10.9167 17.9375ZM17.0833 18.5L13.625 15.0208L12.5 18L10 10L18 12.5L15.0208 13.6042L18.5 17.0833L17.0833 18.5Z' fill='%231A1A1A'/%3E%3C/g%3E%3C/svg%3E"); } .plantovisitList__item-modal__meta-item.__phone { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_5118_22657' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5118_22657)'%3E%3Cpath d='M16 17C14.4722 17 12.9306 16.6458 11.375 15.9375C9.81944 15.2291 8.38889 14.2222 7.08333 12.9166C5.77778 11.6111 4.77083 10.1805 4.0625 8.62496C3.35417 7.0694 3 5.52079 3 3.97913V2.97913H7.60417L8.39583 6.52079L5.95833 8.97913C6.27778 9.52079 6.62153 10.0347 6.98958 10.5208C7.35764 11.0069 7.74306 11.4513 8.14583 11.8541C8.53472 12.243 8.95833 12.6145 9.41667 12.9687C9.875 13.3229 10.3889 13.6736 10.9583 14.0208L13.4583 11.5833L17 12.3333V17H16Z' fill='%231A1A1A'/%3E%3C/g%3E%3C/svg%3E"); } .plantovisit__button.hoverMe.button { background: #1A1A1A; margin-top: 48px; } .plantovisit_button_margin.hoverMe.button { margin-top: 10px; } @media (max-width:680px) { .plantovisitHero { height: 390px; margin-bottom: 64px; } .plantovisitHero__content { padding-bottom: 48px; } .plantovisitHero__back a { font-size: 16px; } .plantovisitHero__uptitle { margin-top: 160px; font-size: 16px; } .plantovisitHero__title { font-size: 28px; margin-top: 16px; } .plantovisitList .heading__columns { margin-bottom: 64px; } .plantovisitList__items { grid-template-columns: 1fr; grid-gap: 8px; margin-bottom: 64px; } .plantovisitList__item { height: 280px; } .plantovisitList__item[data-large] { grid-column: 1; } .plantovisitList__item-short__content { padding: 12px; } .plantovisitList__item-short__title { font-size: 28px; } .plantovisitList__item-short__more { font-size: 16px; } .plantovisitList__item-modal__content { padding: 0 12px 64px; } .plantovisitList__item-modal__title { font-size: 40px; margin-bottom: 48px; } .plantovisitList__item-modal__image { height: 280px; margin-bottom: 32px; } .plantovisitList__item-modal__text { font-size: 16px; margin-bottom: 64px; } .plantovisitList__item-modal__meta { grid-template-columns: 1fr; grid-row-gap: 16px; grid-column-gap: 0; } .plantovisit__button.hoverMe.button { background: #1A1A1A; margin-top: 0; margin-bottom: 30px; } } /* #Plan to Visit */ /* Чтобы можно было делать много спикеров в строку и плиткой */ .projectSpeakers1.__allWidth .projectSpeakers1__wrap { margin-top: 30px; } .projectSpeakers1.__allWidth .projectSpeakers1__list { max-width: none; grid-template-columns: repeat(4, 1fr); } @media (max-width:780px) { .projectSpeakers1.__allWidth .projectSpeakers1__wrap { margin-top: 20px; } .projectSpeakers1.__allWidth .projectSpeakers1__list { grid-template-columns: repeat(3, 1fr); } } @media (max-width:560px) { .projectSpeakers1.__allWidth .projectSpeakers1__list { grid-template-columns: repeat(2, 1fr); } } /* @media (max-width:480px) { .projectSpeakers1.__allWidth .projectSpeakers1__list { grid-template-columns: repeat(1, 1fr); } } */ /* #Чтобы можно было делать много спикеров в строку и плиткой */ .divein__article .container { padding: 0; } .divein__article .divein__article-content .projectHero__media-wrap iframe { margin-top: 0; height: 100%; min-height: 1px; } .divein__article .divein__article-content .hero__media { margin-top: 0; } @media (min-width:1000px) { .divein__article .hero__media { height: 480px; } } .hero__media-photo-desktop { display: block; } .login__popup-form__group.__half.hidden, .popup__settings-login__group.__half.hidden { display: none; } .speakers__showall { text-align: center; margin-top: 30px; } .projectSpeakers2__item.hidden { display: none; } .hero__slider .slick-list { max-height: 100%; } @media (max-width: 1399px) { .hero__slider { height: auto; } } /* Трансляции с табами */ .projectHero__media-tabs { margin-top: 24px; } .projectHero__media-tabs__head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } a.hoverMe.button.projectHero__media-tabs__head-item { background: none; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } a.hoverMe.button.projectHero__media-tabs__head-item, a.hoverMe.button.projectHero__media-tabs__head-item:before, a.hoverMe.button.projectHero__media-tabs__head-item:after { min-width: 75px; height: 40px; } a.hoverMe.button.projectHero__media-tabs__head-item:not(:last-child) { margin-right: 12px; } a.hoverMe.button.projectHero__media-tabs__head-item:before, a.hoverMe.button.projectHero__media-tabs__head-item:after { color: #1A1A1A; } a.hoverMe.button.projectHero__media-tabs__head-item.active { background: #1A1A1A; } a.hoverMe.button.projectHero__media-tabs__head-item.active:before, a.hoverMe.button.projectHero__media-tabs__head-item.active:after { color: #fff; } .projectHero__media-tabs__section:not(.active) { display: none; } .projectHero__media-tabs__section .projectHero__media-wrap { margin-top: 12px; } .projectHero__media-tabs__section .projectHero__media-wrap:not(:last-child) { margin-bottom: 48px; } .projectHero__media-tabs__section .hero__media { margin-top: 0; } .projectHero__media-tabs__section .heading__columns { margin-top: 12px; } @media (max-width:1000px) { a.hoverMe.button.projectHero__media-tabs__head-item { font-size: 16px; } .projectHero__media-tabs__section .projectHero__media-wrap { margin-top: 16px; } .projectHero__media-tabs__section .heading__columns { margin-top: 24px; } main.project .projectHero__media-tabs__section .heading__columns-title { margin-bottom: 0; } .projectHero__media-tabs__section .hero__media { margin-top: 0; } .projectHero__media-tabs__section .projectHero__media-wrap:not(:last-child) { margin-bottom: 64px; } } /* #Трансляции с табами */ /* Закрытие фото от гостей */ .fancybox-thumbs__list a.closedGuest:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.20); backdrop-filter: blur(27px); -webkit-backdrop-filter: blur(27px); filter: blur(27px); opacity: 1; border: none; z-index: 999; } .fancybox-thumbs__list a.closedGuest:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='17' viewBox='0 0 12 17' fill='none'%3E%3Cpath d='M0 17V6H2V4C2 2.89333 2.39046 1.95 3.17138 1.17C3.95229 0.39 4.89674 0 6.00471 0C7.11268 0 8.05556 0.39 8.83333 1.17C9.61111 1.95 10 2.89333 10 4V6H12V17H0ZM1.5 15.5H10.5V7.5H1.5V15.5ZM6.00442 13C6.41814 13 6.77083 12.8527 7.0625 12.5581C7.35417 12.2635 7.5 11.9093 7.5 11.4956C7.5 11.0819 7.35269 10.7292 7.05808 10.4375C6.76346 10.1458 6.40929 10 5.99558 10C5.58186 10 5.22917 10.1473 4.9375 10.4419C4.64583 10.7365 4.5 11.0907 4.5 11.5044C4.5 11.9181 4.64731 12.2708 4.94192 12.5625C5.23654 12.8542 5.59071 13 6.00442 13ZM3.5 6H8.5V4C8.5 3.30556 8.25694 2.71528 7.77083 2.22917C7.28472 1.74306 6.69444 1.5 6 1.5C5.30556 1.5 4.71528 1.74306 4.22917 2.22917C3.74306 2.71528 3.5 3.30556 3.5 4V6Z' fill='white'/%3E%3C/svg%3E") center no-repeat; z-index: 99999; } .fancybox-thumbs__list a.fancybox-thumbs-active.closedGuest:after { box-shadow: inset 0 0 0 2px #FA8A59; } .pv__photos-item__closed-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: default; z-index: 999999; } .pv__photos-item__closed-wrap__overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.20); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); filter: 50px; z-index: 100; } .pv__photos-item__closed-inner { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; height: 100%; z-index: 101; position: relative; } .pv__photos-item__closed-title { color: #F3F5F7; text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; z-index: 9; margin-bottom: 32px; max-width: 490px; } .pv__photos-item__closed-title:before { content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='21' viewBox='0 0 17 21' fill='none'%3E%3Cpath d='M0.5 21V7H3.5V5C3.5 3.61667 3.9875 2.4375 4.9625 1.4625C5.9375 0.4875 7.11667 0 8.5 0C9.88333 0 11.0625 0.4875 12.0375 1.4625C13.0125 2.4375 13.5 3.61667 13.5 5V7H16.5V21H0.5ZM2.5 19H14.5V9H2.5V19ZM8.5 16C9.05 16 9.52083 15.8042 9.9125 15.4125C10.3042 15.0208 10.5 14.55 10.5 14C10.5 13.45 10.3042 12.9792 9.9125 12.5875C9.52083 12.1958 9.05 12 8.5 12C7.95 12 7.47917 12.1958 7.0875 12.5875C6.69583 12.9792 6.5 13.45 6.5 14C6.5 14.55 6.69583 15.0208 7.0875 15.4125C7.47917 15.8042 7.95 16 8.5 16ZM5.5 7H11.5V5C11.5 4.16667 11.2083 3.45833 10.625 2.875C10.0417 2.29167 9.33333 2 8.5 2C7.66667 2 6.95833 2.29167 6.375 2.875C5.79167 3.45833 5.5 4.16667 5.5 5V7Z' fill='white'/%3E%3C/svg%3E") center no-repeat; width: 17px; height: 21px; display: block; margin: 0 auto 8px; } /* #Закрытие фото от гостей */ /* Видео с таймкодом */ .projectTimes__wrap { /* max-width: 1070px;*/ width: 100%; height: 560px; display: grid; grid-template-rows: 1fr; grid-template-columns: calc(100% - 390px) 390px; margin: 40px auto; } .projectTimes__player-wrapper { height: 560px; } .projectTimes__player-video { width: 100%; height: 100%; object-fit: cover; } .projectTimes__sidebar-head { background: #1A1A1A; padding: 8px 12px; } .projectTimes__sidebar-title { color: #FFF; font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; margin-bottom: 4px; } .projectTimes__sidebar-day { color: #FFEB80; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .projectTimes__sidebar-body { overflow-x: hidden; } .projectTimes__sidebar-body ul { display: block; max-height: 488px; margin: 0; overflow-y: scroll; } .projectTimes__sidebar-body ul::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .projectTimes__sidebar-body ul::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #646464; -webkit-box-shadow: 0 0 1px #ffffff; -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } .projectTimes__sidebar-body ul li { border-bottom: 1px solid #fff; } .projectTimes__sidebar-body .seeker-button { padding: 8px 12px; background: #F3F5F7; display: block; transition: .3s all; } .projectTimes__sidebar-seek__title { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin-bottom: 4px; transition: .3s all; } .projectTimes__sidebar-seek__time { color: #808080; font-size: 12px; font-style: normal; font-weight: 500; line-height: 166%; letter-spacing: -0.12px; } .projectTimes__sidebar-body ul li.active .seeker-button { background: #fff; } .projectTimes__sidebar-body ul li.active .projectTimes__sidebar-seek__title { color: #FA8A59; } @media (max-width:1000px) { .projectTimes__wrap { max-width: none; width: 100%; height: auto; display: grid; grid-template-rows: 220px auto; grid-template-columns: 1fr; margin: 40px 0; } .projectTimes__player-wrapper { height: 220px; } .projectTimes__sidebar-body ul { max-height: 250px !important; } } .projectTimes-tabs__head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } a.hoverMe.button.projectTimes-tabs__head-item { background: none; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } a.hoverMe.button.projectTimes-tabs__head-item, a.hoverMe.button.projectTimes-tabs__head-item:before, a.hoverMe.button.projectTimes-tabs__head-item:after { min-width: 75px; height: 40px; } a.hoverMe.button.projectTimes-tabs__head-item:not(:last-child) { margin-right: 12px; } a.hoverMe.button.projectTimes-tabs__head-item:before, a.hoverMe.button.projectTimes-tabs__head-item:after { color: #1A1A1A; } a.hoverMe.button.projectTimes-tabs__head-item.active { background: #1A1A1A; } a.hoverMe.button.projectTimes-tabs__head-item.active:before, a.hoverMe.button.projectTimes-tabs__head-item.active:after { color: #fff; } .projectTimes-tabs__section:not(.active) { display: none; } /* #Видео с таймкодом */ /* Стили для страницы https://impact-mission.org/solutions/global-impact-pavilion */ .button__gip.hoverMe.button { min-width: 310px; height: 64px; font-size: 20px; padding-left: 0; padding-right: 0; text-align: center; background: #E9F174; } .button__gip.hoverMe.button:before, .button__gip.hoverMe.button:after { background: #E9F174; color: #1A1A1A; font-size: 20px; height: 64px; } main.project[data-page="global-impact-pavilion"] .projectHero__cols-link { max-width: 570px; text-align: right; } main.project[data-page="global-impact-pavilion"] .projectContentNew { margin-top: 80px; } main.project[data-page="global-impact-pavilion"] .brand-slider { min-width: 200px; } main.project[data-page="global-impact-pavilion"] .itsharing { margin-bottom: 112px; } main.project[data-page="global-impact-pavilion"] .itsharing .container:before { background: #1A1A1A; height: 1px; } .projectDocs__links-item__preview { height: 60px; } .projectDocs__wrap.__links-twoColumns { display: block; } .projectDocs__wrap.__links-twoColumns .heading__columns-title { max-width: 670px; margin-bottom: 64px; } .projectDocs__wrap.__links-twoColumns .projectDocs__links { display: grid; grid-template-columns: 40% 40%; justify-content: space-between; max-width: none; } .projectDocs__wrap.__links-twoColumns .projectDocs__links-item { max-width: 570px; } .projectDocs__wrap.__links-twoColumns .projectDocs__links-item:nth-last-child(2) { margin-bottom: 0; } main.project[data-page="global-impact-pavilion"] .projectDocs__links-item__size { color: #808080; } /* Стили для страницы https://impact-mission.org/solutions/global-impact-pavilion */ .divein__article-content p a { color: #FA8A59 !important; font-weight: 700; text-decoration: underline; } .divein__article-content p a:hover { text-decoration: none; } button.hoverMe.button.modlesEx__button { width: 180px; max-width: none; min-width: 1px; } button.hoverMe.button.modlesEx__button:before, button.hoverMe.button.modlesEx__button:after { max-width: none; } .modlesEx__list.__multiple .modlesEx__item:not(:last-child) { margin-bottom: 40px; } /* СТРАНИЦА GIC 2023 и COP DUBAI */ .projectHosted { margin: 80px 0; } .projectHosted .index__heading { margin-bottom: 0; } .projectHosted__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: center; align-items: center; } .projectHosted__list-item { display: block; max-width: 570px; } .projectHosted__list-diff { margin: 0 50px; min-width: 1px; max-width: 1px; height: 455px; background: #1A1A1A; display: block; } .projectHosted__list-item__logo { width: 100%; } .projectHosted__list-item__logo img { max-width: 100%; } .projectHosted__list-item__info { max-width: 640px; font-size: 20px; font-weight: 500; color: rgba(0, 0, 0, 0.80); letter-spacing: -0.2px; line-height: 120%; margin-bottom: 48px; } .projectHosted__list-item__button.button { max-width: none; padding: 0 20px; display: inline-block; vertical-align: middle; } .projectHosted__list-item__button:before, .projectHosted__list-item__button:after { background-color: #1A1A1A; color: #fff; flex-direction: column; align-items: center; justify-content: center; } .projectHosted__popup { display: none; left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 999; opacity: 0; visibility: hidden; } .projectHosted__popup.show { display: block; } .projectHosted__popup-overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .projectHosted__popup-wrap { width: 100%; max-width: 1180px; background: #fff; z-index: 10; left: 100%; position: absolute; height: 100vh; opacity: 0; visibility: hidden; } .projectHosted__popup-inner { overflow-y: auto; height: 100%; max-width: 690px; margin: 0 auto; padding-top: 75px; } .projectHosted__popup-inner::-webkit-scrollbar { display: none; } .projectHosted__popup-close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; z-index: 9999; } .projectHosted__popup-close:hover { transform: scale(1.05); } .projectHosted__popup-title { color: #1A1A1A; font-size: 52px; line-height: 107%; letter-spacing: -1.04px; font-weight: 500; margin-bottom: 50px; } .projectHosted__popup-preview { height: 320px; margin-bottom: 48px; } .projectHosted__popup-preview img { width: 100%; height: 100%; object-fit: cover; } .projectHosted__popup-text { color: #1A1A1A; font-weight: 500; font-size: 20px; line-height: 120%; letter-spacing: -0.2px; margin-bottom: 64px; } .projectHosted__popup-text p:not(:last-child) { margin-bottom: 20px; } .projectHosted__popup-text a { color: #FA8A59; text-decoration: underline; } .projectHosted__popup-text a:hover { text-decoration: none; } .projectFindCop { padding: 80px 0 112px; background-color: #F3F5F7; margin-bottom: 50px; } .projectFindCop__list { display: grid; grid-template-rows: 1fr; grid-template-columns: repeat(3, 1fr); grid-column-gap: 12px; margin-top: 80px; } .projectFindCop__item { cursor: pointer; } .projectFindCop__item-digit { color: #1A1A1A; font-size: 80px; font-weight: 500; line-height: 100%; letter-spacing: -2.4px; margin-bottom: 24px; } .projectFindCop__item-title { color: #1A1A1A; font-size: 44px; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; margin-bottom: 24px; } .projectFindCop__item-button, .projectFindCop__item-button:before, .projectFindCop__item-button:after { max-width: 148px; } .projectFindCop__item-button:before, .projectFindCop__item-button:after { background-color: #1A1A1A; color: #fff; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; -ms-align-items: center; align-items: center; } .projectFindCop__popup { display: none; left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 999; opacity: 0; visibility: hidden; } .projectFindCop__popup.show { display: block; } .projectFindCop__popup-overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .projectFindCop__popup-wrap { width: 100%; max-width: 1180px; background: #fff; z-index: 10; left: 100%; position: absolute; height: 100vh; opacity: 0; visibility: hidden; } .projectFindCop__popup-inner { overflow-y: auto; height: 100%; max-width: 690px; margin: 0 auto; padding-top: 75px; } .projectFindCop__popup-inner::-webkit-scrollbar { display: none; } .projectFindCop__popup-close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; z-index: 9999; } .projectFindCop__popup-close:hover { transform: scale(1.05); } .projectFindCop__popup-section { margin-bottom: 64px; } .projectFindCop__popup-section__title { color: #1A1A1A; font-size: 52px; letter-spacing: -1.04px; line-height: 107%; font-weight: 500; margin-bottom: 57px; } .projectFindCop__popup-section__image { } .projectFindCop__popup-section__image img { width: 100%; height: auto; object-fit: contain; } .project[data-page="gic2023"] .gic2023:before, .project[data-page="gic2023"] .gic2023:after, .project[data-page="gic2023"] .gic2023, .project[data-page="/rugic2023"] .gic2023:before, .project[data-page="/rugic2023"] .gic2023:after, .project[data-page="/rugic2023"] .gic2023{ min-width: 1px; max-width: none; height: 64px; font-size: 20px; } .project[data-page="gic2023"] .gic2023.hoverMe.button, .project[data-page="/rugic2023"] .gic2023.hoverMe.button { padding: 0 25px; } .project[data-page="gic2023"] .gic2023:before, .project[data-page="gic2023"] .gic2023:after, .project[data-page="/rugic2023"] .gic2023:before, .project[data-page="/rugic2023"] .gic2023:after { background-color: #1C1C1C; } .project[data-page="gic2023"] .projectSpeakers2 .speakers__showall a.hoverMe.button, .project[data-page="gic2023"] .projectSpeakers2 .speakers__showall a.hoverMe.button:before, .project[data-page="gic2023"] .projectSpeakers2 .speakers__showall a.hoverMe.button:after, .project[data-page="/rugic2023"] .projectSpeakers2 .speakers__showall a.hoverMe.button, .project[data-page="/rugic2023"] .projectSpeakers2 .speakers__showall a.hoverMe.button:before, .project[data-page="/rugic2023"] .projectSpeakers2 .speakers__showall a.hoverMe.button:after { background-color: #1C1C1C; } @media (max-width:760px) { .projectPresent, .projectFeatures, .projectContent, .projectSpeakers2, .projectGoal { margin-bottom: 40px !important; } } .project[data-page="gic2023"] .itsharing .container:before, .project[data-page="/rugic2023"] .itsharing .container:before { background: #1C1C1C; height: 1px; } @media (max-width:760px) { .project[data-page="gic2023"] .itsharing, .project[data-page="/rugic2023"] .itsharing { margin-bottom: 48px; } .project[data-page="gic2023"] .gic2023 { margin-bottom: 40px; } .project[data-page="gic2023"] .gic2023:before, .project[data-page="gic2023"] .gic2023:after, .project[data-page="gic2023"] .gic2023, .project[data-page="/rugic2023"] .gic2023:before, .project[data-page="/rugic2023"] .gic2023:after, .project[data-page="/rugic2023"] .gic2023{ min-width: 1px; max-width: none; height: 40px; font-size: 16px; } } @media (min-width:760px) { .project[data-page="gic2023"] .itsharing, .project[data-page="/rugic2023"] .itsharing { margin-bottom: 64px; } } .project[data-page="gic2023"] .itteam__mask, .project[data-page="/rugic2023"] .itteam__mask { font-size: 185px; line-height: 90%; letter-spacing: -14.8px; font-weight: 500; text-align: right; padding-right: 25px; position: relative; right: -25px; background-image: url("/local/assets/css/../img/copParallax.png"); } .project[data-page="gic2023"] .itteam__mask p, .project[data-page="/rugic2023"] .itteam__mask p { padding-right: 0; } .project[data-page="gic2023"] .itteam__mask em, .project[data-page="/rugic2023"] .itteam__mask em { margin-left: -20px; padding-right: 20px; } .project[data-page="gic2023"] .itteam__list, .project[data-page="/rugic2023"] .itteam__list { display: none; } .projectCopShedule { margin: 112px 0; } .projectCopShedule__wrap { display: grid; grid-template-rows: 1fr; grid-template-columns: repeat(2, 570px); grid-row-gap: 64px; margin-bottom: 64px; justify-content: space-between; } .projectCopShedule__item { display: none; max-width: 570px; cursor: pointer; } .projectCopShedule__item.active { display: block; } .projectCopShedule__item-preview { height: 270px; margin-bottom: 16px; } .projectCopShedule__item-preview img { width: 100%; height: 100%; object-fit: cover; } .projectCopShedule__item-meta { margin-bottom: 24px; } .projectCopShedule__item-meta__item { height: 20px; background-repeat: no-repeat; background-position: left center; padding-left: 28px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; font-size: 16px; letter-spacing: -0.16px; line-height: 125%; font-weight: 500; } .projectCopShedule__item-meta__item:first-child { margin-bottom: 8px; } .projectCopShedule__item-meta__item[data-type="datetime"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_5874_22849' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5874_22849)'%3E%3Cpath d='M12.0833 12.8333L13.1458 11.7708L10.75 9.375V6H9.25V10L12.0833 12.8333ZM10 17C9.02778 17 8.11713 16.8153 7.26806 16.4458C6.41898 16.0764 5.68009 15.5773 5.0514 14.9486C4.42269 14.3199 3.92361 13.581 3.55417 12.7319C3.18472 11.8829 3 10.9722 3 10C3 9.02778 3.18472 8.11713 3.55417 7.26806C3.92361 6.41898 4.42269 5.68009 5.0514 5.0514C5.68009 4.42269 6.41898 3.92361 7.26806 3.55417C8.11713 3.18472 9.02778 3 10 3C10.9722 3 11.8829 3.18472 12.7319 3.55417C13.581 3.92361 14.3199 4.42269 14.9486 5.0514C15.5773 5.68009 16.0764 6.41898 16.4458 7.26806C16.8153 8.11713 17 9.02778 17 10C17 10.9722 16.8153 11.8829 16.4458 12.7319C16.0764 13.581 15.5773 14.3199 14.9486 14.9486C14.3199 15.5773 13.581 16.0764 12.7319 16.4458C11.8829 16.8153 10.9722 17 10 17Z' fill='%231A1A1A'/%3E%3C/g%3E%3C/svg%3E"); } .projectCopShedule__item-meta__item[data-type="place"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_5874_22844' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5874_22844)'%3E%3Cpath d='M10.0044 10C10.4181 10 10.7708 9.85269 11.0625 9.55808C11.3542 9.26346 11.5 8.90929 11.5 8.49558C11.5 8.08186 11.3527 7.72917 11.0581 7.4375C10.7635 7.14583 10.4093 7 9.99558 7C9.58186 7 9.22917 7.14731 8.9375 7.44192C8.64583 7.73654 8.5 8.09071 8.5 8.50442C8.5 8.91814 8.64731 9.27083 8.94192 9.5625C9.23654 9.85417 9.59071 10 10.0044 10ZM10 18C7.81979 16.1791 6.1914 14.4877 5.11483 12.926C4.03828 11.3642 3.5 9.90972 3.5 8.5625C3.5 6.70139 4.11806 5.14236 5.35417 3.88542C6.59028 2.62847 8.13542 2 9.98958 2C11.8438 2 13.3924 2.62847 14.6354 3.88542C15.8785 5.14236 16.5 6.70139 16.5 8.5625C16.5 9.90972 15.9653 11.3611 14.8958 12.9167C13.8264 14.4722 12.1944 16.1667 10 18Z' fill='%231A1A1A'/%3E%3C/g%3E%3C/svg%3E"); } .projectCopShedule__item-title { color: #1A1A1A; font-size: 28px; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; margin-bottom: 24px; } .projectCopShedule__item-info { color: #1A1A1A; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; font-size: 16px; max-width: 455px; margin-bottom: 32px; } .projectCopShedule__item-more { font-size: 20px; font-weight: 500; letter-spacing: -0.2px; line-height: 120%; } .projectCopShedule__item-more:before, .projectCopShedule__item-more:after { color: #1A1A1A; } .projectCopShedule__item-popup { display: none; left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 999; opacity: 0; visibility: hidden; } .projectCopShedule__item-popup.show { display: block; } .projectCopShedule__item-popup__overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .projectCopShedule__item-popup__wrap { width: 100%; max-width: 1180px; background: #fff; z-index: 10; left: 100%; position: absolute; height: 100vh; opacity: 0; visibility: hidden; } .projectCopShedule__item-popup__inner { overflow-y: auto; height: 100%; max-width: 690px; margin: 0 auto; padding-top: 75px; padding-bottom: 112px; } .projectCopShedule__item-popup__inner::-webkit-scrollbar { display: none; } .projectCopShedule__item-popup__close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; z-index: 9999; } .projectCopShedule__item-popup__close:hover { transform: scale(1.05); } .projectCopShedule__item-popup__info .projectCopShedule__item-title { font-size: 44px; margin-bottom: 48px; } .projectCopShedule__item-popup__info .projectCopShedule__item-preview { height: 340px; margin-bottom: 48px; } .projectCopShedule__item-popup__info .projectCopShedule__item-info { max-width: none; margin-bottom: 24px; } .projectCopShedule__item-popup__info .projectCopShedule__item-meta { border-top: 1px solid #1A1A1A; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: center; align-items: center; margin-bottom: 62px; padding-top: 24px; } .projectCopShedule__item-text { color: #1A1A1A; font-size: 20px; letter-spacing: -0.2px; line-height: 120%; margin-bottom: 112px; } .projectCopShedule__item-peoples:not(:last-child) { margin-bottom: 112px; } .projectCopShedule__item-peoples:last-child { margin-bottom: 48px; } .projectCopShedule__item-peoples__title { font-size: 44px; font-weight: 500; line-height: 109%; color: #1A1A1A; letter-spacing: -1.32px; margin-bottom: 48px; } .projectCopShedule__item-peoples__item:not(:last-child) { border-bottom: 1px solid #1A1A1A; padding-bottom: 24px; margin-bottom: 24px; } .projectCopShedule__item-peoples__item-name { color: #1A1A1A; font-size: 28px; font-weight: 500; line-height: 114%; margin-bottom: 12px; } .projectCopShedule__item-peoples__item-post { color: #1A1A1A; font-size: 16px; line-height: 125%; font-weight: 500; letter-spacing: -0.16px; } .projectCopShedule__button:before, .projectCopShedule__button:after { background-color: #1C1C1C; } @media (max-width:760px) { .projectHero__heading { margin-top: 30px; } .project[data-page*="gic2023"] .projectGoal .heading__columns-subtitle { margin-bottom: 0; } .project[data-page*="gic2023"] .sp-image { height: 456px; margin-top: 0; padding: 0 12px; margin-bottom: 0; } .project[data-page*="gic2023"] .sp-image img { object-fit: cover; } .projectHosted { margin: 64px 0; } .projectHosted__list { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .projectHosted__list-item__parent:first-child { margin-bottom: 40px; } .projectHosted__list-item__logo { height: 350px; width: 100%; } .projectHosted__list-item__logo img { width: 100%; height: 100%; object-fit: cover; } .projectHosted__list-item__info { font-size: 16px; line-height: 125%; margin-bottom: 40px; } .projectHosted__list-diff { display: none; } .projectHosted__popup-close { right: 10px; top: 10px; } .projectHosted__popup-inner { padding-left: 10px; padding-right: 10px; } .projectHosted__popup-title { font-size: 40px; } .projectHosted__popup-preview { height: 200px; } .projectHosted__popup-text { font-size: 16px; } .projectFindCop { background: none; margin-bottom: 0; padding-bottom: 0; } .projectFindCop__list { grid-template-columns: 1fr; grid-template-rows: auto; margin-top: 32px; grid-row-gap: 32px; } .projectFindCop__item-digit { font-size: 48px; margin-bottom: 8px; } .projectFindCop__item-title, .projectFindCop__popup-section__title { font-size: 28px; margin-bottom: 24px; } .projectFindCop__popup-close { right: 10px; top: 10px; } .projectFindCop__popup-section { padding: 0 10px; } .project[data-page="gic2023"] .itteam__mask, .project[data-page="/rugic2023"] .itteam__mask { display: block; font-size: 110px; right: 0; margin-top: 64px; letter-spacing: -5.5px; padding-right: 0; } .project[data-page="gic2023"] .hero__media { margin-top: 64px; } .project[data-page="gic2023"] .itteam { margin-top: 80px; } .project[data-page="gic2023"] .projectFindCop { padding-top: 0; } .project[data-page*="gic2023"] .projectHero__media-wrap .heading__columns { display: none; } .projectCopShedule { margin: 64px 0; } .projectCopShedule__wrap { grid-template-columns: 1fr; grid-template-rows: auto; } .projectCopShedule__item-preview, .projectCopShedule__item-popup__info .projectCopShedule__item-preview { height: auto; } .projectCopShedule__item-preview img { height: auto; width: auto; max-width: 100%; } .projectCopShedule__item-title { font-size: 18px; } .projectCopShedule__item-popup__inner { padding-left: 10px; padding-right: 10px; padding-bottom: 80px; } .projectCopShedule__item-popup__close { right: 10px; top: 10px; } .projectCopShedule__item-popup__info .projectCopShedule__item-title { font-size: 22px; margin-bottom: 30px; } .projectCopShedule__item-popup__info .projectCopShedule__item-preview { margin-bottom: 30px; } .projectCopShedule__item-popup__info .projectCopShedule__item-meta { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; margin-bottom: 40px; } .projectCopShedule__item-meta__item { font-size: 14px; } .projectCopShedule__item-text { font-size: 16px; margin-bottom: 80px; } .projectCopShedule__item-peoples:not(:last-child) { margin-bottom: 60px; } .projectCopShedule__item-peoples__title { font-size: 32px; margin-bottom: 30px; } .projectCopShedule__item-peoples__item-name { font-size: 18px; } .projectCopShedule__item-peoples__item-post { font-size: 16px; } } @media (max-width:410px) { .projectContacts3__address { min-width: 1px; } } .projectHero__menu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; font-size: 0; } @media (min-width:780px) { .projectHero__menu { margin-top: 80px; } } .projectHero__menu-item.hoverMe.button, .projectHero__menu-item.hoverMe.button:before, .projectHero__menu-item.hoverMe.button:after { background: none; min-width: 1px; max-width: none; height: 40px; font-size: 20px; } .projectHero__menu-item.hoverMe.button { padding-left: 24px; padding-right: 24px; } .projectHero__menu-item.hoverMe.button:before, .projectHero__menu-item.hoverMe.button:after { color: #1A1A1A; } .projectHero__menu-item.active.hoverMe.button, .projectHero__menu-item.active.hoverMe.button:before, .projectHero__menu-item.active.hoverMe.button:after { background: #1A1A1A; } .projectHero__menu-item.active.hoverMe.button:before, .projectHero__menu-item.active.hoverMe.button:after { color: #fff; } @media (max-width:780px) { .projectHero__menu-item.hoverMe.button, .projectHero__menu-item.hoverMe.button:before, .projectHero__menu-item.hoverMe.button:after { font-size: 16px; } } .projectGoal__popup { display: none; left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 999; opacity: 0; visibility: hidden; } .projectGoal__popup.show { display: block; } .projectGoal__popup-overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .projectGoal__popup-wrap { width: 100%; max-width: 1180px; background: #fff; z-index: 10; left: 100%; position: absolute; height: 100vh; opacity: 0; visibility: hidden; } .projectGoal__popup-inner { overflow-y: auto; height: 100%; max-width: 690px; margin: 0 auto; padding-top: 75px; } .projectGoal__popup-inner::-webkit-scrollbar { display: none; } .projectGoal__popup-close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; z-index: 9999; } .projectGoal__popup-close:hover { transform: scale(1.05); } .projectGoal__popup-title { font-size: 52px; letter-spacing: -1.04px; line-height: 107%; color: #1A1A1A; font-weight: 500; margin-bottom: 48px; } .projectGoal__popup-poster { margin-bottom: 48px; } .projectGoal__popup-poster img { max-width: 100%; } .projectGoal__popup-text { margin-bottom: 64px; color: #1A1A1A; font-size: 20px; line-height: 120%; letter-spacing: -0.2px; font-weight: 500; } .projectGoal__popup-text p:not(:last-child) { margin-bottom: 20px; } @media (min-width: 768px) { .projectOthers + .projectGoal { margin-top: 0; } } .sp-gallery-items { margin-bottom: 20px; font-size: 0; } .sp-gallery-item { float: none; height: 100%; height: 220px; padding: 0; overflow: hidden; display: inline-block; vertical-align: middle; } .sp-gallery-item:not(:last-child) { margin-right: 10px; } .sp-gallery-item-img-wrapper { width: 100%; height: 100%; display: block; } .sp-gallery-item img { transform: none; left: 0; top: 0; object-fit: cover; height: 100%; width: auto; max-height: none; } .worldMap { width: 100%; height: 600px; max-width: 1385px; background: #256aad; position: relative; margin: 100px 0; overflow: hidden; } .worldMap__init { width: 100%; height: 100%; } .worldMapMarker { cursor: pointer; } .worldMap path { stroke-width: 1; stroke: #f3f5f7; fill: grey; } .worldMapMarker.light { stroke: #fa8a59; } .worldMapTip { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; text-decoration: none; background: #1a1a1a; padding: 10px; cursor: pointer; } .worldMapTip__image { max-width: 110px; min-width: 110px; height: 110px; margin-right: 10px; } .worldMapTip__image img { width: 100%; height: 100%; object-fit: cover; } .worldMapTip__title { display: -webkit-box; width: 250px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 16px; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; color: #fff; margin-bottom: 10px; text-overflow: ellipsis; } .worldMapTip__country { font-size: 12px; font-style: normal; font-weight: 500; line-height: 166%; letter-spacing: -0.12px; color: #fff; } .worldMap__all.hoverMe { font-size: 20px; line-height: 120%; position: absolute; top: 24px; right: 24px; text-decoration: none; transition: .3s all; background: #fff; padding: 5px 10px; } .worldMap__all:before, .worldMap__all:after { color: #1a1a1a; flex-direction: column; align-items: center; justify-content: center; } .worldMap__all.hide { opacity: 0; visibility: hidden; } .worldMap__box { position: absolute; right: 0; height: 100%; top: 0; width: 490px; background: rgba(26, 26, 26, 0.9); padding-top: 24px; transform: translateX(100%); transition: .3s all; } .worldMap__box.show { transform: none; } .worldMap__box-close { text-align: right; padding-right: 24px; font-size: 20px; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .worldMap__box-close a.hoverMe:before, .worldMap__box-close a.hoverMe:after { color: #fff; } .worldMap__box-list { overflow-y: auto; height: calc(100% - 25px); } .worldMap__box-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; cursor: pointer; margin: 12px; padding-bottom: 12px; } .worldMap__box-item:not(:last-child) { border-bottom: 1px solid rgba(128, 128, 128, 0.3); } .worldMap__box-item__content { text-align: left; flex: auto; } .worldMap__box-item__image { max-width: 100px; min-width: 100px; height: 100px; overflow: hidden; margin-right: 12px; } .worldMap__box-item__image img { width: 100%; height: 100%; object-fit: cover; } .worldMap__box-item__date { color: #808080; font-size: 12px; font-weight: 500; line-height: 166%; letter-spacing: -0.12px; } .worldMap__box-item__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; align-self: stretch; overflow: hidden; color: #fff; text-overflow: ellipsis; font-size: 20px; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; margin-bottom: 12px; max-width: 350px; } .worldMap__box-item__country { color: #f3f5f7; font-size: 16px; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .worldMap__popup { display: none; left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 999; opacity: 0; visibility: hidden; } .worldMap__popup.show { display: block; } .worldMap__popup-overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .worldMap__popup-wrap { width: 100%; max-width: 1180px; background: #fff; z-index: 10; left: 100%; position: absolute; height: 100vh; opacity: 0; visibility: hidden; } .worldMap__popup-inner { overflow-y: auto; height: 100%; } .worldMap__popup-inner::-webkit-scrollbar { display: none; } .worldMap__popup-close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; z-index: 9999; } .worldMap__popup-close:hover { transform: scale(1.05); } .worldMap__popup-hero { height: 400px; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-end; } .worldMap__popup-hero:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; display: block; background: rgba(0, 0, 0, 0.20); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); } .worldMap__popup-hero img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } .worldMap__popup-hero__title { position: relative; z-index: 2; font-size: 52px; font-style: normal; font-weight: 500; line-height: 107%; letter-spacing: -1.04px; max-width: 690px; margin: 0 auto; color: #fff; padding-bottom: 32px; } .worldMap__popup-speaker { max-width: 690px; margin: 32px auto 64px; position: relative; height: 305px; padding: 5px; overflow: hidden; } .worldMap__popup-speaker__empty { margin-bottom: 64px; margin-top: 32px; } .worldMap__popup-speaker::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: conic-gradient(from 180deg at 50% 50%, #F4A90A -31.52deg, #1E2443 20.89deg, #007DDF 76.88deg, #E84629 195deg, #F4A90A 328.48deg, #1E2443 380.89deg), linear-gradient(0deg, #FFFFFF, #FFFFFF); background-repeat: no-repeat; z-index: -1; } .worldMap__popup-speaker__wrap { background: #fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; height: 100%; } .worldMap__popup-speaker__content { padding: 20px; max-width: 300px; } .worldMap__popup-speaker__content-name { color: #1A1A1A; font-size: 28px; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; } .worldMap__popup-speaker__content-post { color: #1A1A1A; font-size: 16px; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin-top: 12px; } .worldMap__popup-speaker__image { width: 301px; margin-top: 15px; } .worldMap__popup-speaker__image img { width: 100%; height: 100%; object-fit: contain; display: block; } .worldMap__popup-speakers { max-width: 690px; margin: 0 auto; } .worldMap__popup-title { font-size: 32px; font-weight: 500; line-height: 112%; letter-spacing: -0.96px; margin-bottom: 32px; } .worldMap__popup-speakers__list { display: grid; grid-template-rows: 380px; grid-template-columns: repeat(2, 1fr); grid-gap: 12px; margin-bottom: 64px; } .worldMap__popup-speakers__item { background: #F3F5F7; padding: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; height: 380px; } .worldMap__popup-speakers__item-name { font-size: 28px; font-weight: 500; line-height: 112%; letter-spacing: -0.96px; margin-bottom: 12px; } .worldMap__popup-speakers__item-post { font-size: 16px; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .worldMap__popup-speakers__item-image { width: 200px; height: 200px; margin-left: auto; border-radius: 50%; overflow: hidden; } .worldMap__popup-speakers__item-image img { width: 100%; height: 100%; object-fit: contain; } .worldMap__popup-sections { max-width: 690px; margin: 0 auto; } .worldMap__popup-sections__item { margin-bottom: 64px; } .worldMap__popup-sections__item-text { color: #1A1A1A; font-size: 20px; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .worldMap__popup-sections__item-text p:not(:last-child), .worldMap__popup-sections__item-text li:not(:last-child) { margin-bottom: 20px; } .worldMap__popup-sections__item-text li { list-style: disc; margin-left: 20px; } @media (max-width:760px) { .worldMap__all.hoverMe { font-size: 16px; right: 12px; } .worldMap__box { width: 100%; max-width: 350px; } .worldMap__box-close { font-size: 16px; } .worldMap__box-list { margin-top: 16px; } .worldMap__box-item__content { min-width: 1px; width: 100%; } .worldMap__box-item__image { height: 80px; min-width: 80px; max-width: 80px; } .worldMap__box-item__title { font-size: 16px; } .worldMap__box-item__country { font-size: 12px; } .worldMap__popup-close { top: 12px; right: 12px; } .worldMap__popup-hero { height: 380px; padding: 0 12px; position: relative; } .worldMap__popup-hero:after { content: ""; width: 100%; height: 4px; display: block; background: linear-gradient(270deg, #1E2443 11.39%, #007DDF 18.95%, #E84629 38.83%, #F4A90A 56.43%, #F4A90A 76.29%); position: absolute; bottom: 0; left: 0; z-index: 4; } .worldMap__popup-hero__title { font-size: 28px; padding-bottom: 40px; } .worldMap__popup-speaker { margin: 40px 12px 48px; } .worldMap__popup-speaker__empty { margin-top: 48px; margin-bottom: 48px; } .worldMap__popup-speaker__wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .worldMap__popup-speaker__content { padding: 12px; max-width: none; } .worldMap__popup-speaker__content-name, .worldMap__popup-speakers__item-name { font-size: 20px; } .worldMap__popup-speaker__content-post, .worldMap__popup-speakers__item-post { font-size: 12px; margin-top: 8px; } .worldMap__popup-speaker__image { margin-left: auto; height: 230px; margin-top: 18px; } .worldMap__popup-title { padding-left: 12px; font-size: 22px; margin-bottom: 24px; } .worldMap__popup-speakers__wrap { overflow-x: auto; margin-bottom: 48px; margin-left: 12px; margin-right: 12px; } .worldMap__popup-speakers__wrap::-webkit-scrollbar { height: 3px; width: 12px; background-color: #F5F5F5; } .worldMap__popup-speakers__wrap::-webkit-scrollbar-track { background-color: #F3F5F7; height: 3px; } .worldMap__popup-speakers__wrap::-webkit-scrollbar-thumb { background: linear-gradient(90deg, #1E2443 0%, #007DDF 18.66%, #E84629 64.91%, #F4A90A 100%); height: 3px; } .worldMap__popup-speakers__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; margin-bottom: 14px; } .worldMap__popup-speakers__item { min-width: 280px; max-width: 280px; height: 320px; } .worldMap__popup-speakers__item-image { width: 160px; height: 160px; } .worldMap__popup-speakers__item, .worldMap__popup-sections { padding: 12px; } .worldMap__popup-sections .worldMap__popup-title { padding-left: 0; } .worldMap__popup-sections__item { margin-bottom: 48px; } .worldMap__popup-sections__item-text { font-size: 16px; } .worldMap__popup-sections__item-text p:not(:last-child), .worldMap__popup-sections__item-text li:not(:last-child) { margin-left: 15px; } } .projectOthers .divein__blog-item.active { min-height: 520px; } @media (max-width:760px) { .projectOthers .divein__blog-item.active { min-height: 280px; } .projectHero__cols-item:last-child { margin-bottom: 0; } } .copVideos { margin: 80px 0; } @media (max-width:600px) { .copVideos { margin: 50px 0; } } .copVideos .pv__videos-item.hidden { display: none; } .copPhotos { margin: 80px 0; } .copPhotos__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; justify-content: space-between; } .copPhotos__list { max-width: 920px; } .copPhotos__list .pv__photos-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; color: #1A1A1A; } .copPhotos__list .pv__photos-item__preview { max-width: 220px; height: 160px; margin-right: 28px; } .copPhotos__item-content { margin-top: 14px; max-width: 570px; } .copPhotos__item-title { font-size: 28px; font-weight: 500; line-height: 114%; margin-bottom: 24px; } .copPhotos__item-desc { font-size: 16px; line-height: 125%; font-weight: 500; } @media (max-width:1170px) { .copPhotos__wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } main.project .copPhotos__wrap .heading__columns-title { margin-right: 0; margin-bottom: 0; } .copPhotos__wrap .heading__columns-title br { display: none; } .copPhotos__list { margin-top: 48px; } .copPhotos__item-title { font-size: 20px; margin-bottom: 8px; } .copPhotos__item-desc { font-size: 16px; } } @media (max-width:780px) { .copPhotos__list .pv__photos-item { margin-bottom: 32px; } .copPhotos__item-desc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .copPhotos__list .pv__photos-item__preview { max-width: 120px; height: 80px; margin-right: 12px; margin-bottom: 0; } } main.contributors .tabs__head { display: none; } .contributors__item-full .contributors__info-category { display: none; } main.contributors .contributors__tabs { border-top: none; padding-top: 0; } main.contributors .contributors__list { margin-top: 0; } @media (min-width:1000px) { /* .heading__columns .heading__columns-subtitle { min-width: 570px; } */ .pageCourse .pageCourse__content-meta { font-size: 16px; } } /* стили для страницы Brics */ .insights[data-page="brics"] .projectHero__logo { max-width: 300px; } .insights[data-page="brics"] .projectHero__cols { padding: 0; } .insights[data-page="brics"] .projectGoal { margin-bottom: 160px; } .image-caption { margin: 80px 0; } @media (max-width:1000px) { .image-caption { margin: 64px 0; } .sp-image { padding: 0 18px; } } .image-caption__title, .title-content__title { color: #1A1A1A; letter-spacing: -1.32px; font: 500 44px/109% "Inter"; margin-bottom: 48px; } .image-caption img { width: 100%; height: auto; object-fit: cover; } .image-caption .mobile { display: none; } @media (max-width:768px) { .image-caption .desktop { display: none; } .image-caption .mobile { display: block; width: auto; height: 850px; object-fit: contain; } } .title-content { margin: 80px 0; } .title-content__title { margin-bottom: 64px; } .title-content__content { max-width: 920px; margin: 0 auto; color: #1A1A1A; font-size: 20px; line-height: 120%; letter-spacing: -0.2px; } @media (max-width:1000px) { .title-content { margin: 64px 0; } .image-caption__title, .title-content__title { font-size: 28px; margin-bottom: 32px; } .title-content__content { font-size: 16px; } } .content-bg { margin: 80px 0; } .content-bg__content { max-width: 920px; padding: 90px 0; margin: 0 auto; color: #808080; text-align: center; font-size: 11px; font-weight: 500; line-height: 140%; letter-spacing: -0.11px; } .tabs-logos { margin: 120px 0 80px; } .tabs-logos__head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; gap: 12px; margin-top: 24px; margin-bottom: 48px; } .tabs-logos__head-item { padding: 8px 12px; color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; cursor: pointer; transition: .3s all; } .tabs-logos__head-item.active { background: #1A1A1A; color: #FFF; } .tabs-logos__body-item { display: none; } .tabs-logos__body-item.active { display: block; } .tabs-logos__body-item__list { display: grid; grid-template-columns: repeat(auto-fill, 220px); grid-template-rows: repeat(auto-fill, 100px); grid-row-gap: 20px; grid-column-gap: 20px; justify-content: center; -ms-align-items: center; align-items: center; justify-content: space-between; } .tabs-logos__body-item__logo { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; width: 100%; height: 100%; } .tabs-logos__body-item__logo img { max-width: 100%; object-fit: contain; } .tabs-logos__body-item__logo._fixedLogo { max-height: 70px; } .tabs-logos__body-item__logo._fixedLogo img { max-height: 100%; } .tabs-logos__body-item__content, .brics__section10-content { background: #F3F5F7; margin: 80px 0; } .brics__section10-content:first-child { margin-top: 0; } .brics__section10-content:last-child { margin-bottom: 0; } .tabs-logos__body-item__content-wrap, .brics__section10-content { max-width: 920px; padding: 90px 0; margin: 0 auto; color: #808080; text-align: center; font-size: 11px; font-weight: 500; line-height: 109%; letter-spacing: -0.11px; } .brics__section10-content { max-width: none; padding-left: 18px; padding-right: 18px; } .brics { } .brics__tabs-head { margin: 48px 0 80px; } .brics__tabs-head__item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: center; align-items: center; padding: 16px 12px; cursor: pointer; transition: .3s all; } .brics__tabs-head__item:hover { background: #F3F5F7; } .brics__tabs-head__item-title { color: #1A1A1A; font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; position: relative; padding-left: 30px; } .brics__tabs-head__item-title:before { content: ""; background: url("data:image/svg+xml,%0A%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='open'%3E%3Cpath id='Polygon 1' d='M8 3.99988L2 7.46398L2 0.535776L8 3.99988Z' fill='%231A1A1A'/%3E%3C/g%3E%3C/svg%3E%0A") left center no-repeat; display: block; width: 8px; height: 8px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: .3s all; } .brics__tabs-head__item:hover .brics__tabs-head__item-title:before { transform: rotate(90deg) translateX(-3px) translateY(-54%); left: -2px; } .brics__tabs-head__item-more { transition: .3s all; color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; position: relative; padding-left: 25px; opacity: 0; visibility: hidden; } .brics__tabs-head__item:hover .brics__tabs-head__item-more { opacity: 1; visibility: visible; } .brics__tabs-head__item-more:before { content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.81077 17L16.9219 17L16.9219 3L2.92188 3L2.92187 13.1111L6.81077 17ZM7.92187 15.5L4.42187 12L7.92187 12L7.92187 15.5ZM10.6719 13L9.17187 13L9.17187 8.25L6.92187 8.25L6.92187 6.75L12.9219 6.75L12.9219 8.25L10.6719 8.25L10.6719 13Z' fill='%231C1B1F'/%3E%3C/svg%3E") left top no-repeat; width: 20px; height: 20px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; margin-top: -2px; } .brics__tabs-body__item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; position: relative; } .brics__tabs-body__item:not(:last-child) { margin-bottom: 120px; } .brics__tabs-body__back { min-width: 450px; color: #1A1A1A; font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; position: sticky; padding-left: 28px; cursor: pointer; top: 100px; } .brics__tabs-body__back:before { content: ""; position: absolute; background: url("data:image/svg+xml,%0A%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='open'%3E%3Cpath id='Polygon 1' d='M8 3.99988L2 7.46398L2 0.535776L8 3.99988Z' fill='%231A1A1A'/%3E%3C/g%3E%3C/svg%3E%0A") left center no-repeat; width: 8px; height: 8px; display: block; left: 0; top: 50%; transform: translateY(-50%) rotate(-90deg); } .brics__tabs-body__sections { width: 100%; } .brics__tabs-body__title { color: #1A1A1A; font-size: 80px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -2.4px; margin-bottom: 80px; } .brics__section1 { } .brics__section1 p { color: #1A1A1A; font-size: 16px; font-style: normal; line-height: 125%; letter-spacing: -0.16px; } .brics__section1 h3 { font-size: 32px; font-weight: 500; color: #1A1A1A; margin: 48px 0; } .brics__section2 { margin: 48px 0 80px; color: #FA8A59; font-size: 20px; } .brics__section2 ul, .brics__section2 ul li { list-style: disc inside; } .brics__section2.__columns ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .brics__section2.__columns ul li { min-width: 50%; max-width: 50%; } .brics__section2 ul li:not(:last-child) { margin-bottom: 12px; } .brics__section2 ul li a { color: #FA8A59; } .brics__section3 { margin-bottom: 80px; } .brics__section3-title { margin-bottom: 64px; font-size: 32px; color: #1A1A1A; font-weight: 500; } .brics__section3-list { display: grid; grid-template-rows: auto; grid-template-columns: repeat(3, 1fr); grid-column-gap: 65px; grid-row-gap: 32px; } .brics__section3-item__digit { font-size: 52px; font-weight: 500; letter-spacing: -1.04px; line-height: 107%; margin-bottom: 16px; } .brics__section3-item__text { font-size: 16px; line-height: 125%; color: #1A1A1A; letter-spacing: -0.16px; } .brics__section4 { margin: 80px 0; } .brics__section4:last-child { margin-bottom: 0; } .brics__section4-title { color: #1A1A1A; font-size: 44px; font-style: normal; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; margin-bottom: 24px; } .brics__section4-list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; } .brics__section4-item:nth-child(1) { margin-top: 185px; } .brics__section4-item:nth-child(2) { margin-top: 85px; } .brics__section4-item:nth-child(3) { margin-top: 15px; } .brics__section4-item__title { min-height: 80px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='37' viewBox='0 0 22 37' fill='none'%3E%3Cpath d='M0 12.4999L20.25 0.808594V24.1913L0 12.4999Z' fill='%23008A2E'/%3E%3Cline x1='21' y1='4.37114e-08' x2='21' y2='37' stroke='%23008A2E' stroke-width='2'/%3E%3C/svg%3E") no-repeat; font-size: 32px; line-height: 112%; letter-spacing: -0.96px; font-weight: 500; color: #1A1A1A; margin-bottom: 35px; padding: 8px 0 0 33px; } .brics__section4-item__title p { font-size: 32px; line-height: 112%; letter-spacing: -0.96px; font-weight: 500; color: #1A1A1A; margin-top: 6px; } .brics__section4-item__title p:first-child { margin-top: 0; } .brics__section4-item__digit { color: #1A1A1A; font-size: 110px; font-style: normal; font-weight: 500; line-height: 72%; letter-spacing: -3.3px; } .brics__section4-text { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin-top: 40px; } .brics__section5 { margin: 120px 0 80px; } .brics__section5:last-child { margin-bottom: 30px; } .brics__section5-list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; } .brics__section5-item { min-width: 490px; max-width: 490px; height: 240px; margin: 0 -40px -30px 0; border-radius: 491px; background: url("data:image/svg+xml,%0A%3Csvg width='491' height='241' viewBox='0 0 491 241' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='245.5' cy='120.5' rx='245.5' ry='120.5' fill='url(%23paint0_linear_6537_8699)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_6537_8699' x1='475.978' y1='59.1967' x2='89.7778' y2='281.267' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.32'/%3E%3Cstop offset='0.578125' stop-color='%23F3F5F7' stop-opacity='0.49'/%3E%3Cstop offset='1' stop-color='%23F3F5F7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") center no-repeat; padding: 60px 0 0 40px; } .brics__section5-item__count { color: #1A1A1A; font-size: 32px; font-weight: 500; line-height: 112%; letter-spacing: -0.96px; margin-bottom: 10px; } .brics__section5-item__text { max-width: 370px; color: #1A1A1A; font-size: 20px; letter-spacing: -0.2px; font-weight: 500; line-height: 24px; } .brics__section6 { margin: 80px 0 120px } .brics__section6:last-child { margin-bottom: 0; } .brics__section6-diag { } .brics__section6-diag svg { width: 100%; height: auto; object-fit: cover; } .brics__section6-text { max-width: 400px; color: #1A1A1A; text-align: center; font-size: 16px; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin: -45px auto 45px; } .brics__section7 { margin-top: 80px; } .brics__section7, .brics__section8 { margin-bottom: 80px; } .brics__section7:last-child, .brics__section8:last-child { margin-bottom: 0; } .bricsChartLegendParent { display: grid; grid-template-rows: repeat(auto-fill, 40px); grid-template-columns: repeat(3, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; margin-top: 30px; } .legend.legend__row { max-width: none; margin-left: 0; } .legend.legend__row .bricsChartLegendParent { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: flex-end; } .bricsChartLegendItem { cursor: pointer; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; font-size: 16px; } .brics__section8 { margin-top: 70px; } .brics__section8-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; position: relative; } .brics__section8-wrap canvas { max-width: 250px; position: relative; z-index: 1; } .brics__section8-wrap .tooltip { position: absolute; left: 0; top: 52px; width: 250px; height: 250px; } .brics__section8-wrap .bricsChartLegendParent { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; max-width: 630px; margin-left: 40px; grid-column-gap: 40px; grid-row-gap: 20px; margin-top: 0; } .brics__section8-wrap .bricsChartLegendItem { -ms-align-items: flex-start; align-items: flex-start; } .brics__section9 { margin-bottom: 80px; } .brics__section9-title { color: #1A1A1A; font-size: 44px; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; margin-bottom: 24px; } .brics__section9-tabs { } .brics__section9-tabs__head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .brics__section9-tabs__head-item { padding: 8px 12px; color: #1A1A1A; font-size: 20px; letter-spacing: -0.2px; line-height: 120%; font-weight: 500; transition: .3s all; cursor: pointer; } .brics__section9-tabs__head-item:not(:last-child) { margin-right: 12px; } .brics__section9-tabs__head-item.active { background-color: #1A1A1A; color: #fff; } .brics__section9-tabs__body { margin-top: 40px; } .brics__section9-tabs__body-item__wrap canvas { width: 100%; height: 100%; } .brics__section9-tabs__body-item:not(.active) { display: none; } .brics__section9-tabs__body-item__text { margin-bottom: 40px; } .legend { max-width: 50%; margin-left: auto; } .brics__section11 { margin: 120px 0; } .brics__section11:first-child { margin-top: 0; } .brics__section11:last-child { margin-bottom: 0; } .brics__section11-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; } .brics__section11-item:not(:last-child) { padding-bottom: 48px; margin-bottom: 48px; border-bottom: 1px solid #1A1A1A; } .brics__section11-item__content { padding-right: 50px; } .brics__section11-item__text { color: #1A1A1A; font-style: italic; font-size: 20px; line-height: 120%; letter-spacing: -0.2px; min-height: 172px; margin-bottom: 64px; } .brics__section11-item__meta-name { color: #1A1A1A; font-size: 20px; letter-spacing: -0.2px; line-height: 120%; margin-bottom: 4px; } .brics__section11-item__meta-post { color: #808080; font-weight: 500; font-size: 16px; letter-spacing: -0.16px; line-height: 125%; } .brics__section11-item__photo { min-width: 280px; max-width: 280px; } .brics__section11-item__photo img { width: 100%; height: 100%; object-fit: cover; } @media (max-width:1000px) { .brics { margin-top: 100px; } .brics__tabs-head { margin-bottom: 80px; } .brics__tabs-head__item-title { font-size: 16px; } .brics__tabs-head__item-more, .brics__tabs-body__back { display: none; } .brics__tabs-body__title { font-size: 28px; letter-spacing: -0.84px; margin-bottom: 32px; } .brics__tabs-body__item:not(:last-child) { margin-bottom: 48px; } .brics__section3 { margin-bottom: 64px; } .brics__section3-title { margin-bottom: 48px; font-size: 28px; } .brics__section3-list { grid-template-columns: repeat(2, 1fr); grid-column-gap: 8px; grid-row-gap: 40px; } .brics__section3-item__digit { font-size: 48px; line-height: 1; margin-bottom: 24px; } .brics__section3-item__text { font-size: 12px; } .brics__section1 h3 { font-size: 28px; margin: 48px 0; } .brics__section4-title { font-size: 28px; margin-bottom: 32px; } .brics__section5-list { max-width: 370px; } .brics__section5-item { min-width: 1px; max-width: none; width: 350px; height: 170px; padding-top: 50px; } .brics__section5-item__count { font-size: 28px; } .brics__section5-item__text { font-size: 12px; max-width: 250px; } .brics__section4-list { max-width: 350px; } .brics__section4-item:nth-child(2) { margin-top: 35px; } .brics__section4-item:nth-child(1) { margin-top: 70px; } .brics__section4-item__title { background-size: 8px 14px; min-height: 1px; padding: 0 0 0 15px; margin-bottom: 15px; } .brics__section4-item__title, .brics__section4-item__title p { font-size: 12px; letter-spacing: -0.367px; } .brics__section4-item__digit { font-size: 42px; } .brics__section8-wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .brics__section2 { font-size: 14px; margin: 48px 0; } .brics__section2.__columns ul { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .brics__section2.__columns ul li { min-width: 1px; max-width: none; } .brics__section6-text { max-width: 165px; font-size: 6px; margin: -16px auto 16px; } .bricsChartLegendParent { display: grid; grid-template-rows: repeat(auto-fill, 16px); grid-template-columns: repeat(3, 1fr); grid-row-gap: 8px; grid-column-gap: 15px; margin-top: 8px; } .bricsChartLegendItem { font-size: 8px; } .bricsChartLegendItem span { width: 8px !important; height: 8px !important; margin-right: 8px !important; } .brics__section7, .brics__section8 { margin-bottom: 48px; } .brics__section8-wrap .bricsChartLegendParent { max-width: none; margin-left: 0; } .brics__section8-wrap .bricsChartLegendParent { grid-template-columns: repeat(1, 1fr); grid-template-rows: auto; } .legend.legend__row { white-space: nowrap; overflow-y: auto; } .tabs-logos { margin-bottom: 64px; } .tabs-logos__head { overflow-y: auto; margin-bottom: 40px; } .tabs-logos__head::-webkit-scrollbar, .legend.legend__row::-webkit-scrollbar { display: none; } .tabs-logos__head-item { white-space: nowrap; font-size: 16px; } .tabs-logos__body-item__list { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; } .content-bg, .tabs-logos__body-item__content { margin: 64px 0; } .content-bg .container { padding: 0; } .content-bg__content, .tabs-logos__body-item__content-wrap, .brics__section10-content { padding: 24px 18px; } .tabs-logos__body-item__content { margin-left: -18px; width: calc(100% + 36px); } } @media (max-width:650px) { .content-bg__content, .tabs-logos__body-item__content-wrap { padding: 24px 12px; } .tabs-logos__body-item__content { margin-left: -12px; width: calc(100% + 24px); } } /* новый вид сертификата */ .cert[data-type="greendesign"] .cert__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; height: 712px; } .cert[data-type="greendesign"] .cert__left { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; margin-right: 30px; } .cert[data-type="greendesign"] .cert__title { text-transform: lowercase; color: #015F26; line-height: 100%; font-size: 130px; margin-top: -20px; } .cert[data-type="greendesign"] .cert__subtitle { color: #015F26; font-size: 16px; } .cert[data-type="greendesign"] .cert__inner { background-image: url("data:image/svg+xml, %3Csvg width='45' height='435' viewBox='0 0 45 435' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.180422 8.20239H37.1534V426.737H0.180422' stroke='%230b632e' stroke-width='14.7892'/%3E%3C/svg%3E%0A"); padding-top: 80px; } .cert__inner-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; min-height: 500px; } .cert[data-type="greendesign"] .cert__name { color: #015F26; } .cert__inner-text { max-width: 520px; margin-top: 30px; font-size: 12px; color: #015F26; } .cert__inner-bottom { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; padding-right: 80px; } .cert__inner-bottom__info { max-width: 215px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .cert__inner-bottom__text { color: #015F26; font-size: 12px; margin-bottom: 30px; } .cert__inner-bottom__copy { font-size: 10px; color: #015F26; } .cert__inner-bottom__author { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-end; align-items: flex-end; } .cert__inner-bottom__author-text { font-size: 12px; max-width: 200px; color: #015F26; } .callback__quiz { margin-bottom: 64px; } .callback__quiz-head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; padding: 10px 20px; } .callback__quiz-head__item { color: #808080; font-size: 16px; font-weight: 500; letter-spacing: -0.16px; line-height: 125%; } .callback__quiz-body__item { padding: 10px 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .callback__quiz-body__item:nth-child(odd) { background: #F3F5F7; } .callback__quiz-body__item-label, .callback__quiz-head__empty { color: #808080; font-size: 16px; letter-spacing: -0.16px; line-height: 125%; font-weight: 500; min-width: 90px; max-width: 90px; } .callback__quiz-body__item-list, .callback__quiz-head__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; width: 100%; margin-left: 35px; } .callback__quiz-body__item-list__item, .callback__quiz-head__item { min-width: 20px; max-width: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; } .callback__quiz-body__item-list__item input { display: none; } .callback__quiz-body__item-list__item label { cursor: pointer; } .callback__quiz-body__item-list__item label:before { content: ""; width: 20px; height: 20px; display: block; box-shadow: inset 0 0 0 1px #1A1A1A; border-radius: 50%; transition: .3s all; } .callback__quiz-body__item-list__item input[type="radio"]:checked+label:before { box-shadow: inset 0 0 0 8px #1A1A1A; } .bricsNews.diveininner { margin-top: 0; padding-top: 0; } .bricsNews .heading__columns { margin-bottom: 32px; -ms-align-items: center; align-items: center; border-top: 1px solid #1A1A1A; margin-top: 80px; padding-top: 48px; } @media (max-width:1000px) { .brics__section11 { margin-top: 60px; } .brics__section11-item { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; } .brics__section11-item__photo { margin-bottom: 20px; } } @media (max-width:760px) { .insights[data-page="brics"] .projectGoal { margin-bottom: 64px; } .insights[data-page="brics"] .projectGoal .heading__columns-subtitle { margin-bottom: 0; } .sp-image { padding: 0 12px; } .insights[data-page="brics"] .sp-image { height: 456px; margin-bottom: 60px; } .image-caption .mobile { margin: 0 auto; } .brics__tabs-head { margin-bottom: 64px; } .brics__section9-title { font-size: 16px; margin-bottom: 16px; letter-spacing: -0.16px; } .brics__section9-tabs__head { overflow-y: auto; } .brics__section9-tabs__head::-webkit-scrollbar { display: none; } .brics__section9-tabs__head-item { white-space: nowrap; font-size: 16px; } .brics__section9-tabs__body { margin-top: 24px; } .brics__section9-tabs__body-item__text { font-size: 16px; margin-bottom: 40px; } .bricsChartLegendItem { white-space: nowrap; } .brics__section9 { margin-bottom: 48px; } .brics__section4 { margin-top: 64px; } .brics__section4-text { font-size: 16px; margin-top: 60px; } .brics__section6 { margin: 48px 0; } .brics__section5 { margin: 64px 0; } .brics__section8 { margin-top: 10px; } .brics__section8-wrap .tooltip { left: 50%; transform: translateX(-50%); } .brics__section7 { margin-top: 48px; } .bricsChartLegendParent { grid-template-columns: repeat(2, 1fr); } .legend .bricsChartLegendParent { grid-template-columns: repeat(3, 1fr); } .brics__section11-item__content { padding-right: 0; } .brics__section11-item__text { font-size: 18px; min-height: 1px; margin-bottom: 48px; } .brics__section11-item__meta-name { font-size: 16px; } .brics__section11-item__meta-post { font-size: 14px; } .tabs-logos__body-item__list { grid-row-gap: 40px; } .bricsNews .heading__columns { margin-top: 64px; padding-top: 32px; align-items: flex-start; } .bricsNews .heading__columns-subtitle { margin-bottom: 0; } .bricsNews { margin-bottom: 80px; } .modlesSection__title, .modlesSection__content, .modlesEx__form { max-width: none; min-width: 1px; } } .bricsCircle { overflow-x: hidden; } .bricsCircle__grid-row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: center; } .bricsCircle__grid-row[data-index="2"] { margin-top: -48px; margin-left: 25px; } .bricsCircle__grid-row[data-index="3"] { margin-top: -95px; margin-left: 55px; } .bricsCircle__grid-row[data-index="4"] { justify-content: flex-start; padding-left: 435px; margin-top: -70px; } .bricsCircle__item { border-radius: 50%; position: relative; transition: .3s all; } .bricsCircle__item-front, .bricsCircle__item-back { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; } .bricsCircle__item-back { display: none; } .bricsCircle__item.rotated { transform: scaleX(-1); } .bricsCircle__item.rotated .bricsCircle__item-front { display: none; } .bricsCircle__item.rotated .bricsCircle__item-back { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; transform: scaleX(-1); } .bricsCircle__item-front, .bricsCircle__item-back { width: 100%; height: 100%; } .bricsCircle__item:not(._notRotate) .bricsCircle__item-front, .bricsCircle__item:not(._notRotate) .bricsCircle__item-front { cursor: pointer; } .bricsCircle__item[data-index="1"] { width: 275px; height: 275px; background: #1296D4; margin-top: 43px; } .bricsCircle__item[data-index="1"] .bricsCircle__item-front, .bricsCircle__item[data-index="10"] .bricsCircle__item-front { justify-content: flex-start; } .bricsCircle__item[data-index="2"] { width: 305px; height: 305px; background: #D33B3F; margin: 0 45px 0 32px; } .bricsCircle__item[data-index="3"] { width: 240px; height: 240px; background: #ABD9FD; margin-top: 78px; } .bricsCircle__item[data-index="4"] { width: 370px; height: 370px; background: #32AC52; margin-right: 5px; } .bricsCircle__item[data-index="5"] { width: 305px; height: 305px; background: #EDEDED; margin-right: 5px; } .bricsCircle__item[data-index="6"] { width: 305px; height: 305px; background: #F48222; margin-right: 5px; } .bricsCircle__item[data-index="7"] { width: 370px; height: 370px; background: #F0AA1C; } .bricsCircle__item[data-index="8"] { width: 240px; height: 240px; background: #ABD9FD; margin: 13px 4px 0 0; } .bricsCircle__item[data-index="9"] { width: 305px; height: 305px; background: #32AC52; margin-right: 5px; } .bricsCircle__item[data-index="10"] { width: 275px; height: 275px; background: #1296D4; margin-top: 30px; } .bricsCircle__item[data-index="11"] { width: 174px; height: 174px; background: #D33B3F; } .bricsCircle__item-more { font-size: 14px; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); color: #092143; } .bricsCircle__item[data-index="1"] .bricsCircle__item-more, .bricsCircle__item[data-index="10"] .bricsCircle__item-more, .bricsCircle__item[data-index="1"] .bricsCircle__item-back__text { color: #EDEDED; } .bricsCircle__item[data-index="2"] .bricsCircle__item-more, .bricsCircle__item[data-index="4"] .bricsCircle__item-more, .bricsCircle__item[data-index="6"] .bricsCircle__item-more, .bricsCircle__item[data-index="9"] .bricsCircle__item-more, .bricsCircle__item[data-index="7"] .bricsCircle__item-more { color: #fff; } .bricsCircle__item[data-index="5"] .bricsCircle__item-more { color: #9B86D7; } .bricsCircle__item-back__text { max-width: 90%; font-size: 16px; letter-spacing: -0.16px; line-height: 125%; color: #fff; text-align: center; } .bricsCircle__item[data-index="1"] .bricsCircle__item-back__text, .bricsCircle__item[data-index="4"] .bricsCircle__item-back__text, .bricsCircle__item[data-index="10"] .bricsCircle__item-back__text, .bricsCircle__item[data-index="6"] .bricsCircle__item-back__text, .bricsCircle__item[data-index="7"] .bricsCircle__item-back__text { max-width: 220px; } .bricsCircle__item[data-index="2"] .bricsCircle__item-back__text, .bricsCircle__item[data-index="9"] .bricsCircle__item-back__text, .bricsCircle__item[data-index="5"] .bricsCircle__item-back__text { max-width: 237px; font-size: 14px; } .bricsCircle__item[data-index="3"] .bricsCircle__item-back__text, .bricsCircle__item[data-index="8"] .bricsCircle__item-back__text { max-width: 200px; font-size: 14px; color: #092143; } .bricsCircle__item[data-index="5"] .bricsCircle__item-back__text { color: #9B86D7; } .bricsCircle__item-class1 { color: #EDEDED; font-size: 52px; line-height: 108%; letter-spacing: -1.04px; margin: 28px 0 14px; } .bricsCircle__item[data-index="10"] .bricsCircle__item-class1 { margin-top: 15px; margin-bottom: 8px; } .bricsCircle__item-class2 { color: #EDEDED; font-size: 80px; line-height: 100%; letter-spacing: -2.4px; } .bricsCircle__item-class3 { color: #fff; font-size: 52px; line-height: 107%; letter-spacing: -1.04px; margin-bottom: 4px; } .bricsCircle__item-class4 { color: #fff; font-size: 20px; line-height: 120%; letter-spacing: -0.2px; max-width: 225px; text-align: center; } .bricsCircle__item-class5 { color: #092143; font-size: 28px; line-height: 114%; letter-spacing: -0.28px; text-align: center; max-width: 205px; } .bricsCircle__item-class6 { color: #fff; font-size: 28px; line-height: 114%; letter-spacing: -0.28px; } .bricsCircle__item-class7 { color: #fff; font-size: 80px; line-height: 100%; letter-spacing: -2.4px; text-align: center; margin: 4px 0; } .bricsCircle__item-class8 { color: #fff; font-size: 28px; line-height: 114%; letter-spacing: -0.28px; } .bricsCircle__item-class9 { font-size: 52px; color: #9B86D7; margin-bottom: 4px; } .bricsCircle__item-class10 { font-size: 20px; color: #9B86D7; max-width: 225px; line-height: 120%; letter-spacing: -0.2px; text-align: center; } .bricsCircle__item-class11 { font-size: 20px; font-style: normal; line-height: 120%; letter-spacing: -0.2px; color: #fff; } .bricsCircle__item-class13 { color: #092143; text-align: center; font-size: 80px; line-height: 100%; letter-spacing: -2.4px; } .bricsCircle__item-class14 { color: #fff; text-align: center; font-size: 28px; line-height: 114%; letter-spacing: -0.28px; max-width: 250px; } .bricsCircle__item-class15 { color: #EDEDED; text-align: center; font-size: 28px; line-height: 114%; letter-spacing: -0.28px; max-width: 243px; } .bricsCircle__item-class16 { color: #fff; font-size: 16px; line-height: 125%; letter-spacing: -0.16px; text-align: center; max-width: 142px; padding-top: 10px; } .bricsCircle__blur { position: absolute; left: -18px; top: -18px; width: calc(100% + 18px); height: calc(100% + 18px); transition: .3s all; opacity: 0; visibility: hidden; background: rgba( 255, 255, 255, 0.3 ); backdrop-filter: blur( 8.5px ); -webkit-backdrop-filter: blur( 8.5px ); } .bricsCircle__blur.show { opacity: 1; visibility: visible; } @media (min-width:1000px) and (max-width:1300px) { .bricsCircle .container { padding: 0; } .bricsCircle__grid { overflow-x: hidden; } .bricsCircle__grid-row[data-index="2"] { margin-top: 5px; } .bricsCircle__item[data-index="2"] { margin: 0 5px; } .bricsCircle__item[data-index="4"], .bricsCircle__item[data-index="5"], .bricsCircle__item[data-index="6"], .bricsCircle__item[data-index="7"] { width: 230px; height: 230px; min-width: 230px; } .bricsCircle__item[data-index="4"] { left: -30px; top: -15px; } .bricsCircle__item[data-index="4"] .bricsCircle__item-back__text { max-width: 190px; } .bricsCircle__item[data-index="5"] { top: -40px; left: -30px; width: 250px; height: 250px; min-width: 250px; } .bricsCircle__item[data-index="5"] .bricsCircle__item-back__text { max-width: 200px; } .bricsCircle__item[data-index="6"] { top: -35px; margin-left: -30px; width: 250px; height: 250px; min-width: 250px; } .bricsCircle__item[data-index="7"] { top: -15px; width: 200px; height: 200px; min-width: 200px; } .bricsCircle__item[data-index="7"] .bricsCircle__item-back__text { max-width: 180px; font-size: 14px; } .bricsCircle__grid-row[data-index="3"] { margin-top: -60px; margin-left: 30px; } .bricsCircle__item-class6 { font-size: 22px; } .bricsCircle__item-class7 { font-size: 50px; } .bricsCircle__item-class8 { font-size: 24px; } .bricsCircle__item[data-index="8"] { margin-top: 15px; left: 10px; } .bricsCircle__item[data-index="9"] { left: 10px; } .bricsCircle__item[data-index="10"] { top: -38px; left: 10px; } .bricsCircle__item-class14 { font-size: 22px; max-width: 200px; } .bricsCircle__grid-row[data-index="4"] { margin-top: 0; } .bricsCircle__item[data-index="11"] { left: -190px; margin-top: -70px; } .brics__tabs-head__item-title { max-width: 85%; } .brics__tabs-body__back { min-width: 350px; } .brics__tabs-body__sections { width: calc(100% - 350px); } .brics__section4-item__digit { font-size: 80px; } .brics__section4-item__title p { font-size: 25px; } .brics__tabs-body__title { font-size: 90px; } .brics__section6-text { max-width: 300px; } .brics__section8-wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .brics__section8-wrap .tooltip { left: 50%; transform: translateX(-50%); } .tabs-logos__head { overflow-y: auto; margin-bottom: 40px; } .tabs-logos__head::-webkit-scrollbar, .legend.legend__row::-webkit-scrollbar { display: none; } .tabs-logos__head-item { white-space: nowrap; } .bricsNews { margin-bottom: 80px; } .brics__section11-item { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; } .brics__section11-item__content { padding-right: 0; margin-top: 30px; } .content-bg .container { padding: 0; } .legend { max-width: 80%; } } @media (max-width:1000px) { .bricsCircle { overflow: visible; } .bricsCircle__grid { width: 336px; height: 849px; position: relative; margin: 0 auto; } .bricsCircle__grid-row, .bricsCircle__grid-row[data-index="2"], .bricsCircle__grid-row[data-index="3"], .bricsCircle__grid-row[data-index="4"] { display: block; margin: 0; } .bricsCircle__item { position: absolute; display: none; margin-top: 0 !important; margin-left: 0 !important; } .bricsCircle__item.rotated { z-index: 9999; width: 340px !important; height: 340px !important; left: 50% !important; transform: translateX(-50%); cursor: pointer; } .bricsCircle__item-back .bricsCircle__item-more { font-size: 14px; bottom: 30px; } .bricsCircle__item.rotated .bricsCircle__item-back { transform: none; } .bricsCircle__item[data-index="1"] { width: 132px; height: 132px; top: 75px; left: 19px; display: block; margin-top: 0; } .bricsCircle__item-more { font-size: 6px; bottom: 14px; } .bricsCircle__item[data-index="2"] { width: 146px; height: 146px; top: 112px; left: 147px; display: block; } .bricsCircle__item[data-index="3"] { width: 115px; height: 115px; left: 122px; top: 0; display: block; } .bricsCircle__item[data-index="4"] { width: 177px; height: 177px; display: block; left: 0; top: 210px; } .bricsCircle__item[data-index="5"] { width: 146px; height: 146px; left: 177px; top: 258px; display: block; } .bricsCircle__item[data-index="6"] { width: 146px; height: 146px; display: block; left: 14px; top: 390px; } .bricsCircle__item[data-index="7"] { width: 177px; height: 177px; display: block; top: 407px; left: 159px; } .bricsCircle__item[data-index="8"] { width: 115px; height: 115px; display: block; top: 535px; left: 62px; } .bricsCircle__item[data-index="9"] { width: 146px; height: 146px; display: block; left: 161px; top: 587px; } .bricsCircle__item[data-index="10"] { width: 132px; height: 132px; display: block; bottom: 0; left: 98px; } .bricsCircle__item[data-index="11"] { width: 83px; height: 83px; display: block; bottom: 115px; left: 59px; } .bricsCircle__item-class1 { font-size: 24px; margin: 16px 0 6px; } .bricsCircle__item-class2 { font-size: 38px; } .bricsCircle__item-class3 { font-size: 25px; } .bricsCircle__item-class4 { font-size: 9px; max-width: 108px; } .bricsCircle__item-class5 { font-size: 13px; max-width: 98px; } .bricsCircle__item-class6, .bricsCircle__item-class8 { font-size: 13px; } .bricsCircle__item-class7 { font-size: 38px; margin: 2px 0; } .bricsCircle__item-class9 { font-size: 25px; margin-bottom: 2px; } .bricsCircle__item-class10 { font-size: 9px; max-width: 108px; } .bricsCircle__item-class11 { font-size: 9px; } .bricsCircle__item-class13 { font-size: 38px; } .bricsCircle__item-class14 { font-size: 13px; } .bricsCircle__item[data-index="10"] .bricsCircle__item-class1 { margin-top: 7px; margin-bottom: 4px; } .bricsCircle__item-class15 { font-size: 13px; max-width: 116px; } .bricsCircle__item-class16 { font-size: 7px; max-width: 68px; padding-top: 0; } .bricsCircle__blur { left: -36px; width: calc(100% + 70px); } } /* сетка баннеров */ .myGrid { margin-bottom: 12px; } .myGrid:nth-child(2) { margin-top: 112px; } .myGrid:last-of-type { margin-bottom: 125px; } .myGrid__item { display: block; width: 100%; position: relative; } .myGrid__row { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 12px; } .myGrid__item-photo { height: 100%; width: 100%; left: 0; top: 0; } .myGrid__item-photo img { width: 100%; height: 100%; object-fit: contain; display: block; } .myGrid__item-photo [data-type="mobile"] { display: none; } .myGrid__item-button { left: 25px; bottom: 15px; z-index: 1; padding: 16px 28px; } .myGrid__item-button.hoverMe.button { min-width: 1px; max-width: none; height: 64px; position: absolute; font-size: 28px; background: #fff; } .myGrid__item-button.hoverMe.button:before, .myGrid__item-button.hoverMe.button:after { letter-spacing: -0.28px; color: #1A1A1A; min-width: 1px; max-width: none; font-size: 28px; height: 64px; } @media (max-width: 480px) { .myGrid:nth-child(2) { margin-top: 64px; } .myGrid:last-of-type { margin-bottom: 64px; } .myGrid__row { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 0; margin-bottom: 12px; grid-row-gap: 12px; } .myGrid__item-photo [data-type="desktop"] { display: none; } .myGrid__item-photo [data-type="mobile"] { display: block; } /* .myGrid__item { height: 456px; } */ .myGrid__item-button { padding: 14px 24px; } .myGrid__item-button.hoverMe.button, .myGrid__item-button.hoverMe.button:before, .myGrid__item-button.hoverMe.button:after { height: 48px; font-size: 18px; } } @media (max-width: 760px) { [data-page="/rugic2024"] .projectHero__heading, [data-page="gic2024"] .projectHero__heading, [data-page="/rugic2023"] .projectHero__heading, [data-page="gic2023"] .projectHero__heading, [data-page="/rugic2022"] .projectHero__heading, [data-page="gic2022"] .projectHero__heading, [data-page="/rugic2021"] .projectHero__heading, [data-page="gic2021"] .projectHero__heading, [data-page="/rugic2020"] .projectHero__heading, [data-page="gic2020"] .projectHero__heading{ width: 100%; } } a.hoverMe.button.button__style1 { background: #17db16; } a.hoverMe.button.button__style2 { background: #FFA500; } @media (max-width:860px) { .projectSpeakers1__list[data-count="1"] { max-width: 300px; } } @media (max-width:650px) { main.project[data-page="xiii-international-forum-atomexpo-2024"] .projectProgram__item.__existText .projectProgram__item-title, main.project[data-page="xiii-international-forum-atomexpo-2024"] .projectProgram__item-title, main.project[data-page="xiii-international-forum-atomexpo-2024"] .projectProgram__item-desc, main.project[data-page="xiii-international-forum-atomexpo-2024"] .projectProgram__item-type, main.project[data-page="xiii-international-forum-atomexpo-2024"] .projectProgram__item-text { padding-right: 0; } } @media (max-width: 480px) { main.project[data-page="xiii-international-forum-atomexpo-2024"] .projectSpeakers1 { margin-bottom: 48px; } .projectSpeakers1__list[data-count="1"] .projectSpeakers1__item { max-width: 320px; height: 320px; } .projectSpeakers1__list[data-count="1"] .projectSpeakers1__item-photo img { margin-top: 0; } } a.projectProgram__item-title:before, a.projectProgram__item-title:after, .projectProgram__item-title:not(a), .projectProgram__item-title.hoverMe:before, .projectProgram__item-title.hoverMe:after { color: #FA8A59; } [data-page="obnisktech-summer-school"] .projectHero__logo, [data-page="/ruobnisktech-summer-school"] .projectHero__logo, [data-page="obnisktech-leadership-academy"] .projectHero__logo, [data-page="/ruobnisktech-leadership-academy"] .projectHero__logo{ max-width: 300px; } @media (max-width:768px) { [data-page="obnisktech-summer-school"] .projectProg__list { grid-gap: 0; } [data-page="obnisktech-summer-school"] .projectProg__item:not(:last-child) { margin-bottom: 10px; } [data-page="obnisktech-summer-school"] .projectProg__item-icon { min-width: 60px; max-width: 60px; } [data-page="obnisktech-summer-school"] .projectProg__item-icon img { max-width: 60px; } [data-page="obnisktech-leadership-academy"] .projectProg__list { grid-gap: 0; } [data-page="obnisktech-leadership-academy"] .projectProg__item:not(:last-child) { margin-bottom: 10px; } [data-page="obnisktech-leadership-academy"] .projectProg__item-icon { min-width: 60px; max-width: 60px; } [data-page="obnisktech-leadership-academy"] .projectProg__item-icon img { max-width: 60px; } } @media (max-width:650px) { [data-page="obnisktech-summer-school"] .projectSpeakers2 .heading__columns-subtitle p:not(:last-child) { margin-bottom: 15px; } [data-page="obnisktech-leadership-academy"] .projectSpeakers2 .heading__columns-subtitle p:not(:last-child) { margin-bottom: 15px; } } .hero__intro-content { position: absolute; padding-top: 36px; padding-left: 20px; left: 0; top: 0; } .hero__intro-content__text { color: #FFF; font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; max-width: 380px; margin-bottom: 37px; } .hero__intro-content__title { color: #fff; font-size: 61px; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -1.92px; margin-bottom: 45px; } .hero__countdown { margin-bottom: 43px; } .hero__countdown-title { font-size: 16px; color: #fff; font-weight: 500; margin-bottom: 3px; } .hero__countdown-init ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .hero__countdown-init ul li { color: #FFF; font-size: 20px; font-style: normal; font-weight: 400; line-height: 160%; letter-spacing: -0.2px; text-align: center; } .hero__countdown-init ul li:not(:last-of-type) { margin-right: 40px; } .hero__countdown-init ul span { display: block; color: #FFF; font-size: 53px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -2.12px; } .hero__button-title.hoverMe { background: #fff; max-width: none; display: inline-block; vertical-align: middle; min-height: 60px; min-width: 270px; font-size: 20px; } .hero__button-title:before, .hero__button-title:after { color: #000; -ms-align-items: center; align-items: center; min-width: 270px; justify-content: center; font-size: 20px; } @media (max-width:1399px) { .hero__intro-content__text { margin-bottom: 30px; } .hero__intro-content__title { font-size: 43px; margin-bottom: 30px; } } @media (max-width:1200px) { /* main.index .hero .hero__media-iframe img.hero__media-photo-desktop { min-height: 700px; } */ .hero__intro-content { padding-top: 28px; padding-left: 30px; } .hero__intro-content__text { font-size: 16px; margin-bottom: 17px; } .hero__intro-content__title { font-size: 49px; margin-bottom: 30px; } .hero__countdown-title { font-size: 16px; } .hero__countdown-init ul li:not(:last-of-type) { margin-right: 27px; } .hero__countdown-init ul span { font-size: 33px; } .hero__countdown-init ul li { font-size: 16px; } .hero__button-title.hoverMe { min-height: 44px; font-size: 16px; } .hero__button-title.hoverMe:before, .hero__button-title.hoverMe:after { min-width: 100%; font-size: 16px; } } @media (max-width:920px) { .hero__intro-content { padding-top: 20px; } .hero__intro-content__text { font-size: 14px; margin-bottom: 14px; } .hero__intro-content__title { font-size: 35px; margin-bottom: 17px; max-width: 670px; } .hero__countdown { margin-bottom: 14px; } .hero__countdown-init ul span { font-size: 33px; } } @media (max-width:800px) { .hero__intro-content { padding-top: 17px; padding-left: 12px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; height: calc(100% - 200px); padding-bottom: 14px; padding-right: 14px; } .hero__intro-content__box { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .hero__intro-content__title { font-size: 28px; margin-bottom: 23px; } .hero__countdown { margin-bottom: 50px; } .hero__button-title.hoverMe { min-width: calc(100% - 28px); } } @media (max-width:650px) { .hero__intro-content { height: calc(100% - 20px); } } .callback__title h3 { margin-bottom: 40px; font-size: 52px; font-style: normal; font-weight: 500; line-height: 107%; letter-spacing: -1.04px; } .callback__title ul { margin-left: 20px; margin-bottom: 20px; } .callback__title ul, .callback__title li { list-style: disc; } .callback__title p, .callback__title li { font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .callback__title p:not(:last-of-type) { margin-bottom: 20px; } .terms__text ul, .terms__text ol { margin-left: 40px; } .terms__text ul, .terms__text li { list-style: disc; } .terms__text ol, .terms__text ol li { list-style: decimal; } #termstermscode-of-conduct .terms__heading { text-align: center; } .cutterMore p:not(:first-of-type), .cutterMore ul { display: none; } .cutterMore.openFull p:not(:first-of-type), .cutterMore.openFull ul { display: block; } .registerNoModal { margin: 100px 0; } .formBadge { } .formBadge input { position: absolute; left: 150px; top: 0; height: 45px; opacity: 0; } .formBadge__drop { position: relative; } .formBadge img { max-width: 100px; margin-bottom: 10px; display: block; } .formBadge__button.hoverMe.button, .formFile__button.hoverMe.button { background: #1A1A1A; min-width: 1px; max-width: none; padding-left: 20px; padding-right: 20px; } .formBadge__button.hoverMe.button:before, .formBadge__button.hoverMe.button:after, .formFile__button.hoverMe.button:before, .formFile__button.hoverMe.button:after { min-width: 1px; max-width: none; width: 100%; } .formFile { margin-top: 15px; } .formFile input { opacity: 0; height: 45px; } .formFileRow { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .formFileRow .fileName { color: #FA8A59; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .formFileRow .remove { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_8168_15206' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_8168_15206)'%3E%3Cpath d='M6.5 17C6.0875 17 5.73438 16.8531 5.44062 16.5594C5.14687 16.2656 5 15.9125 5 15.5V5.5H4V4H8V3H12V4H16V5.5H15V15.491C15 15.9137 14.8531 16.2708 14.5594 16.5625C14.2656 16.8542 13.9125 17 13.5 17H6.5ZM13.5 5.5H6.5V15.5H13.5V5.5ZM8 14H9.5V7H8V14ZM10.5 14H12V7H10.5V14Z' fill='%231A1A1A'/%3E%3C/g%3E%3C/svg%3E") no-repeat; width: 20px; min-width: 20px; max-width: 20px; height: 20px; display: block; margin-left: 4px; cursor: pointer; } .formBadge__error-item { color: #FF5945; font-style: italic; line-height: 125%; letter-spacing: -0.16px; font-size: 16px; display: none; margin-top: 16px; } .registerNoModal .iti__country-list { max-width: 327px; min-width: 327px; } .registerNoModal .iti__country-name { white-space: pre-wrap; } .notRow { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .callback__form-tools.notRow { margin-top: 40px; } .registerNoModal .callback__wrap { display: block; } .registerNoModal .regOb__box { min-width: calc(100% - 700px); max-width: calc(100% - 700px); } @media (max-width:768px) { .registerNoModal { margin: 50px 0; } .registerNoModal .regOb__box { min-width: 1px; max-width: none; margin-top: 50px; } .callback__title h3 { font-size: 36px; margin-bottom: 20px; } .callback__title p, .callback__title li { font-size: 14px; } .formFile input { display: none; } } .registerNoModal .callback__success { min-height: 1px; } .hero__intro-content.bannerFixedMainObninskNew2024, .hero__intro-content.bannerButtonBottom { min-width: 100%; height: 100%; justify-content: flex-end; } @media (min-width: 800px) { .hero__intro-content.bannerButtonBottom { height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding-bottom: 130px; } } .bannerFixedMainObninskNew2024 .hero__button-title { display: none; } @media (max-width:800px) { .bannerFixedMainObninskNew2024 .hero__button-title { display: block; } } .login__popup .callback__content .callback__title *:not(h3) { display: none; } .login__popup .callback__content .cutterMore__button.hoverMe.button { display: none; } .login__popup .profile__popup-form__group.__half.short { min-width: 205px; max-width: 205px; } a.hoverMe.button.disabled, button.hoverMe.button.disabled { pointer-events: none; opacity: .5; } /* Новый Тест 6 июня 2024 года */ .diveintest .projectHero__cols { display: none; } .testText__wrap, .msQuiz__wrap { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 12px; padding-top: 80px; padding-bottom: 80px; border-top: 1px solid #1A1A1A; border-bottom: 1px solid #1A1A1A; } .testText__title { color: #1A1A1A; font-size: 44px; font-style: normal; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; } .testText__text { color: rgba(0, 0, 0, 0.80); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .testText__text p:not(:last-of-type) { margin-bottom: 15px; } .msQuiz { } .msQuiz__wrap { border: none; } .msQuiz__title { color: #1A1A1A; font-size: 44px; font-style: normal; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; margin-bottom: 10px; } .msQuiz__count { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .msQuiz__steps-list { margin-bottom: 40px; } .msQuiz__steps-item:not(.active) { display: none; } .msQuiz__steps-item.active { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 40px; } .msQuiz__steps-item__group-label { color: #FA8A59; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin-bottom: 10px; } .msQuiz__steps-item__group-title { color: #1A1A1A; font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; margin-bottom: 10px; } .msQuiz__thanks { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 12px; padding: 80px 0; } .msQuiz__thanks-title { color: #1A1A1A; font-size: 44px; font-style: normal; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; } .msQuiz__thanks-text { color: #1A1A1A; font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; } .profile__popup-form__group .msQuiz__steps-item__group-input input[type="text"], .msQuiz__steps-item__group-select .select-dropdown__button, .msQuiz__steps-item__group-select .select-dropdown__list-item:not(:hover) { background-color: #F3F5F7; } .msQuiz__steps-item__group-radios, .msQuiz__steps-item__group-checkboxs { padding: 16px 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 16px; } .msQuiz__steps-item__group-radios__item input, .msQuiz__steps-item__group-checkboxs__item input { display: none; } .msQuiz__steps-item__group-radios__item label, .msQuiz__steps-item__group-checkboxs__item label { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; margin-bottom: 0; padding-left: 30px; position: relative; cursor: pointer; } .msQuiz__steps-item__group-radios__item label:before, .msQuiz__steps-item__group-checkboxs__item label:before { content: ""; width: 20px; height: 20px; box-shadow: inset 0 0 0 1px #1A1A1A; display: block; position: absolute; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); } .msQuiz__steps-item__group-checkboxs__item label:before { border-radius: 0; } .msQuiz__steps-item__group-radios__item input:checked + label:before, .msQuiz__steps-item__group-checkboxs__item input:checked + label:before { box-shadow: inset 0 0 0 8px #1A1A1A; } .msQuiz__steps-nav { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; } .msQuiz__steps-nav a.msQuiz__steps-change.hoverMe.button, .msQuiz__steps-nav button.msQuiz__steps-send.hoverMe.button { background: #F3F5F7; min-width: 222px; height: 64px; cursor: pointer; } .msQuiz__steps-nav a.msQuiz__steps-prev.hoverMe.button { display: none; } .msQuiz__steps-nav a.msQuiz__steps-next.hoverMe.button { margin-left: auto; } .msQuiz__steps-nav button.msQuiz__steps-send.hoverMe.button { background: #FA8A59; display: none; } .msQuiz__steps-send.disabled { pointer-events: none; opacity: .8; } .msQuiz__steps-nav a.button.hoverMe:before, .msQuiz__steps-nav a.button.hoverMe:after, .msQuiz__steps-nav button.button.hoverMe:before, .msQuiz__steps-nav button.button.hoverMe:after { width: 100%; height: 100%; color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; } .msQuiz__steps-nav button.button.hoverMe:before, .msQuiz__steps-nav button.button.hoverMe:after { text-align: center; justify-content: center; -ms-align-items: center; align-items: center; min-width: 100%; } .msQuiz__steps-nav button.button.hoverMe.msQuiz__steps-send:before, .msQuiz__steps-nav button.button.hoverMe.msQuiz__steps-send:after { color: #fff; } @media (max-width:1000px) { .testText__wrap, .msQuiz__wrap, .msQuiz__thanks { grid-template-columns: 1fr; grid-row-gap: 30px; } .testText__wrap, .msQuiz__wrap, .msQuiz__thanks { padding-top: 40px; padding-bottom: 40px; } } @media (max-width:768px) { .testText__title, .msQuiz__title, .msQuiz__thanks-title { font-size: 40px; } .testText__text { font-size: 16px; } .msQuiz__steps-item.active { gap: 20px; } .msQuiz__steps-item__group-title, .msQuiz__thanks-text { font-size: 22px; } .msQuiz__steps-item__group-radios__item label, .msQuiz__steps-item__group-checkboxs__item label { font-size: 16px; } .msQuiz__steps-nav a.msQuiz__steps-change.hoverMe.button, .msQuiz__steps-nav button.msQuiz__steps-send.hoverMe.button { min-width: 1px; height: 45px; padding-left: 30px; padding-right: 30px; } .msQuiz__steps-nav a.button.hoverMe:before, .msQuiz__steps-nav a.button.hoverMe:after, .msQuiz__steps-nav button.button.hoverMe:before, .msQuiz__steps-nav button.button.hoverMe:after { font-size: 16px; } } .projectSpeakers1 + .projectSpeakers2 { padding-top: 0; } .projectProgram + .projectGoal { margin-top: 0; } .projectGoal__list-wrap.__noMargin { margin-top: 0; } @media (max-width:760px) { .projectHero__modal + .projectHero__menu { margin-top: 20px; } } .profile__popup-form__group label { max-width: 600px; } .regOb.__opened .profile__popup-form__group label, .profile__popup-form__group.fullwidth label { max-width: none; } main.project[data-page="obninsk-new-2024"] .plantovisit__button.hoverMe.button, main.project[data-page="/ruobninsk-new-2024"] .plantovisit__button.hoverMe.button { background-color: #17db16; } main.project[data-page="/rumolodyezhnye-poslanniki-chistoy-energii"] .projectFeatures .index__heading.__multiply { order: 2; margin-bottom: 0; margin-top: 24px; } main.project[data-page="/rumolodyezhnye-poslanniki-chistoy-energii"] .projectFeatures .heading__columns { order: 1; } main.project[data-page="/rumolodyezhnye-poslanniki-chistoy-energii"] .projectFeatures .projectFeatures__list { order: 3; } main.project[data-page="/rumolodyezhnye-poslanniki-chistoy-energii"] .projectFeatures .container { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } @media (min-width:680px) { main.project[data-page="/rumolodyezhnye-poslanniki-chistoy-energii"] .projectContacts3__inner { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } main.project[data-page="/rumolodyezhnye-poslanniki-chistoy-energii"] .projectContacts3__wrap { grid-template-columns: repeat(2, 1fr); } main.project[data-page="/rumolodyezhnye-poslanniki-chistoy-energii"] .projectContacts3__links { grid-template-columns: repeat(1, 1fr); } main.project[data-page="/rumolodyezhnye-poslanniki-chistoy-energii"] .projectContacts3__address { min-width: 1px; } } .myDeclaDigit { margin: 112px 0 96px; } .myDeclaDigit__box { /* height: 680px;*/ position: relative; padding: 32px 28px 80px; } .myDeclaDigit__box-image { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .myDeclaDigit__box-image img { width: 100%; height: 100%; object-fit: cover; } .myDeclaDigit__box-title { color: #FFF; font-size: 44px; font-style: normal; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; z-index: 1; position: relative; margin-bottom: 65px; } .myDeclaDigit__list { position: relative; z-index: 1; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; width: calc(100% - 265px); -ms-align-items: flex-start; align-items: flex-start; } /* .myDeclaDigit__item:nth-child(2) { margin-top: 150px; } .myDeclaDigit__item:nth-child(3) { margin-top: 300px; } */ .myDeclaDigit__item-title { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .myDeclaDigit__item-title__icon { max-width: 48px; } .myDeclaDigit__item-title__icon img { max-width: 100%; } .myDeclaDigit__item-title__value { color: #FFF; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .myDeclaDigit__item-digit { margin-top: 26px; color: #FFF; font-size: 130px; font-style: normal; font-weight: 500; line-height: 91%; letter-spacing: -3.9px; } .myDeclaAbout { margin-bottom: 64px; } .myDeclaAbout__wrap .myDeclaAbout__left .heading__columns-title { max-width: 700px; } .myDeclaAbout .heading__columns-subtitle { padding-right: 0; } .myDeclaAbout__button { margin-top: 48px; } .myDeclaAbout__button.hoverMe.button:before, .myDeclaAbout__button.hoverMe.button:after { background: #A4DC5C; color: #1A1A1A; } .myDeclaAbout__popup { display: none; left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 999; opacity: 0; visibility: hidden; } .myDeclaAbout__popup.show { display: block; } .myDeclaAbout__popup-overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .myDeclaAbout__popup-wrap { width: 100%; max-width: 1180px; background: #fff; z-index: 10; left: 100%; position: absolute; height: 100vh; opacity: 0; visibility: hidden; } .myDeclaAbout__popup-inner { overflow-y: auto; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; padding: 76px 28px 58px 64px; position: relative; } .myDeclaAbout__popup-close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; z-index: 9999; } .myDeclaAbout__popup-close:hover { transform: scale(1.05); } .myDeclaAbout__popup-box { max-width: 685px; margin: 0 auto; } #rulesdecla .myDeclaAbout__popup-box { max-width: none; margin: 0; } .myDeclaAbout__popup-box__title { color: #1A1A1A; font-size: 52px; font-style: normal; font-weight: 500; line-height: 107%; letter-spacing: -1.04px; margin-bottom: 50px; } .myDeclaAbout__popup-box__image { max-width: 100%; margin-bottom: 48px; } .myDeclaAbout__popup-box__image img { max-width: 100%; } .myDeclaAbout__popup-box__content, .myDeclaAbout__popup-box__content .terms__description { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .myDeclaAbout__popup-box__content p:not(:empty) { margin-bottom: 20px; } .myDeclaAbout__popup-box__content ul:not(:last-of-type), .myDeclaAbout__popup-box__content ul:not(:last-of-type) li { list-style: disc; } .myDeclaAbout__popup-box__content ul:not(:last-of-type) li { margin-left: 25px; } .myDeclaAbout__popup-box__content ul li:not(:last-of-type) { margin-bottom: 20px; } .myDeclaAbout__popup-box__content ul:last-of-type { margin-bottom: 32px; } .myDeclaAbout__popup-box__content ul:last-of-type li { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_8719_1600' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='2' y='2' width='20' height='20'%3E%3Crect x='2' y='2' width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_8719_1600)'%3E%3Cpath d='M11.9788 19.9583L10.458 18.5833C9.01356 17.3056 7.82259 16.2049 6.88509 15.2813C5.94759 14.3576 5.21495 13.5347 4.68717 12.8125C4.1594 12.0903 3.79134 11.4236 3.58301 10.8125C3.37467 10.2014 3.27051 9.56251 3.27051 8.89584C3.27051 7.4514 3.76009 6.23612 4.73926 5.25001C5.71842 4.2639 6.93023 3.77084 8.37467 3.77084C9.04134 3.77084 9.68717 3.8889 10.3122 4.12501C10.9372 4.36112 11.4927 4.70834 11.9788 5.16668C12.465 4.70834 13.0205 4.36112 13.6455 4.12501C14.2705 3.8889 14.9163 3.77084 15.583 3.77084C17.0275 3.77084 18.2462 4.2639 19.2393 5.25001C20.2323 6.23612 20.7288 7.4514 20.7288 8.89584C20.7288 9.54862 20.6316 10.1736 20.4372 10.7708C20.2427 11.3681 19.8781 12.0208 19.3434 12.7292C18.8087 13.4375 18.0656 14.2639 17.1143 15.2083C16.1629 16.1528 14.9441 17.2917 13.458 18.625L11.9788 19.9583Z' fill='%23A4DC5C'/%3E%3C/g%3E%3C/svg%3E") no-repeat; padding-left: 36px; } .myDeclaAbout__popup-box__button.hoverMe.button { height: 64px; min-width: 310px; min-width: 310px; background: #A4DC5C; margin: 44px 0 64px; } .myDeclaAbout__popup-box__button.hoverMe.button:before, .myDeclaAbout__popup-box__button.hoverMe.button:after { height: 64px; min-width: 310px; min-width: 310px; color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .myDeclaAbout__popup-box__info { border-top: 1px solid #1A1A1A; padding-top: 24px; color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; padding-bottom: 45px; } .myDeclaAbout__popup-box__info em { font-size: 70%; position: relative; top: -5px; font-style: normal; display: inline-block; margin-right: 2px; } .myDeclaAbout__left-text { margin-top: 16px; color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .myDeclaAbout__left-text a:before, .myDeclaAbout__left-text a:after { color: var(--orange, #FA8A59); } .myDeclarationInfo { margin: 80px 0; } .myDeclarationInfo__wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; } .myDeclarationInfo__item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 24px; } .myDeclarationInfo__item-digit { color: var(--text-black, #1A1A1A); font-size: 80px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -2.4px; } .myDeclarationInfo__item-title { color: var(--text-black, #1A1A1A); font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; } .myDeclarationInfo__item-text { color: var(--text-black, #1A1A1A); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .myDeclarationGift { background: #F3F5F7; padding: 45px 0 0; overflow: hidden; } .myDeclarationGift__title { color: var(--text-black, #1A1A1A); font-size: 44px; font-style: normal; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; } .myDeclarationGift__text { color: var(--text-black, #1A1A1A); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; margin-top: 24px; max-width: 860px; } .myDeclarationGift__box { margin-top: 40px; min-height: 575px; padding-bottom: 80px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-end; align-items: flex-end; justify-content: center; gap: 0px; position: relative; } .profile__greenhearts .myDeclarationGift__box { margin-top: 0px; } .myDeclarationGift__box:before { content: ""; position: absolute; bottom: 0; left: 0; width: 1427px; height: 494px; background: url("data:image/svg+xml,%0A%3Csvg width='1427' height='494' viewBox='0 0 1427 494' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='695.5' cy='732.444' r='731.5' fill='url(%23paint0_linear_10089_13712)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_10089_13712' x1='695.5' y1='0.944458' x2='695.5' y2='1463.94' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E4EDF5'/%3E%3Cstop offset='0.25' stop-color='%23F1F1F1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") left top no-repeat; } .myDeclarationGift__box-item { position: relative; } .myDeclarationGift__box-item__photo img { max-width: 100%; } .myDeclarationGift__box-item:nth-child(1) .myDeclarationGift__box-item__photo { max-width: 330px; margin-bottom: -40px; } .myDeclarationGift__box-item:nth-child(1) .myDeclarationGift__box-item__text { max-width: 410px; } .myDeclarationGift__box-item:nth-child(2) { top: -10px; } .myDeclarationGift__box-item:nth-child(2) .myDeclarationGift__box-item__photo { max-width: 456px; position: relative; left: 30px; } .myDeclarationGift__box-item:nth-child(3) .myDeclarationGift__box-item__photo { max-width: 400px; margin-bottom: -80px; } .myDeclarationGift__box-item__subtitle { background: url("/local/assets/css/../img/declagift__main.png") no-repeat; background-size: cover; margin: -67px auto 15px; width: 202px; height: 41px; color: #FFF; text-align: center; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; -ms-align-items: center; align-items: center; position: relative; z-index: 1; } .myDeclarationGift__box-item__title { color: var(--text-black, #1A1A1A); text-align: center; font-size: 20px; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: -0.2px; max-width: 435px; margin: 0 auto; } .myDeclarationGift__box-item__text { color: var(--text-black, #1A1A1A); text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; max-width: 345px; margin: 10px auto 0; } .myDeclarationGift__box-item:nth-child(1) .myDeclarationGift__box-item__title, .myDeclarationGift__box-item:nth-child(3) .myDeclarationGift__box-item__title { max-width: 250px; } .myDeclarationGift__box-item:nth-child(2) .myDeclarationGift__box-item__text { margin-top: 8px; } .profile__greenhearts .myDeclarationGift .myDeclarationGift__title { font-size: 32px; } .profile__greenhearts .myDeclarationGift .myDeclarationGift__text { font-size: 16px; } .profile__greenhearts .myDeclarationGift__box { min-height: 530px; } .profile__greenhearts .myDeclarationGift .myDeclarationGift__box:before { left: 50%; transform: translateX(-50%); bottom: auto; top: 38%; } .profile__greenhearts .myDeclarationGift__box-item:nth-child(2) { top: 0; } main.project .myDeclarationGift__box-item:nth-child(1) { top: 10px; } .profile__greenhearts .myDeclarationGift__box-item:nth-child(1) { top: 18px; } .profile__greenhearts .myDeclarationGift__box-item:nth-child(3) { top: 2px; } .profile__greenhearts .myDeclarationGift__box-item:nth-child(1) .myDeclarationGift__box-item__photo { margin-bottom: -20px; } body[data-lang="en"] .profile__greenhearts .myDeclarationGift__box-item:nth-child(1) { top: 20px; } body[data-lang="en"] .myDeclarationGift__box-item:nth-child(3) { top: -10px; } body[data-lang="en"] .profile__greenhearts .myDeclarationGift__box-item:nth-child(3) { top: 0px; } .myDeclarationGift__box-item:nth-child(2) .myDeclarationGift__box-item__text { padding: 0 20px; } .profile__greenhearts .myDeclarationGift__box-item:nth-child(3) .myDeclarationGift__box-item__photo { margin-bottom: -40px; } .profile__greenhearts .myDeclarationGift .myDeclarationGift__box-item__title, .profile__greenhearts .myDeclarationGift__box-item__text { font-size: 16px; } .profile__greenhearts .myDeclarationGift__box-item__subtitle { margin-top: -25px; } .profile__greenhearts .myDeclarationGift__box-item:nth-child(2) .myDeclarationGift__box-item__photo { left: 10px; } .myDeclaForm { background: #F3F5F7; } .myDeclaForm__start { padding: 64px 0; background: #F3F5F7; height: auto; } .myDeclaForm__start-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; justify-content: space-between; } .myDeclaForm__start-content { max-width: 530px; } .myDeclaForm__start-text { color: var(--text-black, #1A1A1A); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; margin-top: 40px; } .myDeclaForm__start-text a:before, .myDeclaForm__start-text a:after { color: var(--orange, #FA8A59); } .myDeclaForm__init { max-width: 810px; min-width: 810px; } .myDeclaForm__init-wrap { margin: 0 0 32px; } .myDeclaForm__init-row { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 24px; grid-row-gap: 40px; } .myDeclaForm__init-group { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .myDeclaForm__init-group.__fullwidth { grid-column: span 2; } .myDeclaForm__init-right { margin-top: 48px; } .myDeclaForm__init-group__label, .myDeclaForm__init-promise__group label { color: #808080; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin-bottom: 8px; display: block; } .myDeclaForm__init-group input { border: none; border-bottom: 1px solid var(--gray, #808080); background: var(--white, #FFF); height: 64px; width: 100%; font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; padding: 20px; color: #000; } .myDeclaForm__init-group input::placeholder { color: var(--gray, #808080); } .myDeclaForm__init-left__photo { margin-top: 16px; position: relative; } .myDeclaForm__init-left__photo input { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; } .myDeclaForm__init-left__photo .bx-input-file-desc { color: #808080; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .myDeclaForm__init-promise__group { } .myDeclaForm__init-promise__textarea-item:not(:first-child) { display: none; } .myDeclaForm__init-promise__textarea-item textarea { border-bottom: 1px solid var(--gray, #808080); background: var(--white, #FFF); padding: 20px; color: #000; font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; width: 100%; height: 88px; max-height: 88px; border: none; resize: none; } .myDeclaForm__init-promise__textarea-item textarea::placeholder { color: var(--gray, #808080); } .myDeclaForm__init-promise__textarea-item:not(:last-of-type) { margin-bottom: 15px; } .myDeclaForm__init-promise__add { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin: 16px 0 24px; padding-left: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_8719_1335' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_8719_1335)'%3E%3Cpath d='M9.25 14H10.75V10.75H14V9.25H10.75V6H9.25V9.25H6V10.75H9.25V14ZM4.5 17C4.0875 17 3.73437 16.8531 3.44062 16.5594C3.14687 16.2656 3 15.9125 3 15.5V4.5C3 4.0875 3.14687 3.73438 3.44062 3.44063C3.73437 3.14688 4.0875 3 4.5 3H15.5C15.9125 3 16.2656 3.14688 16.5594 3.44063C16.8531 3.73438 17 4.0875 17 4.5V15.5C17 15.9125 16.8531 16.2656 16.5594 16.5594C16.2656 16.8531 15.9125 17 15.5 17H4.5Z' fill='%231A1A1A'/%3E%3C/g%3E%3C/svg%3E") no-repeat; height: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; } .myDeclaForm__init-guest .regOb__radius-item:not(:last-of-type) { margin-bottom: 15px; } .myDeclaForm__init-guest .regOb__radius-item label { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .myDeclaForm__init-button.hoverMe.button, .myDeclaForm__init-button.hoverMe.button:before, .myDeclaForm__init-button.hoverMe.button:after { background: #A4DC5C; color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; min-width: 310px; max-width: 310px; height: 64px; } .myDeclaForm__init-right .callback__form-policy { max-width: none; margin-top: 20px; color: #1A1A1A; } .myDeclaForm__init-types { } .myDeclaForm__init-types__head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; margin-bottom: 20px; } .myDeclaForm__init-types__head-list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; gap: 8px; } .myDeclaForm__init-types__head-item.hoverMe.button, .myDeclaForm__init-types__head-item.hoverMe.button:before, .myDeclaForm__init-types__head-item.hoverMe.button:after { height: 40px; min-width: 1px; max-width: none; -ms-align-items: center; align-items: center; justify-content: center; } .myDeclaForm__init-types__head-item.hoverMe.button { background: var(--white, #FFF); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; padding: 8px 12px; cursor: pointer; } .myDeclaForm__init-types__head-item.hoverMe.button:before, .myDeclaForm__init-types__head-item.hoverMe.button:after { color: var(--text-black, #1A1A1A); } .myDeclaForm__init-types__head-item.hoverMe.button.active { background: #1A1A1A; } .myDeclaForm__init-types__head-item.hoverMe.button.active:before, .myDeclaForm__init-types__head-item.hoverMe.button.active:after { color: var(--text-black, #FFF); } .myDeclaForm__init-types__head-limit { color: var(--gray, #808080); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; transition: .3s all; } .myDeclaForm__init-types__head-limit.error { color: #f00; } .myDeclaForm__init-types__body-item:not(.active) { display: none; } .myDeclaForm__init-types__list { max-height: 380px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 8px; overflow-y: auto; padding-right: 45px; margin-bottom: 40px; } .myDeclaForm__init-types__list-item { padding: 24px 20px 24px 64px; background: var(--white, #FFF); color: var(--text-black, #1A1A1A); font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; position: relative; transition: .3s all; cursor: pointer; } .myDeclaForm__init-types__list-item:before { content: ""; width: 20px; height: 20px; border-radius: 50%; position: absolute; left: 20px; top: 29px; box-shadow: inset 0 0 0 1px #1A1A1A; transition: .3s all; background-color: #fff; } .myDeclaForm__init-types__list-item.active { background: #A4DC5C; } .myDeclaForm__init-types__list-item.active:before { box-shadow: inset 0 0 0 8px #1A1A1A; } .myDeclaForm__thanks.hidden, .myDeclaForm__limit.hidden { display: none; } .myDeclaForm__thanks .container { position: relative; height: 660px; background: var(--background-gray, #F3F5F7); padding: 0; } .myDeclaForm__thanks-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; } .myDeclaForm__thanks-image img { width: 100%; height: 100%; object-fit: cover; } .myDeclaForm__thanks-wrap { position: relative; z-index: 1; max-width: 680px; padding: 64px 0 0 28px; } .myDeclaForm__thanks-wrap .index__heading, .myDeclaForm__thanks-wrap .heading__columns-title { color: #FFF; } .myDeclaForm__thanks-wrap .heading__columns-title { margin-bottom: 48px; } .myDeclaForm__thanks-row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; padding-right: 137px; } .myDeclaForm__thanks-hash { max-width: 670px; color: #FFF; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .myDeclaForm__thanks-social__title { color: #FFF; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin-bottom: 24px; } .myDeclaForm__thanks-social__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; gap: 24px; } .myDeclaForm__thanks-sub { color: var(--text-black, #1A1A1A); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin-bottom: 20px; } .myDeclaForm__thanks-title { color: var(--text-black, #1A1A1A); font-size: 52px; font-style: normal; font-weight: 500; line-height: 107%; letter-spacing: -1.04px; margin-bottom: 40px; } .myDeclaForm__thanks-points { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='41' viewBox='0 0 44 41' fill='none'%3E%3Cpath d='M22 40.9302L18.81 38.0305C15.1067 34.6476 12.045 31.7293 9.625 29.2757C7.205 26.8221 5.28 24.6195 3.85 22.6678C2.42 20.7161 1.42083 18.9223 0.8525 17.2866C0.284167 15.6509 0 13.978 0 12.2679C0 8.77342 1.155 5.85514 3.465 3.51309C5.775 1.17103 8.65333 0 12.1 0C14.0067 0 15.8217 0.408931 17.545 1.22679C19.2683 2.04465 20.7533 3.19709 22 4.68411C23.2467 3.19709 24.7317 2.04465 26.455 1.22679C28.1783 0.408931 29.9933 0 31.9 0C35.3467 0 38.225 1.17103 40.535 3.51309C42.845 5.85514 44 8.77342 44 12.2679C44 13.978 43.7158 15.6509 43.1475 17.2866C42.5792 18.9223 41.58 20.7161 40.15 22.6678C38.72 24.6195 36.795 26.8221 34.375 29.2757C31.955 31.7293 28.8933 34.6476 25.19 38.0305L22 40.9302Z' fill='%23A4DC5C'/%3E%3C/svg%3E") left top no-repeat; color: var(--text-black, #1A1A1A); font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; padding-left: 60px; margin-bottom: 40px; } .myDeclaForm__thanks-register { color: var(--text-black, #1A1A1A); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin-bottom: 40px; } .myDeclaForm__thanks-register.hidden { display: none; } .myDeclaForm__thanks-button { } .myDeclaForm__thanks-button button.hoverMe.button, .myDeclaForm__thanks-button button.hoverMe.button:before, .myDeclaForm__thanks-button button.hoverMe.button:after { min-width: 1px; max-width: none; height: 64px; font-size: 20px; width: 335px; } .myDeclaForm__thanks-button button.hoverMe.button { background: #A4DC5C; } .myDeclaForm__thanks-button button.hoverMe.button:before, .myDeclaForm__thanks-button button.hoverMe.button:after { color: #1A1A1A; } .myDeclaForm__limit .container { padding: 0; } .myDeclaForm__limit-wrap { height: 420px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; background: var(--background-gray, #F3F5F7); text-align: center; } .myDeclaForm__limit-title { color: var(--text-black, #1A1A1A); font-size: 52px; font-style: normal; font-weight: 500; line-height: 107%; letter-spacing: -1.04px; margin-bottom: 40px; } .myDeclaForm__limit-title:before { content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='41' viewBox='0 0 44 41' fill='none'%3E%3Cpath d='M22 40.9651L18.81 38.0655C15.1067 34.6825 12.045 31.7642 9.625 29.3106C7.205 26.857 5.28 24.6544 3.85 22.7027C2.42 20.751 1.42083 18.9572 0.8525 17.3215C0.284167 15.6858 0 14.0129 0 12.3028C0 8.80833 1.155 5.89005 3.465 3.548C5.775 1.20594 8.65333 0.0349121 12.1 0.0349121C14.0067 0.0349121 15.8217 0.443843 17.545 1.2617C19.2683 2.07957 20.7533 3.23201 22 4.71903C23.2467 3.23201 24.7317 2.07957 26.455 1.2617C28.1783 0.443843 29.9933 0.0349121 31.9 0.0349121C35.3467 0.0349121 38.225 1.20594 40.535 3.548C42.845 5.89005 44 8.80833 44 12.3028C44 14.0129 43.7158 15.6858 43.1475 17.3215C42.5792 18.9572 41.58 20.751 40.15 22.7027C38.72 24.6544 36.795 26.857 34.375 29.3106C31.955 31.7642 28.8933 34.6825 25.19 38.0655L22 40.9651Z' fill='%23A4DC5C'/%3E%3C/svg%3E") center top no-repeat; display: block; width: 44px; height: 41px; margin: 0 auto 40px; } .myDeclaForm__limit-text { color: var(--text-black, #1A1A1A); font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; max-width: 530px; } .myDeclaSlider { margin: 80px 0 112px; } .myDeclaSlider.hide { display: none; } .myDeclaSlider__init { margin-top: 48px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; } .myDeclaSlider .index__heading { margin-top: 10px; } .myDeclaSlider__update-title { font-size: 30px; margin: 40px 0 -30px; font-weight: 500; } .myDeclaSlider__update .simplebar-track.horizontal, .myDeclaSlider__update .simplebar-track.simplebar-horizontal { height: 10px; } @media (max-width:780px) { .myDeclaSlider__update-title { font-size: 18px; margin: 0; } main.project .myDeclaSlider .heading__columns-subtitle { margin: 0 0 30px; } } .simplebar-track { background: #F3F5F7; transition: .3s all; } .simplebar-track.horizontal, .simplebar-track.simplebar-horizontal { height: 3px; } .simplebar-track .simplebar-scrollbar { background: #1A1A1A; } .simplebar-track .simplebar-scrollbar:before { display: none; } .myDeclaSlider__init .simplebar-content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .myDeclaSlider__init-item { min-width: 337px; background: #F3F5F7; padding: 20px; margin-right: 12px; margin-bottom: 48px; cursor: pointer; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .myDeclaSlider__init-item__top { min-height: 100px; } .myDeclaSlider__init-item__name { color: #1A1A1A; font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; margin-bottom: 12px; } .myDeclaSlider__init-item__country { color: #808080; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .myDeclaSlider__init-item__photo { width: 200px; margin: 50px auto; } .myDeclaSlider__init-item__photo img { height: 100%; width: 100%; min-height: 200px; object-fit: cover; -webkit-mask-image: url("/local/assets/css/../img/Frame8682.svg"); mask-image: url("/local/assets/css/../img/Frame8682.svg"); mask-size: cover; -webkit-mask-size: cover; } .myDeclaSlider__init-item__text { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; min-height: 80px; } .myDeclaSliderPopup { left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 999; opacity: 0; visibility: hidden; } .myDeclaSliderPopup__overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .myDeclaSliderPopup__wrap { width: 100%; max-width: 1180px; background: #fff; z-index: 10; left: 100%; position: absolute; height: 100vh; opacity: 0; visibility: hidden; padding-bottom: 48px; } .myDeclaSliderPopup__inner { overflow-y: auto; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; padding: 76px 28px 58px 64px; position: relative; } .myDeclaSliderPopup__close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; z-index: 9999; } .myDeclaSliderPopup__close:hover { transform: scale(1.05); } .myDeclaSliderPopup__box { max-width: 687px; margin: 0 auto; padding-bottom: 48px; } .myDeclaSliderPopup__box-list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 8px; margin-top: 48px; } .myDeclaSliderPopup__box-list__item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; background: #F3F5F7; padding: 20px; gap: 24px; } .myDeclaSliderPopup .myDeclaSlider__init-item__photo { min-width: 136px; max-width: 136px; height: 136px; margin: 0; } .myDeclaSliderPopup .myDeclaSlider__init-item__photo svg { max-width: 100%; max-height: 100%; } .myDeclaSliderPopup .myDeclaSlider__init-item__photo img { min-height: 100%; } .myDeclaSliderPopup .myDeclaSlider__init-item__text { margin-top: 24px; } @media (max-width: 780px) { main.project .myDeclaAbout__left .heading__columns-title { margin-bottom: 0; } .myDeclaAbout { margin-bottom: 32px; } .myDeclaAbout__button { margin-top: 32px; } .myDeclaAbout__popup-inner { padding: 40px 15px; } .myDeclaAbout .heading__columns-subtitle { padding-right: 0; } .myDeclaAbout__popup-box__title { font-size: 38px; margin-bottom: 20px; } .myDeclaAbout__popup-box__image { margin-bottom: 25px; } .myDeclaAbout__popup-box__content { font-size: 16px; } .myDeclaAbout__popup-box__content ul { margin-bottom: 20px; } .myDeclaAbout__popup-box__button.hoverMe.button { margin: 20px 0 40px; } .myDeclaAbout__popup-box__button.hoverMe.button, .myDeclaAbout__popup-box__button.hoverMe.button:before, .myDeclaAbout__popup-box__button.hoverMe.button:after, .myDeclaForm__init-button.hoverMe.button, .myDeclaForm__init-button.hoverMe.button:before, .myDeclaForm__init-button.hoverMe.button:after{ min-width: 172px; max-width: 172px; font-size: 16px; height: 44px; } .myDeclaForm__init-wrap { grid-template-columns: repeat(1, 1fr); grid-column-gap: 12px; margin: 0 0 32px; } .myDeclaForm__init-group input { height: 52px; font-size: 16px; } .myDeclaForm__thanks .container { height: 498px; } .myDeclaForm__thanks-wrap { padding: 64px 12px; } .myDeclaForm__thanks-row { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; padding-right: 0; } .myDeclaForm__thanks-hash { margin: 45px 0; } .myDeclaSlider { margin: 48px 0; } .myDeclaSlider__init { margin-top: 16px; } .myDeclaSlider__init-item { padding: 12px; min-width: 280px; } .myDeclaSlider__init-item__top { min-height: 1px; } .myDeclaSlider__init-item__name { font-size: 20px; margin-bottom: 8px; } .myDeclaSlider__init-item__photo { margin-bottom: 30px; margin-top: 40px; width: 175px; } .myDeclaSlider__init-item__photo svg { max-width: 100%; } .myDeclaSlider__init-item__photo img { min-height: 175px; } .myDeclaSlider__init-item__text { font-size: 14px; } .myDeclaDigit__list { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 40px; } .myDeclaDigit { margin: 48px 0 32px; } .myDeclaDigit__box { height: auto; padding: 48px 12px; } .myDeclaDigit__box-title { font-size: 28px; margin-bottom: 48px; } .myDeclaDigit__list { width: 100%; padding: 0 12px; } .myDeclaDigit__item-digit { font-size: 80px; margin-top: 20px; } /* .myDeclaDigit__item:nth-child(2), .myDeclaDigit__item:nth-child(3) { margin-top: 64px; } */ .myDeclaSliderPopup__inner { padding: 72px 24px 48px; } .myDeclaSliderPopup__box-list__item { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; } } @media (max-width:500px) { .myDeclaForm__init-row { grid-template-columns: repeat(1, 1fr); grid-column-gap: 24px; grid-row-gap: 28px; } } main.project[data-page="obninsk-new-2024"] .projectHero__media-wrap, main.project[data-page="/ruobninsk-new-2024"] .projectHero__media-wrap { margin-bottom: 80px; } main.project[data-page="obninsk-new-2024"] .projectHero__media-wrap .container, main.project[data-page="/ruobninsk-new-2024"] .projectHero__media-wrap .container { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; grid-gap: 40px; } main.project[data-page="obninsk-new-2024"] .projectHero__media-wrap .container .hero__media, main.project[data-page="/ruobninsk-new-2024"] .projectHero__media-wrap .container .hero__media { margin-top: 0; } @media (max-width:780px) { main.project[data-page="obninsk-new-2024"] .projectHero__media-wrap, main.project[data-page="/ruobninsk-new-2024"] .projectHero__media-wrap { margin-bottom: 40px; } main.project[data-page="obninsk-new-2024"] .projectHero__media-wrap .container, main.project[data-page="/ruobninsk-new-2024"] .projectHero__media-wrap .container { grid-gap: 0px; } } .myProjectMedia__list.pv__grid { margin-top: 48px; margin-bottom: 48px; } .myProjectMedia__list.pv__grid .pv__photos-item:not(.show) { display: none; } .mediaAlbum { margin: 100px 0; } .mediaAlbum .pv__title { margin-top: 15px; } .mediaAlbum__back:before, .mediaAlbum__back:after { color: #1A1A1A; } /* Табы событий в меню */ .megamenu__divein-events__tabs-head { margin-bottom: 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; gap: 12px; } .megamenu__divein-events__tabs-head__item.hoverMe.button { background: none; min-width: 1px; } .megamenu__divein-events__tabs-head__item.hoverMe.button.active { background: #1A1A1A; } .megamenu__divein-events__tabs-head__item.hoverMe.button:before, .megamenu__divein-events__tabs-head__item.hoverMe.button:after { color: #1A1A1A; min-width: 1px; } .megamenu__divein-events__tabs-head__item.hoverMe.button.active:before, .megamenu__divein-events__tabs-head__item.hoverMe.button.active:after { color: #fff; } .megamenu__divein-events__tabs-body__item:not(.active) { display: none; } .megamenu__divein-events__tabs-body__item.active { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .megamenu__divein-right__title-events { margin-bottom: 48px; min-height: 1px; } .profile__popup-form__group .error { display: none !important; } @media (max-width:1000px) { .regOb.__opened .callback__form-wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 40px; } } .profile__popup-form__group .callback__form-policy { max-width: none; } [data-page="latin-american-youth-nuclear-forum"] .tabs-logos__head-item { position: relative; } [data-page="latin-american-youth-nuclear-forum"] .tabs-logos__body-item:first-child .tabs-logos__body-item__list .tabs-logos__body-item__logo:nth-child(2) { grid-column: span 2; } [data-page="latin-american-youth-nuclear-forum"] .tabs-logos__body-item:first-child .tabs-logos__body-item__list .tabs-logos__body-item__logo:nth-child(2) img { max-width: 80%; } @media (max-width:780px) { .modlesVideo__video iframe, .modlesVideo__video video { height: auto; } } .modlesFormTest__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 48px; counter-reset: question; } .modlesFormTest__question { padding: 0; border: none; } .modlesFormTest__question-title { color: var(--text-black, #1A1A1A); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; margin-bottom: 24px; counter-increment: question; position: relative; } .modlesFormTest__question-title:before { content: counter(question) ". "; position: absolute; left: -25px; } .modlesFormTest__question-radios { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 24px; padding-left: 32px; } .modlesFormTest__question-radios__item label { position: relative; } .modlesFormTest__question-radios__item label span { color: var(--text-black, #1A1A1A); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; padding-left: 56px; cursor: pointer; display: block; } .modlesFormTest__question-radios__item.disabled label span { pointer-events: none; cursor: default; } .modlesFormTest__question-radios__item label:before { content: ""; width: 20px; height: 20px; transition: .3s all; background: #fff; box-shadow: inset 0 0 0 1px #1A1A1A; border-radius: 50%; position: absolute; left: 0; top: 0; display: block; } .modlesFormTest__question-radios__item[data-state="yes"] label:before { box-shadow: inset 0 0 0 7px #00B812; } .modlesFormTest__question-radios__item[data-state="no"] label:before, .pageCourse__test-item .modlesFormTest__question-radios__item[data-state="no"] label:before{ box-shadow: inset 0 0 0 7px #FF5945; } .modlesFormTest__question-radios__item:not([data-state]) input:checked + label:before { box-shadow: inset 0 0 0 7px #1A1A1A; } .modlesFormTest__question-radios__item input { display: none; } .modlesFormTest__question-textarea { /* padding-left: 32px;*/ } .modlesFormTest__question-textarea textarea { border-bottom: 1px solid var(--gray, #808080); background: var(--white, #FFF); padding: 20px; font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.2px; width: 100%; height: 112px; resize: none; } .modlesFormTest__question-textarea textarea[readonly], .modlesFormTest__question-textarea textarea[disabled] { pointer-events: none; opacity: .8; } button.modlesFormTest__send.hoverMe.button { width: 183px; min-width: 183px; max-width: 183px; height: 64px; background: var(--orange, #FA8A59); } button.modlesFormTest__send.hoverMe.button:before, button.modlesFormTest__send.hoverMe.button:after { width: 100%; height: 100%; min-width: 183px; max-width: 183px; color: var(--white, #FFF); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } @media (max-width:980px) { .modlesFormTest__question { padding-left: 30px; } .modlesFormTest__question-title { font-size: 16px; } .modlesFormTest__question-radios { padding-left: 10px; gap: 20px; } .modlesFormTest__question-radios__item label span { font-size: 14px; padding-left: 30px; } } @media (max-width:980px) { .myDeclaForm__start-content { max-width: none; } .myDeclaForm__start-content br { display: none; } .myDeclaForm__start-wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 20px; } } .profile__greenhearts { max-width: 918px; margin: 0 auto 130px; } .myGreenheartsLkValues { margin-bottom: 65px; } .myGreenheartsLkValues__value { color: #1A1A1A; font-size: 80px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -2.4px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='28' viewBox='0 0 30 28' fill='none'%3E%3Cpath d='M15 28L12.825 26.0164C10.3 23.7021 8.2125 21.7057 6.5625 20.0272C4.9125 18.3488 3.6 16.842 2.625 15.5068C1.65 14.1717 0.96875 12.9446 0.58125 11.8256C0.19375 10.7066 0 9.56222 0 8.39237C0 6.00182 0.7875 4.00545 2.3625 2.40327C3.9375 0.80109 5.9 0 8.25 0C9.55 0 10.7875 0.279746 11.9625 0.839237C13.1375 1.39873 14.15 2.1871 15 3.20436C15.85 2.1871 16.8625 1.39873 18.0375 0.839237C19.2125 0.279746 20.45 0 21.75 0C24.1 0 26.0625 0.80109 27.6375 2.40327C29.2125 4.00545 30 6.00182 30 8.39237C30 9.56222 29.8063 10.7066 29.4188 11.8256C29.0313 12.9446 28.35 14.1717 27.375 15.5068C26.4 16.842 25.0875 18.3488 23.4375 20.0272C21.7875 21.7057 19.7 23.7021 17.175 26.0164L15 28Z' fill='black'/%3E%3C/svg%3E") right top no-repeat; padding-right: 41px; display: inline-block; vertical-align: middle; } .myGreenheartsLkValues__list { margin-top: 64px; display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 31px; grid-column-gap: 12px; } .myGreenheartsLkValues__list-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 4px; } .myGreenheartsLkValues__list-item__count { color: var(--text-black, #1A1A1A); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .myGreenheartsLkValues__list-item__title { color: var(--text-black, #1A1A1A); font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.16px; } .myGreenHeartsLkLink { border: 1px solid var(--gray, #808080); padding: 20px; margin-bottom: 24px; } .myGreenHeartsLkLink__title { color: var(--text-black, #1A1A1A); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; margin-bottom: 12px; } .myGreenHeartsLkLink__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin-bottom: 10px; justify-content: space-between; } .myGreenHeartsLkLink__wrap-value a { font-size: 32px; font-style: normal; font-weight: 500; line-height: 112%; letter-spacing: -0.96px; } .myGreenHeartsLkLink__wrap-value a:before, .myGreenHeartsLkLink__wrap-value a:after { color: var(--orange, #FA8A59); } .myGreenHeartsLkLink__wrap-button.hoverMe.button:after, .myGreenHeartsLkLink__wrap-button.hoverMe.button:before { padding-left: 52px; color: var(--white, #FFF); font-size: 20px; font-style: normal; line-height: 120%; letter-spacing: -0.2px; height: 48px; } .myGreenHeartsLkLink__wrap-button.hoverMe.button { padding-left: 52px; max-width: 200px; min-width: 200px; height: 48px; background: #1A1A1A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_9918_3048' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_9918_3048)'%3E%3Cpath d='M9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5Z' fill='white'/%3E%3C/g%3E%3C/svg%3E") left 20px center no-repeat; } button.myGreenHeartsLkLink__wrap-button.hoverMe.disabled { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.7943 17L0 10.3456L2.08872 8.29995L6.7943 12.9086L16.9113 3L19 5.0457L6.7943 17Z' fill='white'/%3E%3C/svg%3E"); background-color: #1A1A1A; pointer-events: none; opacity: 1; } .myGreenHeartsLkLink__info { color: var(--gray, #808080); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .myGreenheartsLkReportSend { padding-top: 24px; padding-bottom: 54px; } .myGreenheartsLkReport:not(.myGreenheartsLkReportSend) { border-top: 1px solid #1A1A1A; padding-top: 48px; } .myGreenheartsLkReport__title { color: var(--text-black, #1A1A1A); font-size: 32px; font-style: normal; font-weight: 500; line-height: 112%; letter-spacing: -0.96px; } .myGreenheartsLkReport__text { color: var(--text-black, #808080); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin-top: 24px; max-width: 640px; margin-bottom: 40px; } .myGreenheartsLkReportSend .myGreenheartsLkReport__text { color: #1A1A1A; margin-bottom: 30px; } .myGreenheartsLkReport__empty { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; } .myGreenheartsLkReport__empty-title { color: var(--text-black, #1A1A1A); text-align: center; font-size: 44px; font-style: normal; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; margin-bottom: 34px; } .myGreenheartsLkReport__empty-text { color: var(--text-black, #1A1A1A); text-align: center; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; margin-bottom: 40px; max-width: 785px; } .myGreenheartsLkReport__empty-text p:not(:last-child) { margin-bottom: 20px; } .myGreenheartsLkReport__empty-text a.hoverMe:before, .myGreenheartsLkReport__empty-text a.hoverMe:after { color: #FA8A59; } .myGreenheartsLkReport__empty-button a.hoverMe.button { background: #A4DC5C; } .myGreenheartsLkReport__empty-button a.hoverMe.button, .myGreenheartsLkReport__empty-button a.hoverMe.button:before, .myGreenheartsLkReport__empty-button a.hoverMe.button:after { min-width: 340px; max-width: 340px; height: 64px; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .myGreenheartsLkReport__empty-button a.hoverMe.button:before, .myGreenheartsLkReport__empty-button a.hoverMe.button:after { color: var(--text-black, #1A1A1A); } .myGreenheartsLkReportSend__form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; gap: 24px; background: #F3F5F7; padding: 20px; } .myGreenheartsLkReportSend__form.hide { display: none; } .myGreenheartsLkReportSend__form-left { flex: 1; } .myGreenheartsLkReportSend__form-left__group { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 8px; margin-bottom: 40px; } .myGreenheartsLkReportSend__form-left__group:nth-last-of-type(2) { margin-bottom: 8px; } .greenpromise__modal-report .myGreenheartsLkReportSend__form-left__group:nth-last-of-type(3) { margin-bottom: 8px; } .greenpromise__modal-report .myGreenheartsLkReportSend__form-left__group:nth-last-of-type(2) { margin-bottom: 40px; } .myGreenheartsLkReportSend__form-left__file { margin-top: 8px; } .myGreenheartsLkReportSend__form-label { color: var(--gray, #808080); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin-bottom: 8px; } .myGreenheartsLkReportSend__form-input { padding: 20px; color: var(--text-black, #1A1A1A); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; border: none; border-bottom: 1px solid var(--text-black, #1A1A1A); background: var(--white, #FFF); } .myGreenheartsLkReportSend__form-textarea { padding: 20px; color: var(--text-black, #1A1A1A); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; border: none; border-bottom: 1px solid var(--text-black, #1A1A1A); background: var(--white, #FFF); resize: none; height: 187px; } .myGreenheartsLkReportSend__form-left__file { font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin-bottom: 0; } .myGreenheartsLkReportSend__form-left__file-label:before, .myGreenheartsLkReportSend__form-left__file-label:after { color: var(--gray, #808080); } .myGreenheartsLkReportSend__form-left__file input { display: none; } .glk_file_preview_container { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 15px; } .glk_file_preview_container:empty { margin-top: 0; } .glk_preview_item { position: relative; width: 81px; height: 81px; overflow: hidden; } .glk_preview_item img, .glk_preview_item video { width: 100%; height: 100%; object-fit: cover; } .glk_remove_file { position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: #000 url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='15.765' height='1.12607' transform='matrix(0.710431 0.703767 -0.710431 0.703767 0.800781 0)' fill='white'/%3E%3Crect width='15.765' height='1.12607' transform='matrix(0.710431 -0.703767 0.710431 0.703767 0 11.2075)' fill='white'/%3E%3C/svg%3E%0A") center no-repeat; cursor: pointer; } .myGreenheartsLkReportSend__form-left__file { position: relative; cursor: pointer; transition: all 0.3s ease; } .myGreenheartsLkReportSend__form-left__file.glk_drag_hover { background-color: rgba(0, 0, 0, 0.05); border-color: #4CAF50; } /* Анимация при перетаскивании */ @keyframes glk_pulse { 0% { transform: scale(1); } 50% { transform: scale(1.02); } 100% { transform: scale(1); } } .glk_drag_hover { animation: glk_pulse 1s infinite; } .myGreenheartsLkReportSend__form-button__group { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; gap: 8px; } .myGreenheartsLkReportSend__form-button.hoverMe.button { background: var(--text-black, #1A1A1A); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .myGreenheartsLkReportSend__form-button.hoverMe.button.disabled { pointer-events: none; opacity: .5; } .myGreenheartsLkReportSend__form-button.hoverMe.button:before, .myGreenheartsLkReportSend__form-button.hoverMe.button:after { color: var(--white, #FFF); } .myGreenheartsLkReportSend__form-button.hoverMe.button.__cancel { background: var(--white, #FFF); } .myGreenheartsLkReportSend__form-button.hoverMe.button.__cancel:before, .myGreenheartsLkReportSend__form-button.hoverMe.button.__cancel:after { color: var(--white, #1A1A1A); } .myGreenheartsLkReportSend__form-right { max-width: 318px; } .myGreenheartsLkReportSend__form-list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 8px; max-height: 540px; overflow-y: auto; margin-top: 5px; } .myGreenheartsLkReportSend__form-list__item { min-width: 318px; } .myGreenheartsLkReportSend__form-list__item-label { background: var(--white, #FFF); padding: 12px; display: block; position: relative; cursor: pointer; transition: .3s all; } .myGreenheartsLkReportSend__form-list__item-label:after { content: ""; width: 20px; height: 20px; border-radius: 30px; box-shadow: inset 0 0 0 1px #1A1A1A; background: var(--white, #FFF); position: absolute; right: 12px; top: 12px; transition: .3s all; } .myGreenheartsLkReportSend__form-list__item input:checked ~ .myGreenheartsLkReportSend__form-list__item-label { box-shadow: inset 0 0 0 3px #A4DC5C; } .myGreenheartsLkReportSend__form-list__item input:checked ~ .myGreenheartsLkReportSend__form-list__item-label:after { box-shadow: inset 0 0 0 8px #1A1A1A; } .myGreenheartsLkReportSend__form-list__item-date { color: var(--gray, #808080); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin-bottom: 24px; } .myGreenheartsLkReportSend__form-list__item-text { color: var(--text-black, #1A1A1A); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .myGreenheartsLkReportSend__form-list__item input { opacity: 0; visibility: hidden; position: absolute; height: 0; width: 0; } .myGreenheartsLkReportSend__form-error { color: #f00; font-size: 14px; margin-top: 5px; display: none; } .myGreenheartsLkReportSend__form-sending { background: url("/upload/sprint.editor/e0b/6byyc2euwaff1aw0z3hdpjzg4dixobtk.jpg") no-repeat; background-size: cover; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; gap: 16px; height: 450px; text-align: center; } .myGreenheartsLkReportSend__form-sending.hide { display: none; } .myGreenheartsLkReportSend__form-sending__title { color: var(--white, #FFF); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .myGreenheartsLkReportSend__form-sending__text { color: var(--white, #FFF); font-size: 44px; font-style: normal; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; max-width: 690px; } .greenpromise__modal-report .myGreenheartsLkReportSend__form-sending__text { font-size: 30px; } .myGreenheartsLkReport__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; } .myGreenheartsLkReport__list-item { padding: 20px; background: var(--background-gray, #F3F5F7); } .myGreenheartsLkReport__list-item.modalShow { cursor: pointer; } .myGreenheartsLkReport__list-item__photo { height: 305px; margin-bottom: 50px; } .myGreenheartsLkReport__list-item__photo img { width: 100%; height: 100%; object-fit: cover; } .myGreenheartsLkReport__list-item__text { color: var(--text-black, #1A1A1A); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin-bottom: 16px; } .myGreenheartsLkReport__list-item__status { height: 48px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; background-color: var(--yellow, #FFEB80); color: var(--text-black, #1A1A1A); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; padding-left: 36px; background-repeat: no-repeat; background-position: left 12px center; } .myGreenheartsLkReport__list-item__status[data-type="57"] { background-color: #A4DC5C; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_9918_4597' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%231A1A1A'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_9918_4597)'%3E%3Cpath d='M8.83268 13.8333L14.7077 7.95829L13.541 6.79163L8.83268 11.5L6.45768 9.12496L5.29102 10.2916L8.83268 13.8333ZM9.99935 18.3333C8.84657 18.3333 7.76324 18.1145 6.74935 17.677C5.73546 17.2395 4.85352 16.6458 4.10352 15.8958C3.35352 15.1458 2.75977 14.2638 2.32227 13.25C1.88477 12.2361 1.66602 11.1527 1.66602 9.99996C1.66602 8.84718 1.88477 7.76385 2.32227 6.74996C2.75977 5.73607 3.35352 4.85413 4.10352 4.10413C4.85352 3.35413 5.73546 2.76038 6.74935 2.32288C7.76324 1.88538 8.84657 1.66663 9.99935 1.66663C11.1521 1.66663 12.2355 1.88538 13.2493 2.32288C14.2632 2.76038 15.1452 3.35413 15.8952 4.10413C16.6452 4.85413 17.2389 5.73607 17.6764 6.74996C18.1139 7.76385 18.3327 8.84718 18.3327 9.99996C18.3327 11.1527 18.1139 12.2361 17.6764 13.25C17.2389 14.2638 16.6452 15.1458 15.8952 15.8958C15.1452 16.6458 14.2632 17.2395 13.2493 17.677C12.2355 18.1145 11.1521 18.3333 9.99935 18.3333Z' fill='%231A1A1A'/%3E%3C/g%3E%3C/svg%3E"); } .myGreenheartsLkReport__list-item__status[data-type="58"] { background-color: #FF5945; color: #F3F5F7; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_9918_4617' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23F3F5F7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_9918_4617)'%3E%3Cpath d='M9.9974 14.1665C10.2335 14.1665 10.4314 14.0866 10.5911 13.9269C10.7509 13.7672 10.8307 13.5693 10.8307 13.3332C10.8307 13.0971 10.7509 12.8991 10.5911 12.7394C10.4314 12.5797 10.2335 12.4998 9.9974 12.4998C9.76128 12.4998 9.56337 12.5797 9.40365 12.7394C9.24392 12.8991 9.16406 13.0971 9.16406 13.3332C9.16406 13.5693 9.24392 13.7672 9.40365 13.9269C9.56337 14.0866 9.76128 14.1665 9.9974 14.1665ZM9.16406 10.8332H10.8307V5.83317H9.16406V10.8332ZM9.9974 18.3332C8.84462 18.3332 7.76128 18.1144 6.7474 17.6769C5.73351 17.2394 4.85156 16.6457 4.10156 15.8957C3.35156 15.1457 2.75781 14.2637 2.32031 13.2498C1.88281 12.2359 1.66406 11.1526 1.66406 9.99984C1.66406 8.84706 1.88281 7.76373 2.32031 6.74984C2.75781 5.73595 3.35156 4.854 4.10156 4.104C4.85156 3.354 5.73351 2.76025 6.7474 2.32275C7.76128 1.88525 8.84462 1.6665 9.9974 1.6665C11.1502 1.6665 12.2335 1.88525 13.2474 2.32275C14.2613 2.76025 15.1432 3.354 15.8932 4.104C16.6432 4.854 17.237 5.73595 17.6745 6.74984C18.112 7.76373 18.3307 8.84706 18.3307 9.99984C18.3307 11.1526 18.112 12.2359 17.6745 13.2498C17.237 14.2637 16.6432 15.1457 15.8932 15.8957C15.1432 16.6457 14.2613 17.2394 13.2474 17.6769C12.2335 18.1144 11.1502 18.3332 9.9974 18.3332Z' fill='%23F3F5F7'/%3E%3C/g%3E%3C/svg%3E"); } .myGreenheartsLkReport__list-item__status[data-type="59"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_9918_4603' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%231A1A1A'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_9918_4603)'%3E%3Cpath d='M8.05648 18.3333C7.0055 18.3333 6.01782 18.1145 5.09346 17.677C4.1691 17.2395 3.36503 16.6458 2.68125 15.8958C1.99748 15.1458 1.45616 14.2638 1.05729 13.25C0.658419 12.2361 0.458984 11.1527 0.458984 9.99996C0.458984 8.84718 0.658419 7.76385 1.05729 6.74996C1.45616 5.73607 1.99748 4.85413 2.68125 4.10413C3.36503 3.35413 4.1691 2.76038 5.09346 2.32288C6.01782 1.88538 7.0055 1.66663 8.05648 1.66663C9.10747 1.66663 10.0951 1.88538 11.0195 2.32288C11.9439 2.76038 12.7479 3.35413 13.4317 4.10413C14.1155 4.85413 14.6568 5.73607 15.0557 6.74996C15.4545 7.76385 15.654 8.84718 15.654 9.99996C15.654 10.375 15.635 10.743 15.597 11.1041C15.559 11.4652 15.4957 11.8194 15.4071 12.1666C15.2298 11.9444 15.024 11.7569 14.7898 11.6041C14.5555 11.4513 14.2991 11.3472 14.0205 11.2916C14.0585 11.0833 14.087 10.8715 14.106 10.6562C14.125 10.4409 14.1345 10.2222 14.1345 9.99996C14.1345 8.13885 13.5457 6.56246 12.3681 5.27079C11.1904 3.97913 9.75326 3.33329 8.05648 3.33329C6.35971 3.33329 4.92251 3.97913 3.7449 5.27079C2.56729 6.56246 1.97848 8.13885 1.97848 9.99996C1.97848 11.8611 2.56729 13.4375 3.7449 14.7291C4.92251 16.0208 6.35971 16.6666 8.05648 16.6666C8.70227 16.6666 9.31957 16.5625 9.90837 16.3541C10.4972 16.1458 11.0385 15.8541 11.5323 15.4791C11.6843 15.7152 11.8711 15.9236 12.0927 16.1041C12.3142 16.2847 12.5517 16.4236 12.8049 16.5208C12.1591 17.0902 11.4342 17.5347 10.6301 17.8541C9.82607 18.1736 8.96818 18.3333 8.05648 18.3333ZM13.5647 15C13.2988 15 13.074 14.8993 12.8904 14.6979C12.7068 14.4965 12.615 14.25 12.615 13.9583C12.615 13.6666 12.7068 13.4201 12.8904 13.2187C13.074 13.0173 13.2988 12.9166 13.5647 12.9166C13.8306 12.9166 14.0553 13.0173 14.2389 13.2187C14.4226 13.4201 14.5144 13.6666 14.5144 13.9583C14.5144 14.25 14.4226 14.4965 14.2389 14.6979C14.0553 14.8993 13.8306 15 13.5647 15ZM10.5637 13.9166L7.29673 10.3333V5.83329H8.81623V9.66663L11.6273 12.75L10.5637 13.9166Z' fill='%231A1A1A'/%3E%3C/g%3E%3C/svg%3E"); } .myDeclaList { padding: 80px 0 0; } .myDeclaList__top { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; margin-bottom: 48px; } .myDeclaList__top-title { color: var(--text-black, #1A1A1A); font-size: 44px; font-style: normal; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; } .myDeclaList__top.buttonExist .myDeclaList__top-title { max-width: 550px; } .myDeclaList__top-button a.hoverMe.button { padding: 0 25px; } .myDeclaList__top-button a.hoverMe.button, .myDeclaList__top-button a.hoverMe.button:before, .myDeclaList__top-button a.hoverMe.button:after { min-width: 216px; max-width: none; background: #A4DC5C; height: 64px; font-size: 20px; } .myDeclaList__top-button a.hoverMe.button:before, .myDeclaList__top-button a.hoverMe.button:after { color: #1A1A1A; } .myDeclaList__tabs-head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; gap: 0; margin-bottom: 48px; } .myDeclaList__tabs-head__item.hoverMe.button { height: 40px; background: #F3F5F7; text-align: center; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .myDeclaList__tabs-head__item.hoverMe.button, .myDeclaList__tabs-head__item.hoverMe.button:before, .myDeclaList__tabs-head__item.hoverMe.button:before { min-width: 343px; max-width: 343px; } .myDeclaList__tabs-head__item.hoverMe.button.active { background: var(--text-black, #1A1A1A); } .myDeclaList__tabs-head__item.hoverMe.button:before, .myDeclaList__tabs-head__item.hoverMe.button:after { color: var(--text-black, #1A1A1A); } .myDeclaList__tabs-head__item.hoverMe.button.active:before, .myDeclaList__tabs-head__item.hoverMe.button.active:after { color: var(--white, #FFF); } .myDeclaList__tabs-body__item:not(.active) { display: none; } .myDeclaList__init { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 12px; } .myDeclaList__init-item__wrap { display: none; } .myDeclaList__init-item__wrap.show, .myDeclaList__init-item__wrap:nth-child(-n+4) { display: block; } .myDeclaList__init-item__photo { width: 297px; height: 195px; } .myDeclaList__init-item__photo img { width: 100%; height: 100%; object-fit: cover; } .myDeclaList__init-item { background: var(--background-gray, #F3F5F7); min-height: 370px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .myDeclaList__init-showmore__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: center; margin-top: 24px; } .myDeclaList__init-showmore.hoverMe.button, .myDeclaList__init-showmore.hoverMe.button:before, .myDeclaList__init-showmore.hoverMe.button:after { min-width: 1px; max-width: none; width: 420px; height: 64px; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; background: var(--background-gray, #F3F5F7); } .myDeclaList__init-showmore.hoverMe.button:before, .myDeclaList__init-showmore.hoverMe.button:after { color: var(--text-black, #1A1A1A); } .myDeclaList__init-showmore:hover { background: #45a049; } .myDeclaList__init-item__box { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; padding: 20px; height: 100%; flex: 1; } .myDeclaList__init-item__top { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='41' viewBox='0 0 44 41' fill='none'%3E%3Cpath d='M22 40.9302L18.81 38.0305C15.1067 34.6476 12.045 31.7293 9.625 29.2757C7.205 26.8221 5.28 24.6195 3.85 22.6678C2.42 20.7161 1.42083 18.9223 0.8525 17.2866C0.284167 15.6509 0 13.978 0 12.2679C0 8.77342 1.155 5.85514 3.465 3.51309C5.775 1.17103 8.65333 0 12.1 0C14.0067 0 15.8217 0.408931 17.545 1.22679C19.2683 2.04465 20.7533 3.19709 22 4.68411C23.2467 3.19709 24.7317 2.04465 26.455 1.22679C28.1783 0.408931 29.9933 0 31.9 0C35.3467 0 38.225 1.17103 40.535 3.51309C42.845 5.85514 44 8.77342 44 12.2679C44 13.978 43.7158 15.6509 43.1475 17.2866C42.5792 18.9223 41.58 20.7161 40.15 22.6678C38.72 24.6195 36.795 26.8221 34.375 29.2757C31.955 31.7293 28.8933 34.6476 25.19 38.0305L22 40.9302Z' fill='%23808080'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right top; } .myDeclaList__init-item.reportExist .myDeclaList__init-item__top { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='41' viewBox='0 0 44 41' fill='none'%3E%3Cpath d='M22 40.9302L18.81 38.0305C15.1067 34.6476 12.045 31.7293 9.625 29.2757C7.205 26.8221 5.28 24.6195 3.85 22.6678C2.42 20.7161 1.42083 18.9223 0.8525 17.2866C0.284167 15.6509 0 13.978 0 12.2679C0 8.77342 1.155 5.85514 3.465 3.51309C5.775 1.17103 8.65333 0 12.1 0C14.0067 0 15.8217 0.408931 17.545 1.22679C19.2683 2.04465 20.7533 3.19709 22 4.68411C23.2467 3.19709 24.7317 2.04465 26.455 1.22679C28.1783 0.408931 29.9933 0 31.9 0C35.3467 0 38.225 1.17103 40.535 3.51309C42.845 5.85514 44 8.77342 44 12.2679C44 13.978 43.7158 15.6509 43.1475 17.2866C42.5792 18.9223 41.58 20.7161 40.15 22.6678C38.72 24.6195 36.795 26.8221 34.375 29.2757C31.955 31.7293 28.8933 34.6476 25.19 38.0305L22 40.9302Z' fill='%23A4DC5C'/%3E%3C/svg%3E"); } .myDeclaList__init-item__name { color: var(--text-black, #1A1A1A); font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; margin-bottom: 8px; padding-right: 55px; } .myDeclaList__init-item__country { color: var(--gray, #808080); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .myDeclaList__init-item__text { color: var(--text-black, #1A1A1A); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .myDeclaList__init-item__report { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; background: #A4DC5C; padding: 0 0 0 20px; height: 48px; } .myDeclaList__init-item__report-user { border-radius: 70px; border: 1px solid #FFF; background-color: lightgray; min-width: 30px; max-width: 30px; height: 30px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; position: relative; overflow: hidden; margin-right: 8px; } .myDeclaList__init-item__report-user img { width: 100%; height: 100%; object-fit: cover; } .myDeclaList__init-item__report-text.hoverMe { font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; cursor: pointer; height: 100%; width: 100%; } .myDeclaList__init-item__report-text.hoverMe:before, .myDeclaList__init-item__report-text.hoverMe:after { color: #1A1A1A; -ms-align-items: center; align-items: center; } .greenpromise__modal { display: none; left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; z-index: 999; opacity: 0; visibility: hidden; } .greenpromise__modal.show { display: block; } .greenpromise__modal-overlay { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; background: #1A1A1A; opacity: 0; visibility: hidden; } .greenpromise__modal-wrap { width: 100%; max-width: 1180px; background: #fff; z-index: 10; left: 100%; position: absolute; height: 100vh; opacity: 0; visibility: hidden; } .greenpromise__modal-inner { width: 100%; overflow-y: auto; height: 100%; max-width: 715px; margin: 0 auto; padding-top: 75px; } .greenpromise__modal-inner::-webkit-scrollbar { display: none; } .greenpromise__modal-close { width: 32px; height: 32px; right: 28px; top: 22px; position: absolute; background: #1A1A1A; border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 125%; letter-spacing: -0.01em; cursor: pointer; color: #FFFFFF; transition: .3s all; z-index: 9999; } .greenpromise__modal-close:hover { transform: scale(1.05); } .greenpromise__modal-top { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='48' viewBox='0 0 54 48' fill='none'%3E%3Cpath d='M27 48L23.085 44.5995C18.54 40.6322 14.7825 37.2098 11.8125 34.3324C8.8425 31.455 6.48 28.8719 4.725 26.5831C2.97 24.2943 1.74375 22.1907 1.04625 20.2725C0.34875 18.3542 0 16.3924 0 14.3869C0 10.2888 1.4175 6.86649 4.2525 4.11989C7.0875 1.3733 10.62 0 14.85 0C17.19 0 19.4175 0.479564 21.5325 1.43869C23.6475 2.39782 25.47 3.74932 27 5.49319C28.53 3.74932 30.3525 2.39782 32.4675 1.43869C34.5825 0.479564 36.81 0 39.15 0C43.38 0 46.9125 1.3733 49.7475 4.11989C52.5825 6.86649 54 10.2888 54 14.3869C54 16.3924 53.6513 18.3542 52.9538 20.2725C52.2563 22.1907 51.03 24.2943 49.275 26.5831C47.52 28.8719 45.1575 31.455 42.1875 34.3324C39.2175 37.2098 35.46 40.6322 30.915 44.5995L27 48Z' fill='%23A4DC5C'/%3E%3C/svg%3E") right top no-repeat; } .greenpromise__modal-name { color: var(--text-black, #1A1A1A); font-size: 44px; font-style: normal; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; margin-bottom: 11px; } .greenpromise__modal-country { color: var(--gray, #808080); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; } .greenpromise__modal-promise { padding: 20px; background: var(--background-gray, #F3F5F7); margin-top: 32px; min-height: 175px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .greenpromise__modal-promise__meta { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; color: var(--gray, #808080); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; gap: 0; } .greenpromise__modal-promise__meta-title:after { content: "•"; display: inline-block; vertical-align: middle; margin: 0 8px 0 5px; position: relative; top: -1px; } .greenpromise__modal-text__content { color: var(--text-black, #1A1A1A); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .greenpromise__modal-report { margin-top: 40px; } .greenpromise__modal-report__title { color: var(--text-black, #1A1A1A); font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; margin-bottom: 24px; } .greenpromise__modal-report .myGreenheartsLkReport__list-item__status { margin-bottom: 32px; } .greenpromise__modal-report__tools { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin-bottom: 32px; } .greenpromise__modal-report__tools .myGreenheartsLkReport__list-item__status { margin-bottom: 0; flex: 1; } .greenpromise__modal-report__tools .greenpromise__modal-report__tools-button { margin-left: 12px; } .greenpromise__modal-report__tools-button .hoverMe.button, .greenpromise__modal-report__tools-button .hoverMe.button:before, .greenpromise__modal-report__tools-button .hoverMe.button:after { background: #A4DC5C; height: 48px; font-size: 20px; min-width: 1px; max-width: none; } .greenpromise__modal-report__tools-button .hoverMe.button { padding: 0 20px; } .greenpromise__modal-report__tools-button .hoverMe.button:before, .greenpromise__modal-report__tools-button .hoverMe.button:after { color: #1A1A1A; } .greenpromise__modal-report .myGreenheartsLkReportSend__form-wrap { display: none; margin-bottom: 170px; } /* Основной контейнер слайдера */ .greenpromise__modal-report__slider { position: relative; margin: 0; margin-bottom: 20px; } /* Контейнер для больших изображений */ .greenpromise__modal-report__media-wrap { position: relative; overflow: hidden; width: 100%; height: 380px; /* фиксированная высота */ } .greenpromise__modal-report__image { width: 100%; height: 100%; object-fit: cover; } /* Стили для слайдов */ .greenpromise__modal-report__media { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; } .greenpromise__modal-report__media.once { height: 380px; position: relative; display: block; } .greenpromise__modal-report__media.active { display: block; } /* Контейнер для видео */ .greenpromise__modal-report__video-container { position: relative; width: 100%; height: 100%; background: #000; } /* Постер видео */ .greenpromise__modal-report__video-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } .greenpromise__modal-report__video-poster-image { width: 100%; height: 100%; object-fit: contain; } /* Кнопка play на постере */ .greenpromise__modal-report__video-poster-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: none; border: none; cursor: pointer; padding: 0; transition: transform 0.2s; } .greenpromise__modal-report__video-poster-play:hover { transform: translate(-50%, -50%) scale(1.1); } /* Плеер видео */ .greenpromise__modal-report__video-player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .greenpromise__modal-report__video-player video { width: 100%; height: 100%; object-fit: contain; } /* Кнопка закрытия видео */ .greenpromise__modal-report__video-close { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; background: rgba(0, 0, 0, 0.7); border: none; border-radius: 50%; color: #fff; font-size: 20px; line-height: 1; cursor: pointer; z-index: 2; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s; } .greenpromise__modal-report__video-close:hover { background: rgba(0, 0, 0, 0.9); } /* Контейнер миниатюр */ .greenpromise__modal-report__thumbnail-wrap { display: flex; gap: 4px; margin-top: 14px; overflow-x: auto; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; padding: 5px 0; } .greenpromise__modal-report__thumbnail-wrap::-webkit-scrollbar { display: none; } /* Миниатюры */ .greenpromise__modal-report__thumbnail { flex: 0 0 90px; height: 80px; overflow: hidden; position: relative; border: 2px solid transparent; transition: border-color 0.3s; display: block; text-decoration: none; cursor: pointer; } .greenpromise__modal-report__thumbnail-image { width: 100%; height: 100%; object-fit: cover; } .greenpromise__modal-report__thumbnail.active { border-color: #A4DC5C; } /* Кнопки навигации */ .greenpromise__modal-report__slider-prev, .greenpromise__modal-report__slider-next { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: none; background: rgba(255, 255, 255, 0.8); cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; transition: all 0.3s; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .greenpromise__modal-report__slider-prev { left: 0; } .greenpromise__modal-report__slider-next { right: 0; } .greenpromise__modal-report__slider-prev svg, .greenpromise__modal-report__slider-next svg { width: 24px; height: 24px; } .greenpromise__modal-report__slider-prev:hover, .greenpromise__modal-report__slider-next:hover { background: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); } .greenpromise__modal-report__slider-prev:disabled, .greenpromise__modal-report__slider-next:disabled { opacity: 0.5; cursor: not-allowed; background: rgba(255, 255, 255, 0.5); } .myDeclarationStickers { margin: 24px 0; background: #F3F5F7; padding: 20px; } .myDeclarationStickers__top { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; gap: 8px; } .myDeclarationStickers__top-title { color: var(--text-black, #1A1A1A); text-align: center; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; background: #FFEB80; } .myDeclarationStickers__top-text { color: var(--gray, #808080); text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .myDeclarationStickers__list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; gap: 12px; justify-content: center; margin-top: 24px; } .myDeclarationStickers__list-item { flex: 1; height: 48px; background: #FFF; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: center; transition: .3s all; } .myDeclarationStickers__list-item span { font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; background-repeat: no-repeat; background-position: right center; transition: .3s all; } .myDeclarationStickers__list-item[data-type="tg"]:hover { background: #4AA4D3; } .myDeclarationStickers__list-item[data-type="tg"] span { color: #3A88B0; background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 9.5L5.61 12.492L14 5.5L6 14.955V18.5L9.164 14.387L15 17.5L18 0.5L0 9.5Z' fill='%233A88B0'/%3E%3C/svg%3E%0A"); padding-right: 26px; } .myDeclarationStickers__list-item[data-type="tg"]:hover span { background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='19' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 9L6.11 11.992L14.5 5L6.5 14.455V18L9.664 13.887L15.5 17L18.5 0L0.5 9Z' fill='black'/%3E%3C/svg%3E%0A"); } .myDeclarationStickers__list-item[data-type="wa"]:hover { background: #5BC457; } .myDeclarationStickers__list-item[data-type="wa"] span { color: #30952C; background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10305_3362)'%3E%3Cpath d='M12.1875 0.5C6.48125 0.5 1.875 5.10625 1.875 10.8125C1.875 13.15 2.63125 15.35 4.075 17.1375L2.63125 21.5375C2.5625 21.8125 2.63125 22.0875 2.8375 22.2938C2.90625 22.4312 3.1125 22.5 3.25 22.5C3.31875 22.5 3.45625 22.5 3.525 22.4312L8.26875 20.3C9.50625 20.85 10.8125 21.125 12.1875 21.125C17.8937 21.125 22.5 16.5187 22.5 10.8125C22.5 5.10625 17.8937 0.5 12.1875 0.5ZM18.1688 14.5938C17.8938 15.4187 16.8625 16.1062 15.9688 16.2437C15.7625 16.3125 15.5562 16.3125 15.2812 16.3125C14.7312 16.3125 13.9062 16.175 12.4625 15.5562C10.8125 14.8687 9.1625 13.425 7.85625 11.5688V11.5C7.44375 10.8813 6.6875 9.7125 6.6875 8.475C6.6875 6.9625 7.44375 6.20625 7.71875 5.8625C8.0625 5.51875 8.54375 5.3125 9.09375 5.3125C9.23125 5.3125 9.3 5.3125 9.4375 5.3125C9.91875 5.3125 10.2625 5.45 10.6062 6.1375L10.8813 6.6875C11.0875 7.2375 11.3625 7.85625 11.4312 7.925C11.6375 8.3375 11.6375 8.68125 11.4312 9.025C11.3625 9.23125 11.225 9.36875 11.0875 9.50625C11.0188 9.64375 10.95 9.7125 10.8813 9.7125C10.8125 9.78125 10.8125 9.78125 10.7437 9.85C10.95 10.1938 11.3625 10.8125 11.9125 11.2937C12.7375 12.05 13.3563 12.2562 13.7 12.3937C13.8375 12.2562 13.975 11.9812 14.1812 11.775L14.25 11.6375C14.5938 11.1563 15.1438 11.0188 15.6938 11.225C15.9688 11.3625 17.4813 12.05 17.4813 12.05L17.6187 12.1187C17.825 12.2562 18.1 12.325 18.2375 12.6C18.5125 13.2188 18.3062 14.1125 18.1688 14.5938Z' fill='%2330952C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10305_3362'%3E%3Crect width='22' height='22' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); padding-right: 32px; } .myDeclarationStickers__list-item[data-type="wa"]:hover span { background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='23' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6875 0C4.98125 0 0.375 4.60625 0.375 10.3125C0.375 12.65 1.13125 14.85 2.575 16.6375L1.13125 21.0375C1.0625 21.3125 1.13125 21.5875 1.3375 21.7938C1.40625 21.9312 1.6125 22 1.75 22C1.81875 22 1.95625 22 2.025 21.9312L6.76875 19.8C8.00625 20.35 9.3125 20.625 10.6875 20.625C16.3937 20.625 21 16.0187 21 10.3125C21 4.60625 16.3937 0 10.6875 0ZM16.6688 14.0938C16.3938 14.9187 15.3625 15.6062 14.4688 15.7437C14.2625 15.8125 14.0562 15.8125 13.7812 15.8125C13.2312 15.8125 12.4062 15.675 10.9625 15.0562C9.3125 14.3687 7.6625 12.925 6.35625 11.0688V11C5.94375 10.3813 5.1875 9.2125 5.1875 7.975C5.1875 6.4625 5.94375 5.70625 6.21875 5.3625C6.5625 5.01875 7.04375 4.8125 7.59375 4.8125C7.73125 4.8125 7.8 4.8125 7.9375 4.8125C8.41875 4.8125 8.7625 4.95 9.10625 5.6375L9.38125 6.1875C9.5875 6.7375 9.8625 7.35625 9.93125 7.425C10.1375 7.8375 10.1375 8.18125 9.93125 8.525C9.8625 8.73125 9.725 8.86875 9.5875 9.00625C9.51875 9.14375 9.45 9.2125 9.38125 9.2125C9.3125 9.28125 9.3125 9.28125 9.24375 9.35C9.45 9.69375 9.8625 10.3125 10.4125 10.7937C11.2375 11.55 11.8563 11.7562 12.2 11.8937C12.3375 11.7562 12.475 11.4812 12.6812 11.275L12.75 11.1375C13.0938 10.6563 13.6438 10.5188 14.1938 10.725C14.4688 10.8625 15.9813 11.55 15.9813 11.55L16.1187 11.6187C16.325 11.7562 16.6 11.825 16.7375 12.1C17.0125 12.7188 16.8062 13.6125 16.6688 14.0938Z' fill='black'/%3E%3C/svg%3E%0A"); } .myDeclarationStickers__list-item[data-type="tg"]:hover span, .myDeclarationStickers__list-item[data-type="wa"]:hover span { color: #1A1A1A; } /* Адаптивность */ @media (max-width: 768px) { .greenpromise__modal-report__media-wrap { height: 400px; } .greenpromise__modal-report__slider-prev, .greenpromise__modal-report__slider-next { width: 36px; height: 36px; } .greenpromise__modal-report__slider-prev { left: 15px; } .greenpromise__modal-report__slider-next { right: 15px; } .greenpromise__modal-report__slider-prev svg, .greenpromise__modal-report__slider-next svg { width: 20px; height: 20px; } .greenpromise__modal-report__thumbnail { flex: 0 0 80px; height: 70px; } } @media (max-width: 560px) { .myDeclarationStickers__list { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .myDeclarationStickers__list-item { width: 100%; min-height: 48px; } } @media (max-width: 480px) { .greenpromise__modal-report__media-wrap { height: 300px; } .greenpromise__modal-report__slider-prev, .greenpromise__modal-report__slider-next { width: 32px; height: 32px; } .greenpromise__modal-report__slider-prev { left: 10px; } .greenpromise__modal-report__slider-next { right: 10px; } .greenpromise__modal-report__thumbnail { flex: 0 0 70px; height: 60px; } } .greenpromise__modal-report__text { color: var(--text-black, #1A1A1A); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; /* 120% */ letter-spacing: -0.2px; margin: 32px 0 165px; } @media (max-width:980px) { .myGreenHeartsLkLink__wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 15px; -ms-align-items: flex-start; align-items: flex-start; margin-bottom: 20px; } .myGreenHeartsLkLink__wrap-value { white-space: nowrap; overflow: hidden; max-width: 100%; } .myGreenHeartsLkLink__wrap-value a { max-width: 90%; } .myGreenHeartsLkLink__wrap-value:after { content: "..."; font-size: 32px; color: #FA8A59; margin-left: -5px; } .myGreenheartsLkReportSend__form { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; } .myGreenheartsLkReportSend__form-right { width: 100%; max-width: none; } .myGreenheartsLkReportSend__form-list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: nowrap; padding-bottom: 15px; margin-bottom: 15px; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .myGreenheartsLkReportSend__form-list__item { min-width: 318px; max-width: 318px; } .myGreenheartsLkReportSend__form-left { width: 100%; } [data-page="deklaratsiya-zelenykh-serdets-test"] .projectHero__heading, [data-page="/rudeklaratsiya-zelenykh-serdets-test"] .projectHero__heading { margin-top: 0; } } @media (max-width:780px) { .profile__greenhearts { margin-top: 40px; } .myGreenheartsLkValues__value { font-size: 52px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M5.5 10L4.7025 9.29155C3.77667 8.46503 3.01125 7.75204 2.40625 7.15259C1.80125 6.55313 1.32 6.01499 0.9625 5.53815C0.605 5.06131 0.355208 4.62307 0.213125 4.22343C0.0710417 3.8238 0 3.41508 0 2.99728C0 2.14351 0.28875 1.43052 0.86625 0.858311C1.44375 0.286104 2.16333 0 3.025 0C3.50167 0 3.95542 0.0999092 4.38625 0.299728C4.81708 0.499546 5.18833 0.781108 5.5 1.14441C5.81167 0.781108 6.18292 0.499546 6.61375 0.299728C7.04458 0.0999092 7.49833 0 7.975 0C8.83667 0 9.55625 0.286104 10.1338 0.858311C10.7113 1.43052 11 2.14351 11 2.99728C11 3.41508 10.929 3.8238 10.7869 4.22343C10.6448 4.62307 10.395 5.06131 10.0375 5.53815C9.68 6.01499 9.19875 6.55313 8.59375 7.15259C7.98875 7.75204 7.22333 8.46503 6.2975 9.29155L5.5 10Z' fill='black'/%3E%3C/svg%3E"); padding-right: 13px; } .myGreenheartsLkValues__list { margin-top: 16px; } .myGreenheartsLkValues__list { grid-template-columns: repeat(2, 1fr); } .myGreenHeartsLkLink__wrap-button__wrap { background-color: #1A1A1A; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: center; width: 100%; cursor: pointer; } .myDeclarationGift .myDeclarationGift__box:before { display: none; } .myDeclarationGift__title { font-size: 22px; } .myDeclarationGift__text { font-size: 16px; } .myDeclarationGift__box { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; margin-top: 64px; } .myDeclarationGift__box-item:nth-child(1) { order: 2; } .myDeclarationGift__box-item:nth-child(2) { order: 1; } .myDeclarationGift__box-item:nth-child(2) .myDeclarationGift__box-item__photo, .profile__greenhearts .myDeclarationGift__box-item:nth-child(2) .myDeclarationGift__box-item__photo { max-width: 250px; left: 20px; margin: 0 auto 40px; } .myDeclarationGift__box-item:nth-child(3) { order: 3; } .profile__greenhearts .myDeclarationGift__box-item:nth-child(1) .myDeclarationGift__box-item__photo, .myDeclarationGift__box-item:nth-child(1) .myDeclarationGift__box-item__photo { max-width: 250px; transform: rotate(29deg); margin: 0 auto -20px; } .profile__greenhearts .myDeclarationGift__box-item:nth-child(3) .myDeclarationGift__box-item__photo, .myDeclarationGift__box-item:nth-child(3) .myDeclarationGift__box-item__photo { max-width: 250px; margin: 0 auto -20px; transform: rotate(-28deg); } .myGreenheartsLkReport__list { grid-template-columns: 1fr; } .myGreenheartsLkReport__title { font-size: 22px; } .myGreenheartsLkReport__text br { display: none; } .myGreenheartsLkReport__text { font-size: 14px; } .greenpromise__modal-box { padding: 0 12px; } .greenpromise__modal-name { font-size: 40px; } .greenpromise__modal-top { background: none; } .myDeclarationInfo__wrap { grid-template-columns: repeat(1, 1fr); gap: 32px; } .myDeclaForm__init-row { grid-template-columns: repeat(1, 1fr); } .myDeclaForm { margin-top: 60px; } .myDeclaForm__start { padding-top: 30px; } .myDeclaForm__start-wrap { gap: 48px; } .myDeclaForm__start-text { font-size: 16px; } .myDeclaForm__init { min-width: 1px; max-width: none; width: 100%; } .myDeclaList__init { grid-template-columns: repeat(2, 1fr); } .myDeclaList__top { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; gap: 30px; } .myDeclaList__top.buttonExist .myDeclaList__top-title { max-width: none; } .myDeclaList__top-title { font-size: 28px; } .myDeclaForm__init-types__head { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 15px; -ms-align-items: flex-start; align-items: flex-start; } .myDeclaForm__thanks .container { height: auto; } .myDeclaForm__thanks-button button.hoverMe.button, .myDeclaForm__thanks-button button.hoverMe.button:before, .myDeclaForm__thanks-button button.hoverMe.button:after { height: 44px; font-size: 20px; width: 100%; } .myDeclaForm__thanks-title { font-size: 28px; } .myDeclaForm__thanks-points { padding-left: 0; padding-top: 60px; font-size: 28px; } .myDeclaForm__thanks-points br { display: none; } } @media (max-width:560px) { .myGreenheartsLkValues__list { grid-template-columns: repeat(1, 1fr); } .myDeclarationInfo__item { gap: 12px; } .myDeclarationInfo__item-digit { font-size: 48px; } .myDeclarationInfo__item-title { font-size: 16px; } .myDeclarationInfo__item-text { font-size: 12px; } .myDeclarationInfo__item-title br, .myDeclarationInfo__item-text br { display: none; } .myDeclaList__init { grid-template-columns: repeat(1, 1fr); } } /* Страница https://impact-mission.org/ru/solutions/hr-university */ [data-page="/ruhr-university"] .projectHero__cols-item { max-width: none; } [data-page="/ruhr-university"] .projectContacts2__head, [data-page="/ruhr-university"] .projectContacts2__wrap { padding: 0; } @media (min-width:980px) { [data-page="/ruhr-university"] .login__popup + .projectGoal { margin-bottom: 160px; } [data-page="/ruhr-university"] .projectProg + .projectResult { padding-bottom: 112px; } [data-page="/ruhr-university"] .projectResult__list { display: grid; grid-template-columns: repeat(3, 1fr); } [data-page="/ruhr-university"] .projectGoal + .projectResult .projectResult__item-title { font-size: 28px; } [data-page="/ruhr-university"] .projectContacts2 { margin-bottom: 0; } } .myStudyStructure { margin: 80px 0; } .myStudyStructure__list { margin-top: 48px; } .myStudyStructure__list-item:not(:last-of-type) { border-bottom: 1px solid var(--gray, #808080); } .myStudyStructure__list-item__top { background: url("data:image/svg+xml,%3Csvg width='44' height='45' viewBox='0 0 44 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10.5V0H44V10.5H41.5V2.5H2.5V10.5H0Z' fill='black'/%3E%3Cpath d='M0 44.5V34H2.5V42H41.5V34H44V44.5H0Z' fill='black'/%3E%3C/svg%3E") center right no-repeat; position: relative; overflow: hidden; justify-content: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; min-height: 45px; -ms-align-items: flex-start; align-items: flex-start; gap: 12px; cursor: pointer; padding: 24px 0; } .myStudyStructure__list-item__top:before, .myStudyStructure__list-item__top:after { content: ""; background: url("data:image/svg+xml,%3Csvg width='44' height='24' viewBox='0 0 44 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='44' height='24' fill='none'/%3E%3Cpath d='M22.8807 4.45455V14.0994L26.4389 10.527L28.2855 12.3594L21.5455 19.0852L14.8196 12.3594L16.6378 10.527L20.2102 14.0994V4.45455H22.8807Z' fill='%231A1A1A'/%3E%3Crect x='12' y='21' width='19' height='2.5' fill='%231A1A1A'/%3E%3C/svg%3E") no-repeat; background-position: center; display: block; width: 44px; height: 100%; position: absolute; right: 0; transition: .3s all; } .myStudyStructure__list-item__top:before { bottom: 0; } .myStudyStructure__list-item__top:after { bottom: 100%; } .myStudyStructure__list-item__top:hover:before { bottom: -100%; } .myStudyStructure__list-item__top:hover:after { bottom: 0; } .myStudyStructure__list-item__top.opened:before, .myStudyStructure__list-item__top.opened:after { transform: rotate(180deg); } .myStudyStructure__list-item__moduleName { color: var(--white, #FFF); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; background: #2F69AB; height: 20px; -ms-align-items: center; align-items: center; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; padding: 2px; } .myStudyStructure__list-item__moduleTitle { color: var(--text-black, #1A1A1A); font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; } .myStudyStructure__list-item__moduleContent { padding: 32px 0; color: var(--text-black, #1A1A1A); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; display: none; } .myStudyStructure__list-item:first-of-type .myStudyStructure__list-item__moduleContent { display: block; } .myStudyStructure__list-item__moduleContent ul { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 20px; } .myStudyStructure__list-item__moduleContent ul li { padding-left: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='5' cy='5' r='5' transform='matrix(1 0 0 -1 5 15)' fill='%232F69AB'/%3E%3C/svg%3E") no-repeat; } @media (max-width:780px) { .projectProg__list { row-gap: 20px; } .projectProg__item-text { margin-top: 0; } .myStudyStructure { margin: 40px 0; } .myStudyStructure__list { margin-top: 30px; } .myStudyStructure__list-item__top { padding-right: 50px; } .myStudyStructure__list-item__moduleContent ul { grid-template-columns: repeat(1, 1fr); row-gap: 10px; } .myStudyStructure__list-item__moduleTitle { font-size: 20px; } .myStudyStructure__list-item__moduleContent { padding-top: 0; font-size: 14px; } } /* #Страница https://impact-mission.org/ru/solutions/hr-university */ /* Страница https://impact-mission.org/ru/events/sustainable_technologies_forum/ */ .myGridContent { margin: 80px 0; } .myGridContent__wrap { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 12px; margin-top: 48px; } .myGridContent__item { color: var(--text-black, #1A1A1A); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .myGridContent__item h3, .myGridContent__item h4 { margin-bottom: 20px; color:#FA8A59; } .myGridContent__item h3 span { font-weight: 700; } .myGridContent__item p, .myGridContent__item ul { max-width: 340px; } .myGridContent__item p:not(:last-child,:empty) { margin-bottom: 24px; } .myGridContent__item ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 24px; } .myGridContent__item ul li { padding-left: 30px; } .myGridContent__item[data-style-galka="orange"] ul li { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.7943 17L0 10.3456L2.08872 8.29995L6.7943 12.9086L16.9113 3L19 5.0457L6.7943 17Z' fill='%23FA8A59'/%3E%3C/svg%3E") left top no-repeat; } .myGridContent__item[data-style-galka="red"] ul li { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.7943 17L0 10.3456L2.08872 8.29995L6.7943 12.9086L16.9113 3L19 5.0457L6.7943 17Z' fill='%23ff0000'/%3E%3C/svg%3E") left top no-repeat; } .myGridContent__item[data-style-galka="red"] h3, .myGridContent__item[data-style-galka="red"] h4 { color: #f00; } @media (max-width:980px) { .myGridContent__wrap { grid-template-columns: repeat(2, 1fr); gap: 50px; } .myGridContent__item p, .myGridContent__item ul { max-width: none; } } @media (max-width:560px) { .myGridContent__wrap { grid-template-columns: repeat(1, 1fr); } } .registerNoModal.sustainable_technologies_forum { background: var(--background-gray, #F3F5F7); padding: 64px 0; margin-bottom: 0; } .registerNoModal.sustainable_technologies_forum .regOb__form .profile__popup-form__group input[type="text"], .registerNoModal.sustainable_technologies_forum .regOb__form .profile__popup-form__group input[type="email"], .registerNoModal.sustainable_technologies_forum .regOb__form .profile__popup-form__group textarea, .registerNoModal.sustainable_technologies_forum .regOb__form .select-dropdown__list-item, .registerNoModal.sustainable_technologies_forum .regOb__form .iti__selected-flag, .registerNoModal.sustainable_technologies_forum .regOb__form .iti__flag-container, .registerNoModal.sustainable_technologies_forum .regOb__form .select-dropdown__button{ background: var(--white, #FFF); } .registerNoModal.sustainable_technologies_forum button.callback__form-button.hoverMe.button, .registerNoModal.sustainable_technologies_forum button.callback__form-button.hoverMe.button:before, .registerNoModal.sustainable_technologies_forum button.callback__form-button.hoverMe.button:after { min-width: 337px; max-width: 337px; font-size: 20px; height: 64px; } .registerNoModal.sustainable_technologies_forum button.callback__form-button.hoverMe.button { background: var(--text-black, #1A1A1A); } .registerNoModal.sustainable_technologies_forum .callback__form-policy { color: #1A1A1A; margin-bottom: 48px; } .registerNoModal.sustainable_technologies_forum .callback__content h3 { color: var(--text-black, #1A1A1A); font-size: 44px; font-style: normal; font-weight: 500; line-height: 109%; letter-spacing: -1.32px; margin-bottom: 40px; } .registerNoModal.sustainable_technologies_forum .callback__content p { color: var(--text-black, #1A1A1A); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; margin-bottom: 20px; } .registerNoModal.sustainable_technologies_forum .callback__content a { font-size: 20px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.2px; } .registerNoModal.sustainable_technologies_forum .callback__content a:before, .registerNoModal.sustainable_technologies_forum .callback__content a:after { color: var(--orange, #FA8A59); } .registerNoModal.sustainable_technologies_forum .callback__success-title { font-size: 30px; } @media (max-width:760px) { .registerNoModal.sustainable_technologies_forum .callback__success-title { font-size: 18px; } } main.project[data-page="alexandria2025"] .registerNoModal .callback__content a.open_modal_terms:before, main.project[data-page="/rualexandria2025"] .registerNoModal .callback__content a.open_modal_terms:after, main.project[data-page="alexandria2025"] .registerNoModal .callback__content a.open_modal_terms:after, main.project[data-page="/rualexandria2025"] .registerNoModal .callback__content a.open_modal_terms:before, main.project[data-page="alekasandria_a"] .registerNoModal .callback__content a.open_modal_terms:before, main.project[data-page="alekasandria_a"] .registerNoModal .callback__content a.open_modal_terms:after { color: red; } main.project[data-page="alexandria2025"] .projectHero__logo, main.project[data-page="/rualexandria2025"] .projectHero__logo, main.project[data-page="alekasandria_a"] .projectHero__logo{ max-width: 300px; min-width: 300px; } @media (max-width:760px) { main.project[data-page="alexandria2025"] .projectHero, main.project[data-page="/rualexandria2025"] .projectHero, main.project[data-page="alekasandria_a"] .projectHero{ margin-bottom: 80px; } main.project[data-page="alexandria2025"] .projectHero__logo, main.project[data-page="/rualexandria2025"] .projectHero__logo, main.project[data-page="alekasandria_a"] .projectHero__logo { max-width: 150px; min-width: 150px; } } /* #Страница https://impact-mission.org/ru/events/sustainable_technologies_forum/ */ /* Страница https://impact-mission.org/events/alekasandria_a/ EGYPT */ [data-page="alekasandria_a"] .projectHero__header { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; } [data-page="alekasandria_a"] .projectHero__heading-title { direction: rtl; } [data-page="alekasandria_a"] .projectHero__cols-list { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; justify-content: flex-start; } @media (min-width: 980px) { [data-page="alekasandria_a"] .projectHero__cols-item { margin-right: 0; margin-left: 100px; direction: rtl; } } [data-page="alekasandria_a"] .projectGoal .heading__columns.__top { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; } @media (max-width:780px) { [data-page="alekasandria_a"] .projectGoal .heading__columns.__top { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } } [data-page="alekasandria_a"] .projectGoal .heading__columns-subtitle, [data-page="alekasandria_a"] .projectGoal .heading__columns-title, [data-page="alekasandria_a"] .projectGoal .index__heading, [data-page="alekasandria_a"] .myGridContent .heading__columns-title, [data-page="alekasandria_a"] .myGridContent__wrap{ direction: rtl; } [data-page="alekasandria_a"] .projectGoal .index__heading { font-size: 150%; } [data-page="alekasandria_a"] .myGridContent__item[data-style-galka="red"] ul li { background-position: right top; padding-right: 30px; } [data-page="alekasandria_a"] .projectGoal .index__heading { text-align: right; } [data-page="alekasandria_a"] .myGridContent .heading__columns-title { margin-left: auto; } [data-page="alekasandria_a"] .callback__content, [data-page="alekasandria_a"] .profile__popup-form__group label, [data-page="alekasandria_a"] .profile__popup-form__group input, [data-page="alekasandria_a"] .callback__form-policy, [data-page="alekasandria_a"] .terms__open { direction: rtl; } [data-page="alekasandria_a"] .profile__popup-form__group label { max-width: none; } [data-page="alekasandria_a"] .terms__open .terms__inner { padding-right: 60px; position: relative; } [data-page="alekasandria_a"] .terms__open .terms__inner .terms__text ol li > ul { list-style-type: disc; padding-right: 15px; } [data-page="alekasandria_a"] .terms__open .terms__inner .terms__text ol li > ul li { list-style-type: disc; } [data-page="alekasandria_a"] .callback__form-wrap { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; } [data-page="alekasandria_a"] .callback__form-policy { padding-left: 0; padding-right: 30px; } [data-page="alekasandria_a"] .pageCourse__test-item > div label:before, [data-page="alekasandria_a"] .callback__item label:before, [data-page="alekasandria_a"] .callback__form-policy label:before { right: 0; left: auto; } [data-page="alekasandria_a"] .callback__form-button { margin-left: auto; } [data-page="alekasandria_a"] .terms__close { right: auto; left: 28px; position: absolute; } /* Страница https://impact-mission.org/events/alekasandria_a/ */ .regOb__box-info { padding: 10px; background-color: #FA8A59; font-size: 15px; color: #fff; margin-bottom: 25px; } .projectHero__media-wrap + .regOb { margin-top: 80px; } main.project[data-page="alexandria2025"] .tabs-logos .tabs-logos__head, main.project[data-page="alekasandria_a"] .tabs-logos .tabs-logos__head, main.project[data-page="/rualexandria2025"] .tabs-logos .tabs-logos__head { display: none; } main.project[data-page="alexandria2025"] .tabs-logos__init, main.project[data-page="alekasandria_a"] .tabs-logos__init, main.project[data-page="/rualexandria2025"] .tabs-logos__init { margin-top: 40px; } main.project[data-page="/rualexandria2025"] .tabs-logos__init .tabs-logos__body-item__logo:first-child img { max-height: 80px; } .projectIframes { margin-bottom: 80px; } .projectIframes__items { margin: 80px 0 0; width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .projectIframes__item iframe { width: 100%; height: 500px; object-fit: cover; } .projectIframes__item-title { font-size: 20px; line-height: 1.2; margin-bottom: 20px; } @media (max-width:1000px) { .projectIframes__items { grid-template-columns: repeat(2, 1fr); } } @media (max-width:780px) { .projectIframes__items { grid-template-columns: repeat(1, 1fr); } } [data-page="/rumentorstvo-na-programme"] .projectGoal .heading__columns-subtitle ul, [data-page="/rumentorstvo-na-programme"] .projectGoal .heading__columns-subtitle ul li { list-style: none; margin-left: 0; } [data-page="/rumentorstvo-na-programme"] .projectGoal .heading__columns-subtitle ul a { color: #FA8A59; font-size: 20px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.2px; } [data-page="/rumentorstvo-na-programme"] .projectSpeakers1 { margin: 160px 0; } @media (max-width:780px) { [data-page="/rumentorstvo-na-programme"] .projectSpeakers1 { margin: 80px 0; } } [data-page="/rumentorstvo-na-programme"] .projectSpeakers1 .heading__columns.__top { margin-bottom: 48px; } /* секция "Отзывы" в слайдере */ .myReviews { margin-bottom: 80px; } .myReviews__slider { margin-top: 48px; } .myReviews__slider-box { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .myReviews__slider-box__left { min-width: 453px; background: var(--background-gray, #F3F5F7); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; padding: 40px; } .myReviews__slider-box__avatar { width: 200px; height: 200px; border-radius: 50%; overflow: hidden; } .myReviews__slider-box__avatar img { width: 100%; height: 100%; object-fit: cover; } .myReviews__slider-box__author-name { color: var(--text-black, #1A1A1A); font-size: 28px; font-style: normal; font-weight: 500; line-height: 114%; letter-spacing: -0.28px; margin-bottom: 24px; } .myReviews__slider-box__author-post { color: var(--text-black, #1A1A1A); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; margin-bottom: 8px; } .myReviews__slider-box__author-info { color: var(--gray, #808080); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.16px; } .myReviews__slider-box__right { width: calc(100% - 453px); background: var(--yellow, #FFEB80); padding: 40px 80px; min-height: 468px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .myReviews__slider-box__content { color: var(--text-black, #1A1A1A); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='24' viewBox='0 0 31 24' fill='none'%3E%3Cpath d='M18.08 23.6V10.32C18.08 3.6 22.96 0 30.24 0V4.24C25.92 4.24 23.52 6.72 23.52 11.52H30.24V23.6H18.08ZM0 23.6V10.32C0 3.6 4.88 0 12.16 0V4.24C7.84 4.24 5.44 6.72 5.44 11.52H12.16V23.6H0Z' fill='%231A1A1A'/%3E%3C/svg%3E") no-repeat; padding-top: 56px; } .myReviews__slider-box__arrows { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; gap: 10px; margin-top: 73px; } .myReviews__slider-box__arrows > div { cursor: pointer; } @media (max-width:1200px) { .myReviews__slider-box__left { justify-content: center; } .myReviews__slider-box__author { margin-top: 64px; } } @media (max-width:980px) { .myReviews__slider-box { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .myReviews__slider-box__left { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: flex-start; gap: 64px; } .myReviews__slider-box__author { margin-top: 0; } .myReviews__slider-box__right { width: 100%; } } @media (max-width:780px) { .myReviews__slider-box__left { padding: 20px; gap: 40px; justify-content: center; } .myReviews__slider-box__avatar { width: 150px; height: 150px; } .myReviews__slider-box__author-name { font-size: 20px; } .myReviews__slider-box__right { padding: 20px 40px; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; min-height: 1px; } .myReviews__slider-box__arrows { margin-top: 0; margin-bottom: 30px; justify-content: center; } .myReviews__slider-box__content { font-size: 14px; } } @media (max-width:480px) { .myReviews__slider-box__left { gap: 20px; justify-content: flex-start; } .myReviews__slider-box__avatar { width: 100px; height: 100px; } .myReviews__slider-box__author-name { margin-bottom: 15px; } } .login__popup [name="obninsktechleadership_2025_eng"] .profile__popup-form__group.__half.short { max-width: calc(100% / 2 - 6px); min-width: calc(100% / 2 - 6px); } [data-page="/runuclear-education-ambassadors"] .projectFeatures { margin-bottom: 80px; } /* End */ /* Start:/local/assets/css/media.min.css?1745936907106616*/ ul li {list-style-type: none;color: inherit;}a {text-decoration: none;}.aboutCreate__right-digit, .aboutCreate__right-digit p {display: flex;align-items: center;}.aboutCreate__right-digit span {align-self: center;}.hero__text-mob, .hero__media-list_mob {display: none;}.indexMission__logos-item {}.indexSection1__wrap>* {flex: 0 1 50%;}.indexSection3__contents-wrap>* {flex: 0 1 50%;}.footer__bottom .footer__right {display: none;}.footer__top-social._mobile {display: none;}.header__nav_mob {display: none;}main.project .projectContacts__show._mobile {display: none;}.footer__top-right {display: flex;}.aboutBenefit__left-bottom._mobile {display: none;}main.project .aboutBenefit__left-bottom {display: none;}.projectOthers .container {padding-left: 28px;padding-right: 18px;}.projectProgram__item-text p:first-child {margin-top: 12px;}a.diveinPage__wrap-button.hoverMe._mobile {display: none;}.diveinPage__events-item__content-title {max-width: 570px;}@media (min-width:980px) {.megamenu__banner-image:before, .indexSections2__cards_item-media:before, .indexSection4__item_media-photo:before, .aboutCases__item-media:before {background: rgba(0,0,0,.1);}}@media (max-width:100000px) {main.error {}main.error, header._dark.fixed {background-color: #384046;color: #FFFFFF;}header._dark {background: transparent;}header._dark {border-bottom: none;}body.header__transparent .header:not(.fixed) {z-index: 9999999999;}.errorSection1 {height: 100vh;display: flex;align-items: center;}.errorSection1__text {margin: auto;text-align: center;position: relative;z-index: 10;}.errorSection1__subtitle {font-weight: 500;font-size: 44px;line-height: 109%;letter-spacing: -0.03em;color: #FFEB80;display: inline;margin-left: -114px;margin-right: 9px;}.errorSection1__heading {position: relative;display: inline;font-weight: 500;font-size: 80px;line-height: 100%;text-align: center;letter-spacing: -0.03em;margin-bottom: 80px;}.errorSection1__heading span {display: inline-block;}.errorSection1__wrap {display: flex;margin-top: 73px;}.errorSection1__media {display: flex;}.errorSection1__media-item {position: absolute;overflow: hidden;}.errorSection1__media-item:nth-child(1) {top: 5%;left: 45%;}.errorSection1__media-item:nth-child(2) {top: 8%;left: 51%;}.errorSection1__media-item:nth-child(3) {top: 13.5%;left: 57%;}.errorSection1__media-item:nth-child(4) {width: 220px;height: 280px;top: 22%;left: 63.5%;}.errorSection1__media-item:nth-child(5) {z-index: 2;width: 200px;height: 240px;top: 44.4%;left: 67%;}.errorSection1__media-item:nth-child(5) img {width: 220%;height: 140%;object-position: center;}.errorSection1__media-item {width: 240px;height: 320px;}.errorSection1__media-item:nth-child(1):before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(180deg, rgba(1, 2, 30, 0) 34.93%, rgba(2, 3, 34, 0.3) 100%);background: -o-linear-gradient(180deg, rgba(1, 2, 30, 0) 34.93%, rgba(2, 3, 34, 0.3) 100%);background: linear-gradient(180deg, rgba(1, 2, 30, 0) 34.93%, rgba(2, 3, 34, 0.3) 100%);}.errorSection1__media-item:nth-child(2):before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));}.errorSection1__media-item img {object-fit: cover;object-position: top;height: 100%;width: 100%;}.errorSection1__more {text-align: center;font-weight: 500;font-size: 20px;line-height: 120%;margin-top: 80px;text-align: center;letter-spacing: -0.01em;}.errorSection1__more a {text-decoration: none;display: inline-flex;color: transparent;}.errorSection1__more a:before, .errorSection1__more a:after {color: #fff;}.header._dark.fixed .header__lang-current, .header._dark.fixed .header__lang-current.hoverMe:before, .header._dark.fixed .header__lang-current.hoverMe:after, .header._dark .header__lang-current.hoverMe:before, .header._dark .header__lang-current.hoverMe:after {background-color: #FFFFFF;color: #384046;}.header._dark .header__menu_mob span, .header._dark .header__menu_mob::after, .header._dark .header__menu_mob::before {background-color: #FFFFFF;}.header._dark .header__menu_mob._active span, .header._dark .header__menu_mob._active::after, .header._dark .header__menu_mob._active::before {background-color: #1A1A1A;}body.header__transparent.fixed .header .header__logo path {fill: #1A1A1A;}.header._dark .header__logo path {fill: #fff;color: #FFFFFF;}.header._dark .header__menu-link>span:after {background: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99988 6L0.535776 -7.77979e-07L7.46398 -1.38366e-06L3.99988 6Z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat;}.header._dark .header__lang._active .header__lang-current.hoverMe:before {background: #1A1A1A;color: #FFFFFF;}main.error .cursor {color: #ffff;}}@media (min-width:680px) and (max-width:100000000px) {.header._dark .header__menu-link {fill: #fff;color: #FFFFFF;}}@media (max-width:100000px) {.terms__open {left: 0;top: 0;width: 100vw;height: 100vh;position: fixed;z-index: 9999999999999999;visibility: hidden;opacity: 0;transition: all 0.9s ease-in-out;}.terms__open._active {visibility: visible;opacity: 1;}.terms__overlay {left: 0;top: 0;position: absolute;visibility: hidden;background: #1A1A1A;width: 100%;height: 100%;display: block;background: #1a1a1a59;transition: all 0.9s ease-in-out;}.terms__overlay._active {opacity: 1;visibility: inherit;}.terms__wrap {width: 100%;max-width: 1180px;background: #fff;z-index: 10;right: -100%;position: absolute;height: 100vh;opacity: 1;transition: all 0.9s ease-in-out;}.terms__wrap._active {right: 0;}.terms__inner {overflow-y: auto;height: 100%;padding: 76px 28px 58px 64px;position: relative;}.terms__close {width: 32px;height: 32px;right: 28px;top: 22px;position: fixed;background: #1A1A1A;border: none;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;-ms-align-items: center;align-items: center;justify-content: center;font-size: 16px;font-weight: 400;line-height: 125%;letter-spacing: -0.01em;color: #FFFFFF;transition: .3s all;}.terms__heading {font-weight: 500;font-size: 44px;line-height: 109%;letter-spacing: -0.03em;color: #1A1A1A;margin-bottom: 48px;}.terms__description {font-size: 20px;font-weight: 400;line-height: 120%;letter-spacing: -0.01em;color: #BDBDBD;margin-bottom: 24px;}.terms__text {font-weight: 500;font-size: 20px;line-height: 120%;letter-spacing: -0.01em;color: #1A1A1A;}.terms__text:not(:last-child) {margin-bottom: 48px;}.terms__text p {margin-bottom: 20px;}}@media (max-width:100000px) {.month {background: none;text-align-last: left;padding: 64px 0 40px;display: flex;align-items: center;}.month .title {font-weight: 500;font-size: 52px;line-height: 108%;letter-spacing: -0.02em;color: #1A1A1A;text-transform: none;margin-left: 28px;margin-right: 28px;}.month .prev {width: 44px;height: 40px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='24' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.60085 13.2628L0.974432 6.63636L7.60085 0.00994253L8.87926 1.27415L4.44034 5.71307H15.5909V7.55966H4.44034L8.87926 11.9915L7.60085 13.2628Z' fill='%231A1A1A'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;font-size: 28px;padding: 8px 12px;background-color: #F3F5F7;}.month .next {width: 44px;height: 40px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='24' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.49006 13.2628L7.21165 11.9986L11.6506 7.55966H0.5V5.71307H11.6506L7.21165 1.28125L8.49006 0.00994253L15.1165 6.63636L8.49006 13.2628Z' fill='%231A1A1A'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;font-size: 28px;padding: 8px 12px;background-color: #F3F5F7;}.weekdays, .days {background-color: #ffff;}.weekdays {border-bottom: 1px solid #BDBDBD;padding: 8px 0px;}.weekdays li {text-align: left;font-weight: 500;font-size: 16px;line-height: 125%;letter-spacing: -0.01em;padding-right: 21px;}.weekdays li:not(:first-child) {padding-left: 21px;}.days li {height: 160px;border-top: none;overflow: hidden;position: relative;border-bottom: 1px solid #BDBDBD;border-right: 1px solid #BDBDBD;}.days li:nth-child(7n) {border-right: 0;}.calDayEvents__item-title {font-size: 12px;}.calDayEvents__item-tags {font-size: 10px;}.days li::before {border-left: 2px solid #0004ff;position: absolute;top: 10%;bottom: 10%;}.days li>* {max-width: 100%;max-height: 100%;}.days li {padding: 8px;}.calDayEvents[data-count="3"] {margin-left: -4px;width: calc(100% + 4px);}.calDayEvents, .calDayEvents>*, .calDayEvents__item>* {max-width: 100%;}.calDayEvents__item, .calDayEvents__item-photo {width: 180px;height: 116px;overflow: hidden;}.calDayTop {margin-bottom: 4px;}.calDayEvents__item-photo img {object-fit: cover;max-width: 100%;height: 100%;}.calDayEvents__item {position: relative;width: 100%;}.calDayEvents__item::before {content: "";width: 100%;height: 100%;display: block;position: absolute;background: -webkit-linear-gradient(180deg, rgba(1, 2, 30, 0) 34.93%, rgba(2, 3, 34, 0.3) 100%);background: -o-linear-gradient(180deg, rgba(1, 2, 30, 0) 34.93%, rgba(2, 3, 34, 0.3) 100%);background: linear-gradient(180deg, rgba(1, 2, 30, 0) 34.93%, rgba(2, 3, 34, 0.3) 100%);z-index: 2;}.calDayTop {font-weight: 500;font-size: 16px;line-height: 125%;letter-spacing: -0.01em;}.calDayText {color: #1A1A1A;}.calDayEvents__item-content {text-align-last: left;display: flex;flex-direction: column;height: 100%;width: 100%;position: absolute;left: 0;top: 0;}.calDayEvents {display: flex;position: relative;}.calDayEvents__item:not(:first-child), .calDayEvents__item-tags__item:not(:first-child) {display: none;}.calDayEvents__item:nth-child(2), .calDayEvents__item:nth-child(3) {display: block;position: absolute;top: 0;}.calDayEvents__item:nth-child(1) {z-index: 3;width: calc(100% + 8px);}.calDayEvents__item:nth-child(2) {z-index: 2;margin: 3px 0;height: calc(100% - 6px);left: 3px;}.calDayEvents__item:nth-child(3) {z-index: 1;margin: 6px 0;height: calc(100% - 12px);left: 6px;}.calDayEvents__item:nth-child(1) .calDayEvents__item-content {padding: 8px;display: block;}.calDayEvents__item .calDayEvents__item-content {display: none;}.calDayEvents__item-desc, .calDayEvents__item-date {display: none;}.calDayEvents__item-photo {position: relative;}.calDayEvents__item-photo:before {content: "";width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.2);}.calDayEvents__item-photo img {width: 100%;height: 100%;object-fit: cover;}.calDayEvents__item-tags {font-weight: 500;font-size: 14px;line-height: 110%;letter-spacing: -0.01em;color: #FFFFFF;padding: 2px;background: #1A1A1A;display: inline-block;position: absolute;bottom: 8px;left: 8px;z-index: 3;}.calDayEvents__item-title {font-weight: 500;font-size: 16px;line-height: 125%;letter-spacing: -0.01em;color: #FFFFFF;text-align: left;}.calDayEvents__item-tags__item:not(:first-child) {display: none;}.popupEvents {left: 0;top: 0;width: 100vw;height: 100vh;position: fixed;z-index: 999;visibility: hidden;opacity: 0;}.popupEvents__overlay {left: 0;top: 0;position: absolute;visibility: hidden;opacity: 0;visibility: inherit;background: #1A1A1A;width: 100%;height: 100%;display: block;}.popupEvents__wrap {width: 100%;max-width: 1180px;background: #fff;z-index: 10;left: 100%;position: absolute;height: 100vh;opacity: 0;}.popupEvents__list {overflow-y: auto;height: 100%;padding: 48px 144px 0 116px;position: relative;}.popupEvents__list>* {margin-bottom: 24px;}.popupEvents.active .calDayEvents__item {display: block;}.popupEvents.active .calDayEvents__item {position: static;}.popupEvents.active .calDayEvents__item {position: relative;display: flex;width: 100%;min-height: 160px;}.popupEvents.active .calDayEvents__item::before {display: none;}.popupEvents.active .calDayEvents__item-tags {font-size: 16px;bottom: 8px;left: 8px;}.popupEvents.active .calDayEvents__item-tags__item {margin-bottom: 4px;}.popupEvents.active .calDayEvents__item-title {position: inherit;font-weight: 500;font-size: 28px;line-height: 114%;letter-spacing: -0.01em;color: #1A1A1A;margin-bottom: 24px;text-decoration: none;max-width: 555px;}.popupEvents.active .calDayEvents__item-photo {width: 220px;min-height: 160px;}.popupEvents.active .calDayEvents__item-desc {display: block;font-weight: 500;font-size: 16px;line-height: 125%;letter-spacing: -0.01em;color: #1A1A1A;max-width: 454px;}.popupEvents.active .calDayEvents__item .popupEvents__wrap .calDayEvents__item {display: block;}.popupEvents.active .calDayEvents__item-content {margin-left: 28px;}.popupEvents__close {width: 32px;height: 32px;right: 28px;top: 22px;position: fixed;background: #1A1A1A;border: none;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;-ms-align-items: center;align-items: center;justify-content: center;font-size: 16px;font-weight: 400;line-height: 125%;letter-spacing: -0.01em;cursor: pointer;color: #FFFFFF;transition: .3s all;z-index: 9999;}.days {display: grid;grid-template-columns: repeat(7, 1fr);justify-content: space-between;grid-gap: 0px;padding: 0;}.popupEvents .calDayEvents__item::before {display: none;}.popupEvents .calDayEvents__item {display: flex !important;margin: 0 0 24px 0;align-items: center;overflow: auto;height: auto;}.popupEvents .calDayEvents__item:nth-child(2), .popupEvents .calDayEvents__item:nth-child(3) {position: relative;left: 0;height: auto;}.popupEvents .calDayEvents__item .calDayEvents__item-content {display: flex;position: relative;}.popupEvents .calDayEvents__item-photo {min-width: 220px;max-width: 220px;height: 160px;margin-right: 28px;position: relative;}.popupEvents .calDayEvents__item-date {font-weight: 500;font-size: 16px;line-height: 125%;letter-spacing: -0.01em;color: #FA8A59;margin-bottom: 4px;}.popupEvents .calDayEvents__item-title {font-weight: 500;font-size: 28px;line-height: 114%;letter-spacing: -0.01em;color: #1A1A1A;margin-bottom: 15px;}.popupEvents .calDayEvents__item-desc {font-weight: 500;font-size: 16px;line-height: 125%;letter-spacing: -0.01em;color: #1A1A1A;display: block;}.popupEvents .calDayEvents__item-tags {display: flex;flex-direction: column;align-items: flex-start;background: none;font-size: 16px;line-height: 125%;}.popupEvents .calDayEvents__item-tags__item:not(:first-child) {display: inline-block;margin-top: 3px;}.popupEvents .calDayEvents__item-tags__item {padding: 2px;background: #1A1A1A;}}@media(max-width:1410px) {.errorSection1__media-item:nth-child(1) {top: 7% }}@media(max-width:1399px) {.divein__events-date {font-size: 38px;}.errorSection1__heading {font-size: 70px;}.errorSection1__subtitle {font-size: 40px;}.megamenu__links-link {margin-right: 30px;}.megamenu__solutions-item {margin-right: 30px;}megamenu__solutions-list {margin-right: -30px;}.megamenu__solutions_item-title {font-size: 16px;}.megamenu__solutions_item-photo {margin-right: 10px;}.megamenu__links-title {min-width: 200px;}.header__menu .dropdown:nth-of-type(3) .megamenu .megamenu__wrap {margin-top: 40px;}.megamenu__links-item:not(:last-child) {margin-right: 30px;}.megamenu__links-item {margin-bottom: 20px;}.lets__box {justify-content: start;}.lets__box-title {font-size: 60px;}.lets__inner {padding: 30px;}.footer__top .footer__right {display: none;}.footer__top-social._mobile {display: block;}}@media (max-width: 1399px) {.divein__events-inner {margin-left: 30px;}.divein__events-item__photo {height: 120px;min-width: 200px;max-width: 200px;margin-right: 18px;}.divein__events-item__title {font-size: 24px;}.divein__events-item__text {margin-top: 10px;}.diveintest__test {padding: 48px 116px;}.diveintest__test iframe {min-height: 1300px !important;}.diveinblog__tabs {margin: 80px 0;}.divein__back, .pageCourse__inner-back {margin-right: 50px;min-width: 120px;}.pageCourse__inner-back a {font-size: 14px;}.diveinPage__events-item__content-title {max-width: 454px;}.diveinPage__right {min-width: 730px;}.diveinPage__blog-item, .diveinPage__courses-item__content, .diveininner .divein__blog-item, .divein__blog-item.active {padding: 16px;}.diveinPage__blog-item__title, .divein__blog_item-title {font-size: 20px;}.diveinPage__courses-item__title {font-size: 32px;}.diveinPage__blog-item__more, .diveinPage__courses-item__more, .divein__blog_item-more {font-size: 16px;}.diveinPage__courses, .diveinPage__blog {grid-template-columns: repeat(auto-fill, 354px);grid-gap: 8px;}.divein__blog-list {grid-template-columns: repeat(2, 1fr);grid-gap: 8px;}.diveinPage__courses-item {height: 420px;}.diveinPage__left {margin-right: 30px;}.modal__video-wrap {width: 100%;min-width: 100%;}.modal__video-preview, .modal__video-iframe {height: 700px;width: 93%;margin: auto;}.modal__video.opened .modal__video-meta {margin: 12px auto;width: 90%;}.indexSection1__left {padding-right: 30px;}.hero__text-multi, .heading__columns-title .aboutIntro .heading__columns-title, .aboutIntro .heading__columns-title, main.solutions .heading__columns .heading__columns-title, main.contributors .heading__columns-title, .projectHero__heading-title, .divein__article-title, .divein__intro .heading__columns-title, .divein__article-title, .diveintest__intro-title, .diveinblog__title, .pageCourse__content-title, .aboutPartners__intro .heading__columns-title {font-size: 65px;}.hero__media, .hero__media-content {height: 500px;}.indexSection1__title, .indexMission__title, .heading__columns-title {font-size: 36px;}.indexSection1__right {min-width: 300px;}.indexSection1__right-content {font-size: 24px;}.indexSection2__cards-item, .solutions__cards-book {height: 400px;}.indexSection2__cards-item:active .indexSections2__cards_item-media {width: 110%;height: 110%;top: -5%;left: -5%;}.indexSections2__cards_item-content {padding: 16px;}.indexSections2__cards_item-title, .solutions__book-title, .solutions__book_stock-content {margin-top: 16px;font-size: 35px;}.indexSection3__numbers-text p {margin-top: -100px;}.indexSection3__contents-left {margin-right: 40px;}.indexSection3__numbers-value {font-size: 80px;}.indexSection3__contents-text p {font-size: 24px;}.indexSection3__contents-video {min-width: 340px;}.indexSection3__contents-video img {object-fit: cover;object-position: top left;}.indexSection4__item-media {margin-bottom: 0px;}.indexSection4__item_media-content {padding: 18px;}.indexSection4__item_media-title {font-size: 30px;line-height: 32px;}.indexSection4__item_media-content, .indexSection4__item_media-photo img {height: 80%;}.indexSection4__item-media:hover .indexSection4__item_media-photo img, .indexSection4__item-media:active .indexSection4__item_media-photo img {width: 110%;height: 90%;}.indexSection4__item-content {margin-top: -20%;}.indexSection4__item:nth-child(2) .indexSection4__item-media {margin-bottom: 50px;}.footer__right {min-width: 110px;margin-left: 0;padding-left: 20px;margin-right: 10px;}.footer__top .footer__center {max-width: 100%;justify-content: space-around;}.footer__top-menu {min-width: 160px;}.footer__top-social ul {flex-direction: column;}.footer__top-social ul li:not(:last-child) {margin-bottom: 12px;margin-right: 0;}.footer__bottom {display: flex;justify-content: space-between;}.footer__top .footer__center>* {margin-right: 20px;}.partners__button {width: 255px;height: 130px;}.divein__blog-list {display: grid;grid-template-columns: repeat(3, 1fr);justify-content: space-between;grid-gap: 12px;}.diveinblog__tabs .divein__blog-item.large, .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child {height: 100%;}.pageCourses__list {grid-template-columns: repeat(3, 1fr);grid-gap: 12px;}.aboutPartners__intro {margin-bottom: 100px;}.aboutPartners__wrap {grid-template-columns: repeat(3, 1fr);grid-gap: 12px;}.aboutPartners__wrap-item {height: 380px;}.aboutPartners__info-inner {justify-content: space-between;}.aboutPartners__info-right {margin-right: 30px;max-width: 100%;}}@media (max-width: 1399px) {main.about, main.solutions, main.contributors, .projectHero.noBg .projectHero__top, .diveininner, main.divein, .diveinblog, .pageCourse, .aboutPartners {padding: 133px 0 0px 0;}main.solutions, main.contributors, main.diveintest.diveininner, .pageCourse, .aboutPartners {padding-bottom: 64px;}.aboutGroup__wrap>* {flex: 0 1 45%;}.aboutGroup__animation-item {min-width: 270px;max-width: 270px;}.aboutCases__item-title {font-size: 35px;}.aboutGuide__bottom {margin-top: 100px;}.aboutIntro .heading__columns-title, .divein__intro .heading__columns-title {max-width: 500px;margin-right: 30px;}.aboutGuide__timeline {min-width: 500px;margin-top: 30px;}.aboutWhy__content-title {font-size: 30px;}.aboutWhy__content-item {margin-right: 15px;}.aboutWhy__content-text {font-size: 14px;}.aboutCreate__right {max-width: 450px;}.aboutCreate__right-digit {font-size: 150px;}.aboutHero__media img {height: 90%;}.aboutHero__media:before {height: 53%;}.aboutHero {margin-top: 70px;margin-bottom: 70px;}.aboutHero__content {top: -15%;}.aboutGuide__content {margin-right: 40px;}.aboutBenefit__left, .aboutCreate__left {margin-right: 40px;}.aboutBenefit__right>* {flex: 0 1 45%;}.aboutBenefit__right-item {min-width: 172px;}.aboutBenefit__right-digit {font-size: 60px;}.tabs__head-item {min-width: 177px;text-align: center;font-size: 18px;}.diveinblog__tabs-head__item {min-width: 100px;}.tabs__head::-webkit-scrollbar {display: none;}.projectLogos__wrap, .tabs__head, .diveinblog__tabs-head.tabs__head, .indexSection5__tabs-head {overflow-x: auto;-ms-overflow-style: none;scrollbar-width: none;flex-wrap: nowrap;}.projectLogos__wrap::-webkit-scrollbar, .indexSection5__tabs-head::-webkit-scrollbar, .tabs__head::-webkit-scrollbar, .diveinblog__tabs-head.tabs__head::-webkit-scrollbar, .indexSection5__tabs-head::-webkit-scrollbar {display: none;}main.contributors .index__heading .heading__columns-title {margin-right: 20px;}.contributors__tabs {margin-top: 64px;}.contributors__list, .solutions__cards {justify-content: space-around;grid-template-columns: repeat(3, 1fr);}.contributors__item:nth-child(1) {grid-column: auto;}.contributors__item {margin-bottom: 0px;}.contributors__info-inner, .aboutPartners__info-inner {padding: 75px 20px 68px 20px;}.contributors__info-left, .aboutPartners__info-photo {min-width: 351px;margin-right: 30px;}.contributors__info-name, .aboutPartners__info-title {font-size: 40px;margin-bottom: 12px;}.contributors__info-post, .aboutPartners__info-city {font-size: 18px;margin-bottom: 40px;}.contributors__info-about {font-size: 24px;}.contributors__info-photo, .aboutPartners__info-photo {height: 404px;}.aboutPartners__info-photo {padding: 20px;}main.project .heading__columns-title {margin-right: 30px;}.projectHero__header {height: 100%;margin-bottom: 60px;}.projectHero__media-images img {height: 640px;}.projectHero__cols {padding-top: 20px;margin-bottom: 20px;}.projectHero__cols-item {margin-right: 50px;font-size: 18px;}.projectHero__cols-link {font-size: 16px;min-width: 185px;}.projectHero__media-wrap {margin-bottom: 40px;}.projectGoal__list-wrap {margin-top: 32px;}.projectSpeakers1__list {margin-right: 30px;}.projectResult__list {margin-top: 60px;}.projectResult__item-digit {font-size: 60px;}main.project .aboutBenefit__right-item {margin-bottom: 0;}.projectFeatures__item {flex: 0 1 30%;}.projectFeatures__item-digit {font-size: 60px;}.projectFeatures__list {margin-top: 48px;}.projectHero__image, .projectHero__top {height: 500px;}.divein__hero-content__title {font-size: 45px;}.divein__hero {width: 100%;margin: 90px 0 70px;}.pageCourses__list {grid-template-columns: repeat(3, 1fr);}.pageCourses__list-item {padding: 18px;}.pageCourses__item-content__title {font-size: 24px;margin-bottom: 12px;}.pageCourse__about-title {font-size: 34px;margin-right: 20px;max-width: 500px;}.pageCourse__about-section__list ul li {font-size: 18px;}.aboutPartners__intro .heading__columns-title {max-width: 500px;}.indexSection5__tabs-all {margin-top: 32px;}.aboutPartners__info-cases__item-title {font-size: 24px;}.diveinblog__pages>* {font-size: 118px;min-width: 44px;height: 36px;}.diveinblog__pages-prev, .diveinblog__pages-current, .diveinblog__pages-link, .diveinblog__pages-more, .diveinblog__pages-next, .diveinblog__pages-prev:before, .diveinblog__pages-current:before, .diveinblog__pages-link:before, .diveinblog__pages-more:before, .diveinblog__pages-next:before, .diveinblog__pages-prev:after, .diveinblog__pages-current:after, .diveinblog__pages-link:after, .diveinblog__pages-more:after, .diveinblog__pages-next:after {font-size: 18px;}.megamenu__links-item:not(:last-child) {margin-bottom: 30px;}}@media(max-width: 1250px) {.divein__events-item__title, .divein__events-item__text {max-width: 500px;}.divein__events-date {font-size: 32px;}.diveinblog__tabs-head {margin-top: 16px;}.month {padding: 32px 0;}.month .title {font-size: 32px;}.pageCourse__about-title {font-size: 34px;max-width: 450px;}.diveinblog__tabs_head-wrap {flex-direction: column;justify-content: flex-start }.diveinblog__tabs-head.tabs__head {margin-bottom: 15px;}.diveinblog__tabs_head-wrap {margin-bottom: 32px;}.diveinblog__tabs-search {min-width: 100%;}.index {padding-top: 130px;}.hero__text {margin-left: 0px;}.indexSections2__cards_item-title, .solutions__book-title, .solutions__book_stock-content {font-size: 30px;}.indexSection2__cards-item, .solutions__cards-book {height: 350px;}.solutions__cards-book {padding: 12px;}.indexSections2__cards_item-title, .solutions__book-title, .solutions__book_stock-content {font-size: 28px;}.indexSections2__cards_item-more, .solutions__book-more {font-size: 16px;}.solutions__book_stock-item {width: 250px;}.solutions__book_stock-item:nth-child(1) {top: 100px;left: 80px;}.solutions__book_stock-item:nth-child(2) {top: 150px;left: 10px;}.solutions__book_stock-item:nth-child(3) {top: 210px;left: -110px;}.indexSection3__numbers-digit {min-width: 260px;}.partners__button {transform: rotate(-5deg) translateX(20px) translateY(15px);}.footer__bottom {padding: 28px 0 100px 0;}.footer__top-right {display: flex;flex-wrap: wrap;}.projectContacts__map {min-width: 550px;height: 480px;}.projectContacts__content {margin-right: 20px;}.indexSections2__cards_item-media img {object-position: bottom;}main.solutions .indexSection2__cards-item:nth-child(3) img {object-position: center;}.pageCourse__button-wrap a.hoverMe.button:before, .pageCourse__button-wrap a.hoverMe.button:after {font-size: 24px;}.partners__button_login {transform: rotate(-5deg) translateX(20px) translateY(15px);}}@media(max-width: 1170px) {.projectHero__media-wrap img {width: 100%;height: 100%;object-fit: cover;}.errorSection1__media-item:nth-child(4) {left: 67%;}.errorSection1__media-item:nth-child(5) {left: 70%;}.divein__back {font-size: 14px;}.aboutPartners__wrap-item {padding: 16px;}.aboutPartners__wrap-item__logo img {max-height: 100px;}.indexSection2__cards-item, .solutions__cards-book {height: 350px;}.contributors__list, .solutions__cards {justify-content: space-around;grid-template-columns: repeat(2, 1fr);}.modal__video-preview, .modal__video-iframe {height: 650px;}.indexSection1__title, .indexMission__title, .heading__columns-title, .projectContacts__title {font-size: 30px;line-height: 110%;}.aboutHero__media:before {height: 50%;}.aboutHero__content {top: -15%;}.aboutWhy__media, .aboutWhy__content {height: 90%;}.aboutWhy, .aboutGuide, .aboutBenefit, .aboutActing, .aboutGroup {margin-bottom: 80px;}.aboutBenefit__right>* {flex: 0 1 45%;}.projectResult__item-digit, .aboutBenefit__right-digit {font-size: 48px;}.aboutBenefit__right-title {font-size: 20px;margin: 24px 0 12px 0;}.aboutActing__item-content {font-size: 20px;}.aboutActing__item:nth-child(1) {height: 390px;}.aboutActing__item:nth-child(2) {height: 320px;}.aboutActing__item:nth-child(3) {height: 360px;}.aboutCreate__wrap {height: 570px;}.projectLogos__item {min-width: 150px;}.projectLogos__item img {max-width: 100%;}.aboutCases__item {height: 400px;}heading__columns-title, main.solutions .heading__columns .heading__columns-title, main.contributors .heading__columns-title, .aboutPartners__intro .heading__columns-title {font-size: 45px;max-width: 570px;}main.contributors .heading__columns-title, main.solutions .heading__columns-title, .aboutPartners__intro .heading__columns-title {margin-right: 30px;}.aboutPartners__intro .heading__columns-title {max-width: 400px;}main.solutions .heading__columns {margin-bottom: 64px;}.heading__columns-subtitle, .diveintest__intro-subtitle {font-size: 18px;}main.about .heading__columns-subtitle {font-size: 20px;margin-left: 55px;}main.project .heading__columns-subtitle, main.solutions .heading__columns-subtitle {font-size: 20px;}.indexSection5__tabs_head-item, .tabs__head-item {font-size: 18px;}.projectPresent {margin-top: 80px;}.projectPresent, .projectFeatures, .projectContent, .projectSpeakers2 {margin-bottom: 80px;}.projectSpeakers1__item-content {padding: 8px;}.projectSpeakers1__item-name {font-size: 20px;}.projectSpeakers1__item-post, .projectSpeakers1__item-city {font-size: 16px;}}@media(max-width:1170px) {.divein__events-tabs__item {font-size: 18px;}.divein__events-section:not(:last-child) {margin-bottom: 48px;border-bottom: 1px solid #1A1A1A;padding-bottom: 32px;}}.divein__events-item__photo {height: 104px;min-width: 120px;width: 120px;margin-right: 18px;height: 76px;}.divein__events-item__content {max-width: 100%;}.divein__events-item__date {font-size: 12px;margin-top: 4px;}.calDayTop {font-size: 12px;}.calDayEvents__item-title {font-size: 12px;top: 2px;left: 2px;}.calDayEvents__item-tags {font-size: 10px;left: 2px;bottom: 2px;}.pageCourse__about-title, main.pageCourse .heading__columns-title {font-size: 34px;max-width: 370px;}.pageCourse__about-section:not(:last-child) {margin-bottom: 32px;}.projectProgram__list .projectProgram__item:not(:last-child) {margin-bottom: 48px;}.divein__article-title, .pageCourse__content-title {font-size: 50px;}.pageCourse__meta-lang.pageCourse__meta-item {margin-right: 8px;}.pageCourse__content-meta {font-size: 14px;}.pageCourse__content-photo {height: 440px;margin-bottom: 24px;}.pageCourse__inner {margin-bottom: 64px;}}@media (max-width:1080px) {.divein__events-date {font-size: 38px;}.terms__inner, .popupEvents__list {padding: 75px 20px 68px 20px;}.terms__heading {font-size: 34px;margin-bottom: 40px;}.terms__description, .terms__text {font-size: 18px;}.diveintest__test {padding: 48px 80px;}.aboutPartners__wrap-item {height: 320px;}.aboutPartners__wrap-item__logo img, .aboutPartners__info-photo img {max-height: 100px;max-width: 196px;}.aboutPartners__wrap {grid-template-columns: repeat(2, 1fr);grid-gap: 10px;}.projectProgram__wrap {flex-direction: column;}.pageCourse__about-content {margin-right: 0;}.projectProgram__item.__existText .projectProgram__item-title:after, .projectDocuments__item .projectProgram__item-title:after, .projectProgram__item.__existText .projectProgram__item-title:after {width: 39px;height: 39px;}a.diveinPage__wrap-button.hoverMe {display: none;}a.diveinPage__wrap-button.hoverMe._mobile {display: block;margin: 32px 0 0px;}.divein__hero-content__button {font-size: 20px;}.diveinPage__courses, .diveinPage__blog {grid-template-columns: repeat(2, 1fr);grid-gap: 8px;justify-content: space-around;}.diveinPage__right {min-width: 300px;max-width: 100%;}.diveinPage__blog-item__title {min-height: 100%;margin-bottom: 28px;}.diveinPage__blog-item__meta, .diveinPage__blog-item__meta, .divein__blog_item-meta {font-size: 12px;line-height: 112%;}.diveinPage__wrap {flex-direction: column;}.diveinPage__left, .diveinPage__left {margin-bottom: 48px;margin-right: 0;}.diveinPage__left {max-width: 100%;}.solutions__book_stock-content {padding: 12px;}.contributors__card-media:before, .contributors__card-media:after {height: 200px;}.aboutHero__media:before {height: 60%;}.aboutHero__media img {height: 430px;}.aboutHero__content {top: -30%;}.aboutWhy__content-text {max-width: 200px;}.aboutActing__item:nth-child(1) {height: 320px;}.aboutActing__item:nth-child(2) {height: 290px;}.aboutActing__item:nth-child(3) {height: 305px;}.aboutGroup__top .heading__columns-title {font-size: 30px;}.hero__text-multi, .aboutIntro .heading__columns-title {margin-right: 0;}.contributors__item, .contributors__item:nth-child(1) {height: 404px;}.contributors__card-media img {object-position: top;}.contributors__card-content {padding: 22px 9px 22px 22px;}.contributors__card-name {font-size: 20px;}.contributors__card-post, .contributors__card-city {font-size: 16px;}.indexSection5__tabs_head-item, .tabs__head-item, .diveinblog__tabs-head.tabs__head {font-size: 16px;}.projectSpeakers1__item {height: 320px;}.projectSpeakers1__item-photo:before {height: 172px;}.projectSpeakers2__item-content__hover {font-size: 18px;}.projectSpeakers2__item-name {font-size: 22px;}.projectSpeakers2__item-post {font-size: 18px;}.projectSpeakers2__item-city {font-size: 18px;}.projectContacts__map {min-width: 500px;}.projectProgram__wrap {flex-direction: column;}.projectProgram__list {display: flex;flex-wrap: wrap;max-width: 100%;justify-content: space-between;min-width: 1px;}.projectProgram__item {flex: 0 1 45%;}.projectProgram__heading {margin-bottom: 40px;position: static;}.projectContent p {font-size: 16px;}.projectContent p:not(:last-child) {margin-bottom: 16px;}main.project .projectHero .projectHero__logo {margin-bottom: 39px;text-align: right;}main.project .projectHero.noBg .projectHero__logo {display: none;}.divein__hero-content__time {margin-right: 30px;}.pageCourses__list {grid-template-columns: repeat(2, 1fr);gap: 8px;}}@media(max-width:1000px) {.divein__events-section {flex-direction: column;}.calDayEvents__item, .calDayEvents__item-photo {height: 100px;}.days li {height: 136px;}.errorSection1__media-item:nth-child(4):before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));}.errorSection1__media-item {height: 280px;width: 220px;}.errorSection1__media-item:nth-child(1) {top: 11%;}.errorSection1__media-item:nth-child(2) {top: 13%;left: 53%;}.errorSection1__media-item:nth-child(3) {left: 60%;top: 15%;}.errorSection1__media-item:nth-child(4) {height: 230px;left: 70%;}.errorSection1__media-item:nth-child(5) {height: 220px;left: 74%;}.errorSection1__more {margin-top: 60px;}.errorSection1__heading {font-size: 60px;}.divein__back, .pageCourse__inner-back {margin-right: 10px;}.divein__article-content p {font-size: 18px;}.divein__article-content blockquote {font-size: 28px;margin-top: 80px;line-height: 114%;}.divein__article-content p.afterQuote {font-size: 14px;margin-bottom: 80px;}main.about .heading__columns-subtitle {font-size: 18px;margin-left: 55px;}.container {padding: 0 18px;}.projectOthers .container {padding-left: 18px;padding-right: 18px;}.megamenu__solutions_item-title, .megamenu__links-info {font-size: 12px;}.megamenu__heading {font-size: 28px;}.megamenu__links-title {font-size: 16px;}.megamenu__solutions-item {margin-right: 20px;}.megamenu__solutions {margin-top: 20px;}.megamenu__links ul {margin-top: 30px;}.megamenu__banner_content-title {font-size: 26px;}.megamenu__banner-content {padding: 12px;}.megamenu__banner {min-width: 250px;}.megamenu__links-title {min-width: 150px;}.lets__form-group input, .lets__form-textarea textarea {font-size: 16px;}}@media(max-width: 1000px) {.pageCourse__about-title {font-size: 28px;}.popupEvents._active.calDayEvents__item {margin-bottom: 32px;}.popupEvents._active .calDayEvents__item-title {font-size: 20px;margin-bottom: 8px;}.aboutGroup__animation-item {min-width: 230px;max-width: 230px;}.aboutGroup {height: 680px;}a.indexSection3__contents-video:before {content: "";width: 55px;height: 55px;top: 50%;background: #fff url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 21 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 13L-1.14193e-06 25.1244L-8.1987e-08 0.875644L21 13Z' fill='%231A1A1A'/%3E%3C/svg%3E") 55% no-repeat;}.hero__text-multi {font-size: 50px;}.indexSection3__numbers-digit {min-width: 150px;}.header__menu-link {padding: 28px 12px 28px 28px;}.hero__media {margin-top: 40px;}.indexSection3__numbers-digit {min-width: 180px;}.indexSection3__numbers-value {font-size: 48px;}.indexSection4__item-content {margin-top: -25%;}.footer__right {margin-right: 0px;}.footer__logo svg {width: 50px;}.projectContacts__map {min-width: 400px;height: 380px;max-width: 100%;width: 100%;}.projectContacts__content {margin-right: 20px;}.footer__top .footer__center {flex-wrap: wrap;}.footer__top .footer__center>* {flex: 0 1 40%;margin-bottom: 48px;}}@media(max-width: 950px) {.aboutPartners__info-photo {height: 280px;}.aboutPartners__intro {margin-bottom: 64px;}.divein__article-content>img {margin: 32px 0 64px;}.divein__article-title, .pageCourse__content-title {margin-bottom: 40px;}.projectHero__header {flex-direction: column-reverse;}main.project .heading__columns-title {font-size: 28px;}.projectProgram__item-title {font-size: 22px;}.aboutGuide__wrap {flex-direction: column;}.projectsGoal__item:nth-child(3n+2) {height: 420px;min-width: 261px;}.projectsGoal__item:nth-child(3n+1) {height: 330px;min-width: 261px;}.projectsGoal__item:nth-child(3n+3) {height: 310px;}.projectsGoal__item:not(:last-child) {margin-right: 8px;}.projectLogos {margin-bottom: 64px;}.projectPresent {margin-top: 80px;margin-bottom: 64px;}.projectSpeakers1__content .heading__columns-title {margin-top: 12px;margin-bottom: 16px;}.projectContacts__map {min-width: 450px;align-self: center;}.projectSpeakers2__item-name {font-size: 16px;}.projectSpeakers2__item-post {font-size: 14px;margin: 2px 0;}.projectSpeakers2__item-city {font-size: 14px;}.projectSpeakers2__item-photo {height: 100px;min-width: 150px;}.projectSpeakers2__item {padding: 25px }.divein__article-content p:last-child {padding-bottom: 20px;}}@media(max-width: 900px) {.divein__events-tabs__item {font-size: 16px;}.divein__events-date {font-size: 32px;}.calDayEvents__item-photo img {display: none;}.calDayEvents__item::before {width: 0%;height: 0%;}.calDayEvents__item-title {color: #1A1A1A;}.calDayEvents__item-title {font-size: 14px;top: 2px;left: 2px;padding-top: 4px;}.days li {padding: 4px 6px 2px 4px;}.errorSection1__subtitle {font-size: 30px;}.pageCourse__about {flex-direction: column;}.projectProgram__heading {max-width: 100%;min-width: 100%;}.projectProgram__heading .heading__columns-title br {display: none;}main.pageCourse .projectProgram__heading .heading__columns-title br {display: block;}.pageCourse__about-content {max-width: 100%;}.pageCourse__about-title, main.pageCourse .heading__columns-title {font-size: 28px;max-width: 100%;margin-bottom: 48px;position: static;}.pageCourse__content-meta {font-size: 16px;}.diveinPage__blog-item, .diveinPage__courses-item__content, .diveininner .divein__blog-item, .divein__blog-item.active {padding: 12px;min-height: 280px;}.diveinPage__courses-item__title {font-size: 28px;}.divein__hero {margin: 64px 0;}.aboutGroup {height: 100%;}.aboutGroup__wrap {flex-direction: column;}.aboutGroup__wrap>* {flex: 1 1 45%;}.aboutGroup__content {padding: 12px;}.aboutGroup__animation-wrap, .aboutGroup__animation-list {flex-direction: row;}.aboutGroup__animation-wrap {overflow-x: auto;-ms-overflow-style: none;scrollbar-width: none;padding: 0 0 0 12px;}.aboutGroup__animation-wrap::-webkit-scrollbar, .aboutGroup__animation-list ::-webkit-scrollbar {display: none;}.aboutGroup__animation-item {max-width: 300px;width: 300px;height: 360px;}.aboutGroup__animation-item:not(:last-child) {margin-right: 8px;}.aboutGroup__animation-list {}.modal__video-preview, .modal__video-iframe {height: 500px;}.modal__video-title, .modal__video-time {font-size: 14px;}.contributors__list {grid-template-columns: repeat(2, 1fr);}.news__list_item-title {font-size: 16px;}main.about .heading__columns-subtitle {font-size: 18px;margin-left: 35px;}.aboutGroup__bottom {margin-bottom: 49px;}.aboutGroup__text {margin-bottom: 0px;width: 100%;max-width: 100%;}.pageCourse__inner {flex-direction: column;}}@media(max-width:870px) {.errorSection1__media-item {height: 220px;width: 180px;}.errorSection1__media-item:nth-child(1) {top: 18%;}.errorSection1__media-item:nth-child(2) {top: 20%;left: 53%;}.errorSection1__media-item:nth-child(3) {left: 58%;top: 22%;}.errorSection1__media-item:nth-child(4) {height: 200px;left: 65%;top: 22%;}.errorSection1__media-item:nth-child(5) {height: 210px;left: 69%;top: 34%;}.errorSection1__media-item:nth-child(5) img {object-position: top;}.errorSection1__more {margin-top: 60px;}.errorSection1__heading {font-size: 60px;}.divein__back, .pageCourse__inner-back {margin-right: 10px;}.divein__article-content p {font-size: 18px;}.divein__article-content blockquote {font-size: 28px;margin-top: 80px;line-height: 114%;}.divein__article-content p.afterQuote {font-size: 14px;margin-bottom: 80px;}.diveintest__test iframe {height: 1039px !important;min-height: 1039px !important;}.aboutPartners__info-inner {flex-direction: column;}.aboutPartners__info-photo {margin-right: 0;margin-bottom: 40px;min-height: 280px;position: relative;}.aboutPartners__info-right {margin-right: 0;}.aboutPartners__info-text {font-size: 18px;margin-bottom: 48px;}.aboutPartners__intro .heading__columns {flex-direction: column;align-items: flex-start;}.aboutPartners__intro .heading__columns-title {margin-right: 0;margin-bottom: 32px;}}@media (max-width:825px) {.aboutPartners__wrap-item__more {font-size: 16px;}.aboutPartners__wrap-item__title span, .aboutPartners__wrap-item__case {font-size: 12px;}.pageCourse__button-wrap a, .pageCourse__button-wrap a.hoverMe.button:before, .pageCourse__button-wrap a.hoverMe.button:after {font-size: 20px;min-width: 239px;max-width: 239px;height: 62px;}.pageCourse__content-level {font-size: 12px;margin-bottom: 14px;}.pageCourses__item-media {height: 200px;}.pageCourses__list-item {padding: 12px;}.diveinblog__tabs-search__input {font-size: 16px;}.diveinblog__tabs-search {padding: 8px;}.divein__meta, .divein__meta-type, .divein__meta-date, .divein__article-content__video_media-time {font-size: 12px;}.divein__meta {margin-bottom: 12px;}.diveinPage__blog-item__meta, .divein__blog_item-meta {margin-bottom: 6px;}.divein__blog_item-photo, .divein__blog_item-photo {height: 128px;margin-bottom: 12px;margin-top: 0;}.diveinPage__courses-item {height: 380px;}.divein__hero-content {padding: 18px;}.projectSharing {margin-bottom: 64px;}.modal__video-wrap {min-width: 90%;}.modal__video-preview {min-height: 350px;}.indexSection2 .index__heading, .indexSection3 .index__heading, .indexSection4 .index__heading, .indexSection5 .index__heading, .indexSection2 .heading__columns.__multiply, .__multiply {margin-bottom: 12px;}.aboutHero__media:before {height: 60%;}.aboutHero__content {top: -30%;}.hero__text-multi, .aboutIntro .heading__columns-title, .divein__intro .heading__columns-title, .divein__article-title, .diveintest__intro-title, .diveinblog__title {font-size: 50px;}.aboutHero {margin-bottom: -70px;}.aboutActing__list {flex-direction: column;}.aboutActing__item {width: 100%;min-width: 100%;height: 320px;}.aboutActing__item-media:before {height: 320px;}.aboutActing__item:not(:last-child) {margin-bottom: 8px;}.aboutCreate__wrap {height: 470px;}.aboutCases__item {height: 300px;}.indexSection2__cards-item.indexSection2__cards-item__empty {display: none;}.contributors__info-inner {flex-direction: column;}.contributors__info-left {position: static;}.heading__columns {flex-direction: column;align-items: flex-start;}main.about .heading__columns-subtitle {font-size: 16px;margin-left: 0px;margin-top: 0px;}main.contributors .heading__columns-title, main.solutions .heading__columns-title, .divein__intro .heading__columns-title {margin-bottom: 32px;margin-right: 0;}.heading__columns-subtitle {margin-bottom: 32px;}.contributors__info-right {flex: 0 1 100%;max-width: 100%;}.contributors__info-photo {max-width: 351px;}.contributors__info-photo img {object-position: top;}.contributors__info-left {margin-right: 0;margin-bottom: 40px;}.projectSpeakers1__wrap {flex-direction: column-reverse;align-items: center;}.projectSpeakers1__list {margin-right: 0;justify-content: space-around;grid-gap: 6px;}.projectSpeakers1__content {max-width: 100%;margin-bottom: 32px;}.projectSpeakers1__item {height: 320px;}.projectSpeakers1__item-photo:before {height: 172px;}.projectContacts__wrap {flex-direction: column;}main.project .projectContacts__show {display: none;}main.project .projectContacts__show._mobile {display: block;}.projectContacts__show._mobile {margin-top: 32px;font-size: 16px;}.projectContacts__content {margin-right: 0px;margin-bottom: 36px;max-width: 100%;}.projectContacts {padding: 64px 0;}.projectSpeakers2 {padding-top: 52px;padding-bottom: 30px;}.projectResult {padding-bottom: 64px;}.projectProgram {padding-bottom: 144px;}main.pageCourse .projectProgram {padding-bottom: 80px;}main.pageCourse .projectProgram.projectDocuments {padding-bottom: 64px;}.pageCourse__button-wrap {margin-bottom: 40px;}main.project .heading__columns {flex-direction: column;align-items: start;}main.project .heading__columns-title {margin-right: 0px;}main.project .heading__columns-subtitle {margin: 16px 0 32px 0;max-width: 100%;}.projectSpeakers2__list {margin-top: 20px;flex-direction: column;}.projectSpeakers2__item {min-width: 100%;max-width: 100%;padding: 24px 0;min-height: 1px;}.projectSpeakers2__item:nth-last-child(2) {padding-bottom: 24px;}.projectSpeakers2__item-content {margin-left: 12px;}.projectSpeakers2__item-name {font-size: 20px;}.projectSpeakers2__item-post {font-size: 16px;margin: 4px 0;}.projectSpeakers2__item-city {font-size: 16px;}.projectSpeakers2__item-photo {height: 140px;min-width: 220px;}.projectResult__list {margin-top: 48px;justify-content: flex-start;}.projectResult__item {flex: 0 1 40%;}.projectResult__item:not(:last-child) {margin-bottom: 32px;margin-right: 0px;}.projectResult__item-digit {font-size: 48px;margin-bottom: 8px;}main.project .aboutBenefit__wrap {flex-direction: column;}main.project .aboutBenefit__left-top {padding-bottom: 20px;max-width: 100%;}main.project .aboutBenefit__right {max-width: 100%;}.projectContent {font-size: 18px;}.projectFeatures__list {margin-top: 48px;flex-direction: column;}.projectFeatures__item {max-width: 100%;}.projectFeatures__item-digit {margin-bottom: 8px;font-size: 48px;}.projectFeatures__item-text {font-size: 14px;}.projectFeatures__item:not(:last-child) {margin-bottom: 32px;}.projectFeatures {margin-bottom: 64px;}.projectProgram__heading {margin-bottom: 0px;}.projectProgram__item-type {font-size: 12px;}.projectProgram__item-title, .projectProgram__item-title {font-size: 18px;margin-bottom: 15px;}.projectProgram__item.__existText .projectProgram__item-title, .projectProgram__item-title, .projectProgram__item-desc, .projectProgram__item-type, .projectProgram__item-text {padding-right: 85px;}.projectProgram__item-desc, .projectProgram__item-text p {font-size: 12px;}.projectProgram__item.__existText .projectProgram__item-title:after, .projectDocuments__item .projectProgram__item-title:after, .projectProgram__item.__existText .projectProgram__item-title:after {width: 36px;height: 36px;}.projectHero__heading-title {font-size: 53px;}.projectHero__image, .projectHero__top {height: 620px;}main.project .projectHero.Bg .projectHero__header {margin-bottom: 0;}main.project .projectHero.Bg .projectHero__heading-title {max-width: 500px;}.projectProgram.projectDocuments {padding-bottom: 80px;}.projectProgram__list {min-width: 1px;}.projectProgram__list .projectProgram__item:not(:last-child) {margin-bottom: 32px;}.divein__hero-content__button, .divein__hero-content__button:before, .divein__hero-content__button:after {font-size: 18px;width: 161px;height: 48px;}.divein__hero-content__top {flex-direction: column;}.divein__hero-content__title {margin-bottom: 24px;}.diveinPage__left-title, .diveinPage__left-title, .diveinPage__tests-item__title {font-size: 34px;margin-bottom: 24px;}.diveinPage__events-item__content-date, .diveinPage__insights-item__date {font-size: 12px;margin-bottom: 4px;}.diveinPage__events-item__content-title, .diveinPage__insights-item__title {font-size: 20px;}.diveinPage__events-item__content-text, .diveinPage__insights-item__desc {font-size: 16px;margin-top: 8px;height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}.diveinPage__events-item__media, .diveinPage__insights-item__media {margin-right: 12px;}.diveinPage__events-item__media-tags__item {font-size: 10px;}.diveinPage__tests-item__content {padding: 18px;}.diveinPage__tests-item {max-width: 100%;height: 340px;}.diveinPage__tests-item__more {font-size: 16px;}.divein__hero {margin-top: 32px;}.diveinPage__left-desc {font-size: 16px;}.divein__article-content p {font-size: 16px;line-height: 125%;}.divein__blog-list {display: grid;grid-template-columns: repeat(2, 1fr);justify-content: space-between;grid-gap: 8px;}.diveinblog__tabs .divein__blog-item.large, .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child {height: 100%;grid-column: auto;}.diveinblog__pages {margin-top: 32px;}.diveinblog__pages>* {font-size: 16px;min-width: 44px;height: 36px;}.diveinblog__pages-prev, .diveinblog__pages-current, .diveinblog__pages-link, .diveinblog__pages-more {margin-right: 18px;}.diveinblog__tabs .divein__blog-item.large .divein__blog_item-meta, .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child .divein__blog_item-meta {margin-bottom: 12px;}.pageCourse__about-section__list {max-width: 100%;}.pageCourse__about-section__list ul li {max-width: 100%;font-size: 16px;min-width: 200px;letter-spacing: -0.01em;line-height: 90%;}.pageCourse__about-content {min-width: 300px;}.pageCourse__content-photo {height: 280px;}main.pageCourse .pageCourse__inner-back {font-size: 12px;margin-bottom: 24px;}.pageCourse__content-text p {font-size: 18px;}.pageCourse__inner {margin-bottom: 80px;}.aboutPartners__wrap-item {padding: 12px;}}@media (max-width:810px) {.footer__bottom .footer__center {flex-direction: column;}.footer__bottom .footer__center>*:not(:last-child) {margin-bottom: 12px;}}@media(max-width: 800px) {.diveininner__wrap .divein__back {display: none;}.aboutPartners__intro {margin-bottom: 32px;}.pageCourse__content-photo {margin-bottom: 16px;}.pageCourse__content-by {font-size: 16px;}.pageCourses__item-content__title {font-size: 20px;}.pageCourses__item-content__more {font-size: 16px;}.pageCourses__item-content_meta {font-size: 12px;}.pageCourses__item-media-level, .pageCourses__item-media-time {font-size: 12px;}.pageCourses__list-item {min-height: 450px;}.pageCourses__item-media__content {padding: 0 6px 6px;}.diveinPage__courses, .diveinPage__blog {grid-template-columns: repeat(1, 1fr);grid-gap: 8px;justify-content: space-around;}.diveinPage__courses-item {height: 320px;}.index {padding-top: 100px;}.hero__text-multi {font-size: 40px;}.header__menu {margin-left: 100px;}.hero__media, .hero__media-content {height: 456px;}.indexSection1__title, .indexMission__title {font-size: 28px;line-height: 32px;}.indexSection1__team-item:not(:last-child) {padding-right: 12px;margin-right: 12px;position: relative;}.indexSection1__right-content {font-size: 16px;line-height: 20px;}.heading__columns-title {font-size: 28px;line-height: 114%;margin-bottom: 32px;}.aboutLeaders .heading__columns-title {margin-bottom: 16px;}.indexSection2 {margin-top: 64px;padding: 64px 0;}.indexSection2 .heading__columns-title, .indexSection3 .heading__columns-title, .indexSection2 .heading__columns.__multiply, .__multiply {margin-bottom: 16px;}.indexSection2__cards {margin-top: 32px;}.indexSection2__cards-item {height: 300px;}.indexSections2__cards_item-more, .aboutCases__item-bottom {font-size: 16px;}.indexSections2__cards_item-content, .aboutCases__item-content {padding: 12px;}.indexSections2__cards_item-title, .aboutCases__item-title {font-size: 28px;}.projectOthers .aboutCases__wrap, .projectCases .aboutCases__wrap {margin-top: 32px;}main.project .heading__columns-title {margin-bottom: 16px;}.heading__columns-subtitle, .indexSection4__item-more {font-size: 16px;font-weight: 500;}.indexSection4__item_media-title {font-size: 28px;line-height: 32px;}.indexSection4__item-date {font-size: 18px;}.indexSection4__item_media-content {padding: 12px;}.indexSection4__item_media-content, .indexSection4__item_media-photo img {height: 60%;}.indexSection4__item-media:hover .indexSection4__item_media-photo img, .indexSection4__item-media:active .indexSection4__item_media-photo img {width: 110%;height: 65%;}.indexSection4__item-content {margin-top: -80%;}.indexSection5 {padding: 64px 0;}main.index .indexSection5__tabs_head-item {min-width: auto;}.news__list-item.podcast .news__list_item-time span {font-size: 12px;padding: 2px;}.news__list-item.podcast .news__list_item-time:before {width: 20px;height: 18px;background: #1A1A1A url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.697443 15.4545V0.90909L13.1861 8.18182L0.697443 15.4545Z' fill='white'/%3E%3C/svg%3E") 55% 55% no-repeat;}.news__list-item.podcast .news__list_item-time {padding: 4px;}.diveinblog__tabs-head__item.tabs__head-item {max-width: 251px;min-width: auto;}.diveinblog__tabs.divein__hr .diveinblog__tabs-head__item:first-child {min-width: 95px;}.indexSection5__tabs {margin-top: 0px;}.indexSection5__tabs-top, .tabs__top {flex-direction: column;margin-bottom: 13px;}.news__list_item-photo {margin-right: 12px;}.partners__button {width: 220px;height: 80px;font-size: 18px;}.footer__center {flex-wrap: wrap;}.footer__top {justify-content: space-between;}.indexSection3__contents-meta {margin-top: 59px;margin-bottom: 16px;}.indexSection4__item_media-tags {margin-left: -40px;margin-top: -30px;}.divein__share {padding-top: 24px;margin-top: 12px;margin-bottom: 80px;}.diveininner__wrap, .pageCourse__inner {flex-direction: column;}.diveininner__wrap .divein__back, .pageCourse__inner-back {position: static;margin-bottom: 32px;font-size: 14px;}.diveinblog__tabs {margin: 64px 0;padding-top: 32px;}.diveintest__test {padding: 20px 12px;}.diveinblog__tabs .divein__blog-item.large .divein__blog_item-title, .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child .divein__blog_item-title {font-size: 28px;height: 100%;}.pageCourse__inner-back a {font-size: 12px;}.partners__button_login {width: 220px;height: 80px;font-size: 18px;}}@media (max-width:755px) {.popupEvents._active .calDayEvents__item-photo {width: 120px;height: 76px;}.indexSection3__contents {height: 640px;}.indexSection3__contents-wrap, .indexSection3__contents-video {height: 580px;}.indexSection3 {margin: 64px 0;}.indexSection3__contents-wrap {flex-direction: column;}.indexSection3__contents-text p {font-size: 20px;}.indexSection3__numbers-wrap {padding-top: 30px;}.indexSection3__numbers-digit {min-width: 100px;}.indexSection3__contents-wrap>* {flex: auto;min-width: 100%;}.indexSection3__contents-video {max-height: 350px;min-height: 220px;}.indexSection3__contents-video img {object-fit: cover;object-position: top;height: 100%;width: 100%;}.indexSection3__contents-video:before {content: "";width: 80px;height: 80px;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);position: absolute;border-radius: 50%;background: #fff url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 21 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 13L-1.14193e-06 25.1244L-8.1987e-08 0.875644L21 13Z' fill='%231A1A1A'/%3E%3C/svg%3E") 55% no-repeat;z-index: 2;}.indexSection3__contents_meta-author, .indexSection3__contents_meta-univer__content {font-size: 12px;}.aboutHero__media img {height: 430px;}.aboutHero__media:before {height: 55%;}.aboutHero__content {top: -30%;font-size: 16px;}.aboutCases__item {max-width: 100%;}.aboutCases__item:not(:last-child) {margin-bottom: 8px;}.aboutGroup__bottom {margin-top: 32px;margin-bottom: 49px;}.aboutCases__item-title {font-size: 28px;}.aboutGuide__bottom {margin-top: 40px;}}@media(max-width:755px) {.tw-chat-text.tw-2, .tw-chat-text {font-size: 14px;line-height: 14px;padding: 10px 20px;}.tw-logo {max-width: 60px;}}@media(max-width:700px) {.terms__inner, .popupEvents__list {padding: 78px 12px 40px 12px;}.terms__heading {font-size: 28px;}.terms__description, .terms__text {font-size: 16px;line-height: 125%;}.terms__close {right: 13px;}.terms__description {margin-bottom: 12px;}.terms__text:not(:last-child) {margin-bottom: 40px;}.errorSection1__media {display: none;}.aboutPartners__wrap {grid-template-columns: repeat(1, 1fr);grid-gap: 8px;}.projectProgram__list {flex-direction: column;}.pageCourse__content-meta {flex-direction: column;align-items: flex-start;padding-top: 16px;margin-bottom: 17px;}.pageCourse__content-meta>*:not(:last-child) {margin-bottom: 32px;}.news__list {flex-direction: column;}.news__list-item {max-width: 100%;}.header__menu {margin-left: 0;}.hero__text:before {margin-bottom: 12px;}}@media (max-width: 980px) {.header__wrap {z-index: 10000;position: relative;}.header__menu, .header__menu-link>span:after {display: none;}.header__right {order: 3;-webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-o-flex-direction: row-reverse;flex-direction: row-reverse;min-width: 120px;max-width: 120px;right: 0;}.header__profile-sign {font-size: 0;background: url("data:image/svg+xml,%0A%3Csvg width='15' height='20' viewBox='0 0 15 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0.00133413C6.864 -0.0135446 6.23138 0.0961553 5.63935 0.323981C5.04732 0.551807 4.50784 0.893158 4.05264 1.32795C3.59745 1.76275 3.23573 2.28221 2.98876 2.85578C2.7418 3.42935 2.61457 4.04544 2.61457 4.66782C2.61457 5.2902 2.7418 5.9063 2.98876 6.47987C3.23573 7.05343 3.59745 7.5729 4.05264 8.00769C4.50784 8.44249 5.04732 8.78384 5.63935 9.01166C6.23138 9.23949 6.864 9.34919 7.5 9.33431C8.136 9.34919 8.76863 9.23949 9.36065 9.01166C9.95268 8.78384 10.4922 8.44249 10.9474 8.00769C11.4026 7.5729 11.7643 7.05343 12.0112 6.47987C12.2582 5.9063 12.3854 5.2902 12.3854 4.66782C12.3854 4.04544 12.2582 3.42935 12.0112 2.85578C11.7643 2.28221 11.4026 1.76275 10.9474 1.32795C10.4922 0.893158 9.95268 0.551807 9.36065 0.323981C8.76863 0.0961553 8.136 -0.0135446 7.5 0.00133413ZM4.77273 11.9997C3.50692 11.9997 2.29296 12.4917 1.3979 13.3673C0.502839 14.2429 0 15.4306 0 16.6689V20H15V16.6689C15 15.4306 14.4972 14.2429 13.6021 13.3673C12.707 12.4917 11.4931 11.9997 10.2273 11.9997H4.77273Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A") no-repeat;width: 15px;min-width: 15px;max-width: 15px;height: 20px;display: block;border-radius: 0;}.header__profile-menu {top: 57px;right: -5px;}.header__profile-menu__wrap {width: 100vw;left: 74px;}.header__search-form__clear.button.hoverMe, .header__search-form__do.button.hoverMe {display: none;}.header__search-form {height: 57px;padding: 0 8px;}.header__search-form__input input {height: 32px;margin: 0;}.header__search-form__close {margin-left: 0;-ms-align-items: flex-end;align-items: flex-end;}.header__search-form__wrap {width: calc(100% + 39px);left: -17px;top: -4px;}.header__search-form__wrap.opened {border-bottom: none;}.header__search-form__wrap:after {content: "";position: absolute;width: 100%;height: 1px;background: #1A1A1A;display: block;bottom: 0;}.header .search__results-inner {left: -19px;width: calc(100% + 37px);top: 54px;}.header__search-form__loop {display: none;}.header__search-form__loop-btn {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;justify-content: center;background: none;border: none;}.header__search-open {margin-right: 0;}.header__logo-wrap {order: 2;width: 100%;text-align: center;}.header__logo {margin-left: 120px;}.search__results-tabs__head {height: 36px;width: 100%;overflow: hidden;}.search__results-tabs__head-wrap {overflow-x: scroll;width: auto;max-width: none;-ms-align-items: flex-start;align-items: flex-start;margin: 0;-ms-overflow-style: none;scrollbar-width: none;}.search__results-tabs__head-wrap::-webkit-scrollbar {display: none;}.search__results-tabs__head a {min-width: max-content;padding-left: 0;padding-right: 0;}.search__results-tabs__head a:before, .search__results-tabs__head a:after {font-size: 16px;}.search__results-body__item {padding-left: 0;padding-right: 0;}.search__results-body__item-wrap {-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}.search__results-body__item-left {padding-right: 0;margin-bottom: 10px;}.search__results-tabs__body-item__more {margin-top: 10px;padding: 10px 0 15px;height: auto;}.search__results-tabs__body-item__more a {font-size: 16px;}.header {padding: 4px 0;}.header__lang {display: none;transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}.header__lang._active {display: block;}.header__menu_mob {order: 1;left: 0;display: block;z-index: 2;position: absolute;width: 28px;height: 14.2px;cursor: pointer;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out }.header__menu_mob._active {left: 0;}.header__menu_mob._active span {display: none;}.header__menu_mob._active::after {top: 50%;width: 20px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}.header__menu_mob._active::before {width: 20px;top: 50%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}.header__menu_mob span, .header__menu_mob::after, .header__menu_mob::before {left: 0;position: absolute;width: 100%;background-color: #1A1A1A;height: 2px;}.header__transparent .header:not(.fixed) .header__menu_mob span, .header__transparent .header:not(.fixed) .header__menu_mob::after, .header__transparent .header:not(.fixed) .header__menu_mob::before {background-color: #fff;}body.mobileMenuOpened.header__transparent .header .header__menu_mob span, body.mobileMenuOpened.header__transparent .header .header__menu_mob::after, body.mobileMenuOpened.header__transparent .header .header__menu_mob::before {background-color: #1A1A1A;}body.mobileMenuOpened.header__transparent .header {z-index: 9999999;}body.mobileMenuOpened.header__transparent .header .header__lang-current, body.mobileMenuOpened.header__transparent .header .header__lang-current:before, body.mobileMenuOpened.header__transparent .header .header__lang-current:after {background: #000;color: #fff;}body.mobileMenuOpened.header__transparent .header:not(.fixed) .header__logo path {fill: #1A1A1A;}.header__transparent .header:not(.fixed) .header__profile-sign {background: url("data:image/svg+xml,%0A%3Csvg width='15' height='20' viewBox='0 0 15 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0.00133413C6.864 -0.0135446 6.23138 0.0961553 5.63935 0.323981C5.04732 0.551807 4.50784 0.893158 4.05264 1.32795C3.59745 1.76275 3.23573 2.28221 2.98876 2.85578C2.7418 3.42935 2.61457 4.04544 2.61457 4.66782C2.61457 5.2902 2.7418 5.9063 2.98876 6.47987C3.23573 7.05343 3.59745 7.5729 4.05264 8.00769C4.50784 8.44249 5.04732 8.78384 5.63935 9.01166C6.23138 9.23949 6.864 9.34919 7.5 9.33431C8.136 9.34919 8.76863 9.23949 9.36065 9.01166C9.95268 8.78384 10.4922 8.44249 10.9474 8.00769C11.4026 7.5729 11.7643 7.05343 12.0112 6.47987C12.2582 5.9063 12.3854 5.2902 12.3854 4.66782C12.3854 4.04544 12.2582 3.42935 12.0112 2.85578C11.7643 2.28221 11.4026 1.76275 10.9474 1.32795C10.4922 0.893158 9.95268 0.551807 9.36065 0.323981C8.76863 0.0961553 8.136 -0.0135446 7.5 0.00133413ZM4.77273 11.9997C3.50692 11.9997 2.29296 12.4917 1.3979 13.3673C0.502839 14.2429 0 15.4306 0 16.6689V20H15V16.6689C15 15.4306 14.4972 14.2429 13.6021 13.3673C12.707 12.4917 11.4931 11.9997 10.2273 11.9997H4.77273Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A") no-repeat;}.header__menu_mob._white span, .header__menu_mob._white::after, .header__menu_mob._white::before {background-color: #fff;}body.header__transparent .header:not(.fixed) .header__menu-link {color: #1A1A1A;}.header__menu_mob::after, .header__menu_mob::before {content: "";}.header__menu_mob::after {top: 0 }.header__menu_mob::before {bottom: 0 }.header__menu_mob span {top: 50%;-webkit-transform: scale(1) translate(0px, -50%);-ms-transform: scale(1) translate(0px, -50%);transform: scale(1) translate(0px, -50%) }.header__nav_mob {display: block;position: fixed;top: 0px;right: -100%;width: 100%;height: 100%;z-index: 1000;overflow: auto;transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;background-color: #fff;padding: 116px 12px 150px 12px;}body.mobileMenuOpened .header__profile, body.mobileMenuOpened .header__search-open{display: none;}.cursor {display: none }.header__menu-link {padding: 0;}.header__nav_mob>ul {align-items: start;}.header__nav_mob._active {top: 0;right: 0%;}.header__nav_mob>ul {flex-direction: column;}.header__menu-link {font-size: 32px;line-height: 36px;font-weight: 500;}.dropdown__mob {padding-bottom: 64px;}.megamenu__wrap {flex-direction: column;}.megamenu__links-item {flex: 0 1 40%;}.megamenu__links ul {margin-bottom: 20px;}.dropdown-mob {display: block;}.dropdown__link {font-size: 20px;line-height: 120%;letter-spacing: -0.01em;color: #1A1A1A;text-decoration: none;display: block;margin-top: 24px;font-weight: 500;transition: 0.5s ease-in-out;}.dropdown__link:hover, .dropdown__link:active {color: #FA8A59;}.megamenu {top: 0px;}}@media (max-width:650px) {.errorSection1__subtitle {margin-left: -50px;}.errorSection1__more a {margin-top: 5px;}.errorSection1__text {z-index: 0;}.diveintest__test iframe {height: 995px !important;min-height: 995px !important;}.aboutPartners__info-cases__title {margin-bottom: 16px;font-size: 12px;}.aboutPartners__info-cases__item-title {max-height: 48px;}.aboutPartners__info-cases__item:not(:last-child) {padding-bottom: 16px;margin-bottom: 16px;}.aboutPartners__info-cases__item-photo {height: 76px;min-width: 120px;max-width: 120px;margin-right: 12px;}.aboutPartners__info-cases__item {align-items: flex-start;}.aboutPartners__info-cases__item-date {font-size: 12px;margin-bottom: 4px;}.aboutIntro .index__heading {margin-bottom: 12px;}.aboutPartners__info-text {font-size: 16px;}.aboutPartners__wrap-item {height: 280px;}.pageCourses__list-item {min-height: 360px;}.megamenu__solutions {margin-top: 10px;}.megamenu__solutions {flex-direction: column;}.megamenu__solutions-list {max-width: 100%;justify-content: space-between;}.megamenu {top: 14px;}.megamenu__solutions .megamenu__links-link {margin: 15px 0;}.megamenu {padding: 20px;}.megamenu__solutions_item-photo {min-width: 70px;}.megamenu__links {padding-right: 20px;}.megamenu__banner_content-title {font-size: 20px;}.megamenu__links-title {margin-bottom: 8px;}.header__menu .dropdown:nth-of-type(3) .megamenu .megamenu__wrap {margin-top: 20px;}.megamenu__links-item:not(:last-child) {margin-right: 10px;}.lets__form-group input, .lets__form-textarea textarea {font-size: 16px;padding: 15px 20px;line-height: 125%;border-radius: 0%;}.lets__select_emulate-item, .lets__select_emulate-title {padding: 16px 20px;}.lets__box-title {font-size: 40px;margin-bottom: 16px;}.lets__select_emulate-title, .lets__select_emulate-item {font-size: 16px;}.lets__box-desc {font-size: 16px;margin-bottom: 48px;}.lets__inner {padding: 48px 12px;}.lets__form-tools {flex-direction: column;}.lets__form-policy {margin-bottom: 48px;max-width: 100%;width: 100%;font-size: 12px;}.lets__form-group {margin-bottom: 32px;}.lets__form-textarea {margin-bottom: 32px 0 16px 0;}.lets__form-group:nth-last-of-type(1), .lets__form-group:nth-last-of-type(2) {margin-bottom: 12px;}.lets__select_emulate-item {height: 100%;}.lets__box {margin-top: 30px;}.lets__box-info {font-size: 12px;margin-bottom: 31px;}.lets__form-select {margin-bottom: 32px;}.lets__form-group label, .lets__form-textarea label {font-size: 12px;line-height: 117%;}.lets__form-policy:before {width: 18px;height: 18px;}.lets__form-button {min-height: 52px;height: 52px;font-size: 16px;}}@media (max-width:650px) {.errorSection1__subtitle {font-size: 20px;}.errorSection1__heading {font-size: 40px;}.errorSection1__more {margin-top: 240px;font-size: 16px;}.diveinblog__pages-next {min-width: 40px;height: 36px;background-color: #F3F5F7;padding: 8px 12px;}.diveinblog__tabs .divein__blog-item.large[data-cat="articles"] .divein__blog_item-meta, .diveinblog__tabs:not(.divein__hr) .divein__blog-item[data-cat="articles"]:first-child .divein__blog_item-meta {background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 12H0L0 0H10V12ZM6 3.5H2V2H6V3.5ZM2 6.5H8V5H2V6.5ZM8 9.5H2V8H8V9.5Z' fill='%23FFFFFF'/%3E%3C/svg%3E");margin-left: 2px;}.diveinPage__blog-item__content-icon svg {width: 20px;align-self: center;padding: 2px 5px;background-color: #1A1A1A;height: 18px;margin-bottom: -6px;}.diveinPage__blog-item__content-icon {background: none;padding: 0;}.diveinPage__blog-item__content-time {font-size: 12px;padding: 2px;}.footer__top .footer__center, .footer__bottom .footer__center {margin-right: 15px;}main.pageCourse .projectProgram__item.__existText .projectProgram__item-title:after {bottom: 0px;right: 6px;top: -17px;}.pageCourses__item-media {margin-bottom: 12px;}.pageCourse__other .heading__columns .heading__columns-title {margin-bottom: 32px;}.projectProgram__item.__existText .projectProgram__item-title, .projectProgram__item-title, .projectProgram__item-desc, .projectProgram__item-type, .projectProgram__item-text {padding-right: 105px;}.pageCourse__about-title, main.pageCourse .heading__columns-title {margin-right: 0;}.pageCourse__other .heading__columns {padding-top: 32px;}.pageCourse__other .heading__columns-title {margin-bottom: 32px;}.pageCourse__other .pageCourses__list {margin-top: 0;}.projectProgram__item-title {margin-bottom: 16px;}.pageCourse__button-wrap a, .pageCourse__button-wrap a.hoverMe.button:before, .pageCourse__button-wrap a.hoverMe.button:after {font-size: 16px;min-width: 209px;max-width: 209px;height: 52px;}.diveintest__intro-subtitle {font-size: 16px;}.diveintest__test {margin-top: 32px;}.diveinblog__tabs-head__item.tabs__head-item {max-width: 100%;width: 100%;min-width: 140px;}.diveinPage__events-item:not(:last-child) {margin-bottom: 32px;}.diveinPage__tests-item {height: 280px;}.diveinPage__blog-item__media {height: 128px;margin: 6px 0 12px 0;}.diveinPage__wrap {padding-bottom: 24px;}.diveinPage__wrap:not(:last-child) {margin-bottom: 48px;}.diveinPage__wrap:last-child {margin-bottom: 64px;}.diveinPage__tests-item__content {padding: 12px;}.diveinPage__blog-item__content {padding: 0 2px 4px 6px;}.diveinPage__events-item__media, .diveinPage__insights-item__media {max-width: 150px;min-width: 150px;height: 90px;padding: 0 0 2px 4px;}.diveinPage__events-item, .diveinPage__insights-item {align-items: flex-start;max-height: 94px;}.diveinPage__left-title, .diveinPage__tests-item__title {font-size: 28px;margin-bottom: 16px;}.solutions__cards .indexSection2__cards-item {min-width: 100%;}.indexSections2__cards_item-logo {width: 30px;height: 30px;}main.project .heading__columns-title {margin-bottom: 16px;}main.diveinblog .diveinblog__tabs-head__item.tabs__head-item {min-width: 100px;}.projectOthers .aboutCases__wrap, .projectCases .aboutCases__wrap {margin-top: 0;}.projectSharing {margin-bottom: 32px;}.heading__columns-title {min-width: 100%;width: 100%;}.modal__video-preview, .modal__video-iframe {width: 95%;margin: auto;}.modal__video.opened .modal__video-meta {margin: 10px auto;width: 95%;}.modal__video-title, .modal__video-time {font-size: 12px;}.modal__video-preview:before {width: 48px;height: 48px;background: #fff url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 21 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 13L-1.14193e-06 25.1244L-8.1987e-08 0.875644L21 13Z' fill='%231A1A1A'/%3E%3C/svg%3E") 55% no-repeat;}.modal__video-preview, .modal__video-iframe {height: 350px;}.header__logo svg {width: 55px;height: 40px;}.container {padding: 0 12px;}.projectOthers .container {padding-left: 12px;padding-right: 12px;padding-top: 32px;}a.indexSection3__contents-video:before, .divein__article-content__video_media-poster:before, .indexSection3__contents-video:before {content: "";width: 48px;height: 48px;top: 50%;background: #fff url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 21 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 13L-1.14193e-06 25.1244L-8.1987e-08 0.875644L21 13Z' fill='%231A1A1A'/%3E%3C/svg%3E") 55% no-repeat;}.indexSection2 .index__heading, .indexSection3 .index__heading, .indexSection4 .index__heading, .indexSection5 .index__heading, .indexSection2 .heading__columns.__multiply, .__multiply {font-size: 12px;margin-bottom: 12px;}heading__columns-title {font-size: 28px;}.header {padding: 4px 0;}.header__lang {}.index {padding-top: 103px;}.hero__text {margin-left: 0px;}.hero__text:before {display: block;max-height: 38px;max-width: 278px;background-size: 71%;top: 0px;}.hero__media-list {display: none;}.hero__text-multi {display: none;font-size: 40px;line-height: 100%;}.hero__text-mob {display: block;font-size: 40px;line-height: 100%;text-align: left;letter-spacing: -0.03em;}.hero__media-iframe img {height: 115%;object-fit: cover;object-position: top;}.hero__media-iframe {overflow: hidden;}.hero__media {margin-top: 48px;}.hero__media-list_mob {display: block;background-color: #F3F5F7;padding: 16px 12px;}.hero__media_item-type {color: #BDBDBD;font-size: 14px;}.hero__media-item {max-width: 320px;}.hero__media_item-date a, .hero__media_item-title a {color: #1A1A1A;font-size: 16px;}.hero__media-item:not(:last-child) {margin: 0 0 32px 0;}.indexSection1 {margin-top: 60px;}.indexSection2 .heading__columns.__multiply {margin-bottom: 0;}.indexSections2__cards_item-title, .solutions__book-title, .solutions__book_stock-content {margin-top: 0;}.indexSection2 .heading__columns-title.__multiply {margin-bottom: 10px;}.index__heading {font-size: 12px;}.indexSection1__title {margin: 12px 0 32px 0;}.indexSection1__left {padding-right: 0px;}.indexSection1__wrap {display: block;}.indexSection1__team {margin: 64px 0 16px 0;}.indexSection1__team-title {font-size: 12px;margin-bottom: 12px;}.indexSection1__team_item-title {font-size: 12px;}.indexSection1__right {height: 440px;}.indexSection1__right-content {padding: 0 0 12px 12px;}.heading__columns-subtitle:first-child {margin-left: 0;}.heading__columns {flex-direction: column;align-items: flex-start;}.heading__columns-subtitle:not(:last-child) {margin-bottom: 32px;}.indexSection1__team_item-type {font-size: 12px;}.indexSection2__cards-item:nth-last-of-type(1), .indexSection2__cards-item:nth-last-of-type(2), .indexSection2__cards-item:nth-last-of-type(3) {margin-bottom: 8px;}.indexSection2__cards-item {min-width: 100%;height: 280px;margin-bottom: 8px;margin: auto;}.indexSection3__numbers-wrap {padding-top: 0;}.indexSection3__numbers-digit {max-width: 200px;min-width: 128px;}.indexSection3__numbers-title {font-size: 12px;line-height: 117%;}.indexSection3__numbers-value {margin-bottom: 5px;}.indexSection3__numbers-text p {margin-top: -76px;}.modal__video-close:focus, .modal__video-close {outline: none;border: none;}.indexSection3__numbers-side ul li span {font-size: 18px;}.indexSection3__numbers-content {margin: 166px 0 0px 0;}.indexSection3__numbers_content-item {justify-content: start;}.indexSection3__numbers-wrap {flex-direction: column;}.indexSection3__numbers_content-item>* {flex: 0 1 45%;}.indexSection3__numbers-text p {font-size: 12px;}.indexSection3__contents, .indexSection3__section-wrap .indexSection3__contents, .indexSection3__section {padding: 12px;}.indexSection3__contents-text p {font-size: 18px;line-height: 110%;}.indexSection3__contents-video img {text-align: center;}.indexSection3__contents-left {margin-right: 0;}.indexSection3__contents-video {height: 270px;width: 100%;min-width: 100%;align-self: center;margin-top: 10px;}.indexSection3__contents-meta {margin-bottom: 16px;}.indexSection4__item_media-content, .indexSection4__item_media-photo img {width: 261px;}.indexSection4__wrap {margin-top: 0;overflow-x: auto;overflow-y: hidden;width: calc(100% + 12px);}.indexSection4__wrap::-webkit-scrollbar {display: none;}.indexSection4__wrap {-ms-overflow-style: none;scrollbar-width: none;}.indexSection4__item {width: 300px;max-width: 500px;margin-right: 8px;}.indexSection4__item-media {height: 377px;}.indexSection4__item_media-content, .indexSection4__item_media-photo img {height: 85%;}.indexSection4__item-media:hover .indexSection4__item_media-photo img, .indexSection4__item-media:active .indexSection4__item_media-photo img {width: 110%;height: 90%;}.indexSection4__item:nth-child(2) .indexSection4__item-media {height: 282px;margin-bottom: 10px;}.indexSection4__item_media-type {font-size: 16px;margin-bottom: 8px;}.indexSection4__item:nth-child(3) .indexSection4__item-media {height: 300px;}.indexSection4__item_media-logo img {height: 15px;}.indexSections2__cards_item-media img {object-position: bottom;}.indexSections2__cards_item-media:nth-child(2) img {object-position: top;}.indexSection4__item-content {margin-top: -13%;}.indexSection4__item:nth-child(1) .indexSection4__item-content {margin-top: -15%;}.indexSection4__item-date {margin-bottom: 0;}.indexSection4 {margin-bottom: 64px;}.indexSection5__tabs-all, .tabs__link {margin-top: 32px;font-size: 16px;}.news__list_item-title {min-width: 217px;}.news__list_item-photo {width: 120px;min-width: 120px;}.news__list_item-photo {margin-right: 12px;}.indexMission__logos-item {height: 60px;}.news__list_item-photo {height: 76px }.news__list_item-meta {font-size: 12px;padding-left: 20px;margin-bottom: 8px;line-height: 117%;}.news__list-item {padding: 10px 0 24px 0;}.news__list_item-title {font-size: 16px;line-height: 125%;}.news__list_item-title {margin-bottom: 12px;}.indexMission__up {margin-bottom: 12px;font-size: 12px;}.indexMission {padding-top: 64px;height: 440px;}.footer__top_menu-title, .footer__top-menu ul li a, .footer__top-social ul li a {font-size: 16px;}.footer__top-right, .footer__center, .footer__top-menu {flex-direction: column;max-width: 157px;margin-right: 15px;}.footer__top .footer__center {margin-top: -42px;}.footer__top .footer__center>* {margin-bottom: 0;}.footer__top_menu-title {margin-top: 48px;}.footer__left {margin-right: 100px;margin-left: 0;min-width: 50px;}.footer__center {min-width: 157px;}.footer__top-menu:not(:last-child) {margin-right: 0px;}.footer__top-menu ul li, .footer__top-social ul li {max-width: 157px;line-height: 125%;}.footer__copy {font-size: 12px;min-width: 141px;}.footer__top .footer__center {display: block;max-width: 160px;margin-right: 10px;}.footer__bottom .footer__center {margin-right: 10px;}.indexSection4__item_media_tags-item {font-size: 10px;line-height: 114%;;}.projectContent {font-size: 14px;}.indexSections2__cards_item-logo {margin-bottom: 16px;min-width: 60px;}.diveinPage__courses-item {height: 280px;}.divein__article-content>img {height: 280px;object-fit: cover;object-position: center;}.divein__article-content iframe, .divein__article-content__video {height: 280px;object-fit: cover;object-position: center;margin-top: 32px;margin-bottom: 64px;}.divein__article-content__video_media-wrap {padding: 12px;}.projectGoal__list {overflow-x: auto;-ms-overflow-style: none;scrollbar-width: none;}.projectGoal__list::-webkit-scrollbar {display: none;}.projectContacts__text {margin-top: 16px;}.projectContacts__text p {font-size: 16px;}.diveinblog__pages-prev, .diveinblog__pages-current, .diveinblog__pages-link, .diveinblog__pages-more, .diveinblog__pages-next, .diveinblog__pages-prev:before, .diveinblog__pages-current:before, .diveinblog__pages-link:before, .diveinblog__pages-more:before, .diveinblog__pages-next:before, .diveinblog__pages-prev:after, .diveinblog__pages-current:after, .diveinblog__pages-link:after, .diveinblog__pages-more:after, .diveinblog__pages-next:after {font-size: 16px;}}@media (max-width:650px) {.hero__media_item-title {margin: 0;}.pageCourse__about-section__list ul li {max-width: 350px;}.pageCourse__about-section__title {margin-bottom: 4px;font-size: 12px;}.pageCourses__item-media {height: 158px;}.divein__hero-content__top {flex-direction: column;}.divein__hero-content {padding: 12px;}.divein__hero-content__title {font-size: 32px;margin-bottom: 24px;}.divein__hero-content__time {font-size: 20px;}main.about, main.contributors, .projectHero.noBg .projectHero__top, .diveininner, main.divein, main.diveinblog {padding-top: 116px;}main.solutions {padding-top: 113px;}.diveininner__wrap .divein__back {display: none;}.heading__columns-subtitle p:not(:last-child) {margin-bottom: 40px;}main.diveintest.diveininner, .pageCourse {padding-top: 110px;}.contributors__list {grid-template-columns: repeat(1, 351px);grid-gap: 8px;}.diveinPage__blog-item[data-type="articles"] .diveinPage__blog-item__meta, .divein__hr .divein__blog-item .divein__blog_item-meta, .divein__blog-item[data-cat="articles"] .divein__blog_item-meta {background-image: url("data:image/svg+xml,%3Csvg width='8.4' height='8.4' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 12H0L0 0H10V12ZM6 3.5H2V2H6V3.5ZM2 6.5H8V5H2V6.5ZM8 9.5H2V8H8V9.5Z' fill='%231A1A1A'/%3E%3C/svg%3E");}.diveinPage__blog-item[data-type="interview"] .diveinPage__blog-item__meta, .divein__blog-item[data-cat="interview"] .divein__blog_item-meta {background-image: url("data:image/svg+xml,%3Csvg width='8.4' height='8.4' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0H0V10H10V0ZM2.75 3.5C3.16421 3.5 3.5 3.16421 3.5 2.75C3.5 2.33579 3.16421 2 2.75 2C2.33579 2 2 2.33579 2 2.75C2 3.16421 2.33579 3.5 2.75 3.5ZM7.25 3.5C7.66421 3.5 8 3.16421 8 2.75C8 2.33579 7.66421 2 7.25 2C6.83579 2 6.5 2.33579 6.5 2.75C6.5 3.16421 6.83579 3.5 7.25 3.5ZM2.85714 5C2.85714 6.18347 3.81653 7.14286 5 7.14286C6.18347 7.14286 7.14286 6.18347 7.14286 5H8C8 6.65685 6.65685 8 5 8C3.34315 8 2 6.65685 2 5H2.85714Z' fill='%231A1A1A'/%3E%3C/svg%3E");}.diveinPage__blog-item[data-type="news"] .diveinPage__blog-item__meta, .divein__blog-item[data-cat="news"] .divein__blog_item-meta {background-image: url("data:image/svg+xml,%3Csvg width='8.4' height='8.4' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.64286 2.64286L6.03571 5.25L3.39286 2.64286L6.03571 0L8.64286 2.64286ZM12 6L9.39286 8.64286L6.78571 6L9.39286 3.39286L12 6ZM5.28571 6L2.64286 8.64286L0 6L2.64286 3.39286L5.28571 6ZM8.64286 9.39286L6.03571 12L3.39286 9.39286L6.03571 6.75L8.64286 9.39286Z' fill='%231A1A1A'/%3E%3C/svg%3E");margin-left: 2px;}.diveinPage__blog-item[data-type="podcast"] .diveinPage__blog-item__meta, .divein__blog-item[data-cat="podcast"] .divein__blog_item-meta {background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 10L7.5 14.3301L7.5 5.66987L15 10Z' fill='%231A1A1A'/%3E%3C/svg%3E");margin-left: -3px;}.diveinPage__blog-item__meta, .divein__blog_item-meta {padding-left: 20px;margin-left: -1px;}.indexSection1__title, .indexMission__title, .heading__columns-title, .projectContacts__title {font-size: 28px;line-height: 114%;}.indexMission__uptitle {font-size: 12px;margin-bottom: 12px;}.heading__columns .index__heading.__multiply {margin-top: 12px;}.heading__columns.__top {flex-direction: column;}.hero__text-multi, .aboutIntro .heading__columns-title, .divein__intro .heading__columns-title, .divein__article-title, .diveintest__intro-title, .diveinblog__title {font-size: 40px;margin-bottom: 32px;margin-right: 0;}.pageCourse__content-title {font-size: 40px;margin-bottom: 48px;}.projectHero__heading-title {font-size: 40px;margin-bottom: 16px;}.heading__columns-subtitle, main.project .heading__columns-subtitle, main.solutions .heading__columns-subtitle {margin-left: 0;font-size: 16px;}.aboutGroup__wrap, .aboutCases__wrap {flex-direction: column;}.heading__columns-title {min-width: 345px;}.aboutHero__media:before {height: 50%;}.aboutHero__content {margin: 0 0 12px 12px;}.aboutHero {margin-bottom: -133px;}.aboutHero {margin-top: 30px;}.aboutBenefit__wrap, .aboutCreate__wrap {flex-direction: column;}.aboutGuide__bottom-title {margin: 36px 0 16px;font-size: 16px;}.aboutGuide .aboutGuide__bottom-title br {display: none;}.aboutGuide__content {margin-right: 0;}.aboutGuide__bottom-info {margin-bottom: 12px;font-size: 12px;}.aboutWhy, .aboutGuide, .aboutBenefit, .aboutActing, .aboutGroup {margin-bottom: 64px;}main.project .aboutBenefit {margin-bottom: 40px;}.aboutWhy__content-top {font-size: 28px;}.aboutWhy__content {padding: 12px;}.aboutWhy__media, .aboutWhy__content {height: 440px;}.aboutWhy__content-bottom {display: none;}.aboutWhy__content-mobile, .aboutWhy__content-wrap {display: block;}.aboutWhy__content-wrap {background-color: #F3F5F7;padding: 16px 12px;}.aboutWhy__content-info, .aboutWhy__content-text, .aboutWhy__content-title {color: #1A1A1A;}.aboutWhy__content-title {font-size: 26px;margin-bottom: 4px;}.aboutWhy__content-text {max-width: 100%;}.aboutWhy__content-item {margin-right: 0;margin-bottom: 32px;}main.about .aboutBenefit {margin-top: 220px;}.aboutWhy__content-info {font-size: 12px;font-weight: 400;line-height: 114%;color: #BDBDBD;opacity: 1;}.aboutBenefit__left-bottom {display: none;}.aboutBenefit__left-bottom._mobile {display: block;font-size: 12px;font-style: italic;}main.project .aboutBenefit__left-bottom._mobile {display: none;}.aboutBenefit__right {margin-top: 16px;margin-bottom: 42px;}.aboutBenefit__right-item:nth-child(1), .aboutBenefit__right-item:nth-child(2) {margin-bottom: 62px;}.aboutBenefit__right-title {font-size: 16px;}.aboutBenefit__right-text {font-size: 12px;}.aboutBenefit__right-item {min-width: 170px;}.aboutActing__list {margin-top: 32px;}.aboutActing__item-content {padding: 12px;font-size: 16px;}.aboutActing__item:nth-child(1), .aboutActing__item:nth-child(2), .aboutActing__item:nth-child(3) {height: 280px;}.aboutGroup__top .heading__columns-title {font-size: 28px;min-width: 335px;margin-bottom: 16px;}.aboutGroup__content {padding: 12px;}.aboutGroup__text {font-size: 16px;}.aboutCreate__right-digit {font-size: 187px;margin-bottom: 0;line-height: 120%;}.aboutCreate__right-digit span {margin-top: -20px;}.aboutCreate__wrap {height: 100%;}.aboutCreate__right-info {font-size: 16px;}.aboutLeaders__wrap {padding-top: 64px;margin-bottom: 80px;}.aboutLeaders__wrap .heading__columns {margin-bottom: 0;}.aboutLogos__wrap {margin-bottom: 32px;justify-content: flex-start;}.projectLogos__item {min-width: 120px;}.aboutCases__item-content {padding: 12px;}.aboutCases__item-title {font-size: 28px;}.aboutCases__item-bottom {font-size: 16px;}.aboutCases__item-logo {height: 32px;margin-bottom: 16px;}main.project .aboutCases__item-logo {height: 37px;margin-bottom: 16px;}main.project .aboutCases__item-logo img {max-width: 100%;}.aboutCases__item {height: 280px;}.aboutGuide__bottom {margin-top: 40px;}.indexSection5__tabs_head-item, .tabs__head-item {font-size: 16px;}main.project .projectSpeakers2 .heading__columns-title {margin-bottom: 0;}main.solutions .heading__columns .heading__columns-title, main.contributors .heading__columns-title, .aboutPartners__intro .heading__columns-title {font-size: 40px;max-width: 351px;line-height: 100%;}main.solutions .tabs__head, main.contributors .tabs__head {flex-wrap: nowrap;}.indexSection5__tabs_head-item:not(:last-child), .tabs__head-item:not(:last-child) {margin-right: 8px;}.indexSections2__cards_item-title {max-width: 232px;line-height: 114%;}.indexSection3 {margin: 55px 0;}.indexSection3__numbers-side ul li.active {margin-left: 5px;}.indexSection3__numbers-side ul li:not(:last-child) {margin-bottom: 21px;}.solutions__tabs {margin-top: 0px;padding-top: 32px;}.contributors__tabs {padding-top: 32px;margin-top: 32px;}.tabs__head-item {min-width: 145px;max-width: 300px;height: 36px;}.solutions__tabs .tabs__head-item {min-width: 140px;}main.contributors .heading__columns-title, main.solutions .heading__columns .heading__columns-title {margin-bottom: 32px;}.contributors__list {justify-content: center;}.contributors__tabs::before {height: 200px;}.contributors__item, .contributors__item:nth-child(1) {flex: 0 1 100%;min-width: 300px;}.contributors__card-media img {object-position: top;}.contributors__info-inner, .aboutPartners__info-inner {padding: 78px 12px 68px 12px;}.aboutPartners__info-text {font-size: 16px;margin-bottom: 48px;line-height: 125%;max-width: 349px;}.contributors__info-name, .aboutPartners__info-title {font-size: 28px;}.contributors__info-post, .aboutPartners__info-city {font-size: 16px;margin-bottom: 40px;}.contributors__info-about {font-size: 20px;margin-bottom: 40px;}.contributors__info-photo {height: 404px;}.contributors__info-company, .contributors__info-category {font-size: 16px;}.contributors__info-close {right: 12px;}.contributors__info-text {padding-bottom: 0;}main.project .heading__columns-title {margin-right: 0px;}main.project .projectHero {margin-bottom: 17px;}.projectHero.noBg .projectHero__top {padding-top: 117px;}.projectHero__heading-title {margin-bottom: 16px;max-width: 351px;line-height: 100%;}.projectHero__heading-desc {font-size: 16px;}.projectHero__header {margin-bottom: 0px;}.projectHero__media {margin-bottom: 0;}.projectProgram:has(+ .projectHero__media) {padding-bottom: 40px;}.projectHero__cols {padding-top: 16px;flex-direction: column;margin-bottom: 17px;}.projectHero__cols-list {flex-direction: column;}.projectHero__cols-item {margin-right: 0;margin-bottom: 35px;max-width: 100%;font-size: 16px;line-height: 120%;}.projectHero__cols-link {font-size: 16px;}.projectHero__media-wrap {margin-bottom: 32px;}.projectHero__media_video-content {padding: 12px;}.projectHero__media_video-content__title, .projectHero__media_video-content__subtitle {font-size: 20px;}.projectSpeakers1 {margin-bottom: 64px;}.projectLogos {margin-bottom: 52px;}.projectsGoal__item:nth-child(3n+2) {height: 320px;min-width: 261px;}.projectsGoal__item:nth-child(3n+1), .projectsGoal__item:nth-child(3n+3) {height: 210px;min-width: 261px;}.projectsGoal__item:not(:last-child) {margin-right: 8px;}.projectSpeakers1__item-name {font-size: 16px;}.projectSpeakers1__item-post, .projectSpeakers1__item-city {font-size: 12px;}.projectSpeakers1__item-post {margin: 2px 0;}.projectSpeakers1__item {height: 240px;min-width: 170px;}.projectSpeakers1__item-photo {overflow: hidden;}.projectSpeakers1__item-photo img {object-position: bottom;}.projectHero__media-wrap {margin-bottom: 32px;}.projectContent p {font-size: 12px;}.projectContent p:not(:last-child) {margin-bottom: 12px;}.projectFeatures__item-text {font-size: 12px;}.projectContacts__map {min-width: 351px;}.projectProgram__list {flex-direction: column;}.projectProgram__item.__existText .projectProgram__item-title:after {bottom: 15px;}.projectResult__item-title br {display: none;}.projectOthers .aboutCases__wrap {margin-top: 0;}.projectOthers .heading__columns-subtitle {margin: 32px 0;}main.solutions .heading__columns {margin: 12px 0 32px;}.projectSpeakers2__item-content__hover {font-size: 14px;}.divein__article-content p.afterQuote {font-size: 12px;}.diveinPage__blog-item, .diveinPage__courses-item__content, .diveininner .divein__blog-item, .divein__blog-item.active {min-height: 280px;}.divein__blog_item-title, .diveinPage__blog-item__title {min-height: 48px;height: 48px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}.diveinblog__tabs .divein__blog-item.large .divein__blog_item-title, .diveinblog__tabs:not(.divein__hr) .divein__blog-item:first-child .divein__blog_item-title {height: 130px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}.lets__close {right: 16px;border-radius: 0%;}.cursor {display: none;}.aboutPartners__info-photo {padding: 12px;}.aboutPartners__info-cases__item-title {font-size: 20px;max-width: 220px;}.aboutPartners__info-photo {padding: 12px;}}@media(max-width:600px) {.pageCourses__list {grid-template-columns: repeat(1, 351px);justify-content: center;}.solutions__cards {grid-template-columns: repeat(1, 351px);grid-gap: 8px;}.solutions__cards-book {grid-column: 1;}.solutions__book-title {max-width: 247px;line-height: 114%;}.solutions__book_stock-item:nth-child(1) {top: 112px;left: 187px;}.solutions__book_stock-item:nth-child(2) {top: 153px;left: 153px;}.solutions__book_stock-item:nth-child(3) {top: 198px;left: 117px;}.solutions__cards-book {height: 360px;}}@media(max-width:500px) {.pageCourse__about-section__title {max-width: 100%;}.divein__blog-list {grid-template-columns: repeat(1, auto);}.diveinPage__events-item__media, .diveinPage__insights-item__media {max-width: 120px;min-width: 120px;height: 76px;}.aboutGroup__animation-item {min-width: 260px;max-width: 260px;height: 320px;}.megamenu__heading {font-size: 20px;}.megamenu__links ul {margin-top: 15px;}.megamenu__solutions_item-photo {width: 100%;}.megamenu__solutions-item {min-width: 100%;}.megamenu__solutions_item-title {max-width: 80%;}.megamenu__solutions-item:nth-last-child(1), .megamenu__solutions-item:nth-last-child(2) {margin-bottom: 15px;}.megamenu__solutions-item:last-child {margin-bottom: 70px;}.megamenu__wrap {flex-direction: column;}.megamenu__banner {margin-top: 0;}.megamenu__links-item {flex: 1 1 100%;}.megamenu__links-item:not(:last-child) {margin-right: 0px;}.lets__form-groups {flex-direction: column;}.lets__form-group {min-width: 100%;max-width: 100%;}.megamenu__links ul {flex-direction: column;}.indexSection3__contents-meta {margin-top: -40px;margin-bottom: 16px;}.indexSection3__contents_meta-univer__logo {width: 28px;height: 28px;margin-right: 8px;}.indexSection3__contents_meta-univer {padding-left: 33px;}}@media(max-width:480px) {.diveintest__test iframe {height: 905px !important;min-height: 905px !important;}.modal__video-preview, .modal__video-iframe {height: 220px;min-height: 220px;}.projectSpeakers1__item {height: 220px;}.projectSpeakers1__item-photo img {margin-top: -13%;} .projectSpeakers1.__allWidth .projectSpeakers1__item-photo img {margin-top: 0;}.projectSpeakers1__item:nth-last-child(1), .projectSpeakers1__item:nth-last-child(2) {margin-bottom: 8px;}.aboutHero__media:before {height: 45%;}.aboutHero__content {margin: 0 0 20px 12px;}.contributors__item {height: 404px;}.projectSpeakers2__item-name {font-size: 16px;}.projectSpeakers2__item-post {font-size: 12px;margin: 2px 0;}.projectSpeakers2__item-city {font-size: 12px;}.projectSpeakers2__item-photo {height: 76px;min-width: 120px;}.projectResult__item {flex: 0 1 50%;}.projectResult__item-wrap {width: 100%;}.projectResult__item-title {font-size: 12px;}.projectFeatures__item-text {font-size: 12px;}main.project .projectHero.Bg .projectHero__top .container {padding: 0px;}main.project .projectHero.Bg .projectHero__header {padding: 21px 12px 10px 12px;}main.project .projectHero.Bg .projectHero__cols {margin: 0;}main.project .projectHero.Bg .projectHero__heading {margin-bottom: 48px;}}@media(max-width:420px) {.indexSection3__contents-video {height: 220px;width: 100%;min-width: 100%;align-self: center;margin-top: 0;}.projectContent {font-size: 12px;}.footer__top .footer__center, .footer__bottom .footer__center {margin-right: 15px;}}@media (max-width:370px) {.header__lang {margin-left: 140px;}.solutions__cards .indexSection2__cards-item, .solutions__cards-book {min-width: 300px;}.solutions__cards-book {width: 300px;margin: auto;}.projectSpeakers1__list {flex-direction: column;}.indexSection2__cards-item {min-width: 320px;height: 280px;margin-bottom: 8px;}.indexSection3__numbers-digit {min-width: 110px;}.news__list_item-title {font-size: 14px;min-width: 150px;}.indexSection4 .heading__columns-title {min-width: 100px;}.aboutCreate__right-digit {font-size: 170px;}.heading__columns-title, .aboutGroup__top .heading__columns-title {min-width: 200px;}.aboutBenefit__right-item {min-width: 100px;}.indexSection3__numbers-value {font-size: 32px;}.footer__left {margin-right: 80px;margin-left: 0;min-width: 50px;}.contributors__list {grid-template-columns: repeat(1, 300px);}.indexSection2__cards-item {min-width: 300px;}.projectContacts__map {min-width: 280px;}.pageCourses__list {grid-template-columns: repeat(1, auto);}}@media (max-width:780px) {.aboutGuide__timeline {width: 500px;margin: 20px auto;}.aboutGuide__timeline-text06 {max-width: 200px;text-align: right;}.aboutGuide__timeline-text02 {left: 60px;}.aboutGuide__timeline-text05, .aboutGuide__timeline-text03 {left: 270px;}.aboutGuide__timeline-text04 {left: 40px;}.aboutGuide__timeline-hr {left: 50%;margin-left: -183px;}}@media (max-width:530px) {.aboutGuide__timeline {min-width: 350px;width: 350px;height: 327px;}.aboutGuide__timeline-text01 {font-weight: 500;font-size: 12px;line-height: 102%;letter-spacing: -0.01em;color: #1A1A1A;top: 60px;}.aboutGuide__timeline-circle01 {width: 84px;height: 84px;top: 20px;}.aboutGuide__timeline-circle02 {width: 188px;height: 188px;top: -40px;}.aboutGuide__timeline-circle03 {width: 278px;height: 278px;top: -90px;}.aboutGuide__timeline-circle04 {width: 359px;height: 359px;top: -130px;}.aboutGuide__timeline-circle05 {width: 430px;height: 430px;top: -160px;}.aboutGuide__timeline-circle06 {width: 480px;height: 480px;top: -180px;position: absolute;}.aboutGuide__timeline-hr {width: 180px;margin-left: -90px;bottom: 115px;}.aboutGuide__timeline-text02, .aboutGuide__timeline-text03, .aboutGuide__timeline-text04, .aboutGuide__timeline-text05, .aboutGuide__timeline-text06 {font-size: 10px;line-height: 12px;}.aboutGuide__timeline-text02 {left: 20px;top: 140px;}.aboutGuide__timeline-text03 {left: 185px;top: 170px;}.aboutGuide__timeline-text04 {left: 6px;top: 220px;}.aboutGuide__timeline-text05 {left: 185px;top: 255px;}.aboutGuide__timeline-text06 {left: 41px;top: 290px;max-width: 125px;}}@media (max-width:980px) {.diveinPage__wrap {flex-direction: column;}.diveinPage__left {margin-right: 0;max-width: 100%;}.diveinPage__wrap-top {margin-bottom: 30px;}.diveinPage__right {margin-top: 30px;}.diveinPage__courses, .diveinPage__blog {grid-template-columns: 1fr 1fr 1fr;grid-gap: 8px;}.diveinPage__wrap:not(:last-child) {margin-bottom: 40px;padding-bottom: 40px;}.hero__text:before {width: 180px;height: 40px;background-size: contain;margin-right: 5px;}.indexSection3__numbers-digit {text-align: left;}.indexSection3__contents-video img {object-position: top center;}}@media (max-width:800px) {.diveinPage__courses, .diveinPage__blog {grid-template-columns: 1fr 1fr;grid-gap: 8px;}.diveinPage__right {min-width: 1px;}}@media (max-width:650px) {.projectLogos__wrap[data-count="9"] .projectLogos__item {min-width: 90px;max-width: 90px;}}@media (max-width:825px) {.projectProgram {padding-bottom: 40px;}main.project .projectOthers .heading__columns {padding-top: 0;}}@media (max-width:1024px) {.diveinevents__views {display: none;}.diveinblog__tabs_head-wrap {overflow: hidden;}.diveinblog__tabs-head {display: flex;overflow-x: auto;-ms-overflow-style: none;scrollbar-width: none;}.diveinblog__tabs-head::-webkit-scrollbar {display: none;}.month {justify-content: space-between;max-width: 370px;}.month .title {margin: 0;}}@media (max-width: 960px) {#month-calendar {max-width: 355px;}.existEvents .calDayEventsCount {display: none;}.existEvents .calDayEvents {display: none;}.existEvents .calDayTop .calDayText:after {content: "";width: 8px;height: 8px;border-radius: 50%;display: block;background: #FA8A59;margin-left: 2px;}.weekdays {border-bottom: none;}.days li {height: auto;border: none;margin-bottom: 10px;}.existEvents {cursor: pointer;}.weekdays li {font-size: 14px;color: #BDBDBD;}.weekdays li:not(:first-child) {padding-left: 0;}.calDayText span, .weekdays li span {display: none;}.mobileEvents {margin-top: 65px;}.mobileEvents .calDayEvents__item:nth-child(2), .mobileEvents .calDayEvents__item:nth-child(3) {position: relative;left: 0;}.mobileEvents .calDayEvents__item:nth-child(1) {width: 100%;}.mobileEvents .calDayEvents__item {overflow: visible;display: flex;flex-direction: row;height: auto;margin: 0;}.mobileEvents .calDayEvents__item:not(:last-child) {margin-bottom: 32px;}.mobileEvents .calDayEvents__item-photo {min-width: 120px;max-width: 120px;height: 76px;}.mobileEvents .calDayEvents__item-photo img {display: block;}.mobileEvents .calDayEvents__item-content {position: relative;display: block;}.mobileEvents .calDayEvents__item:nth-child(1) .calDayEvents__item-content {padding: 0;}.mobileEvents .calDayEvents__item-desc, .mobileEvents .calDayEvents__item-date {display: block;}.mobileEvents .calDayEvents__item-content {margin-left: 12px;}.mobileEvents .calDayEvents__item-date {font-weight: 500;font-size: 12px;line-height: 117%;letter-spacing: -0.01em;color: #FA8A59;margin-bottom: 4px;}.mobileEvents .calDayEvents__item-title {font-weight: 500;font-size: 20px;line-height: 120%;letter-spacing: -0.01em;color: #000000;margin-bottom: 8px;}.mobileEvents .calDayEvents__item-desc {font-weight: 500;font-size: 16px;line-height: 125%;letter-spacing: -0.01em;color: #1A1A1A;}}@media (max-width:950px) {.projectSpeakers2__item-photo {max-width: 150px;}}@media (max-width:825px) {.projectSpeakers2__item-photo {max-width: 220px;}}@media (max-width:480px) {.projectSpeakers2__item-photo {max-width: 120px;}}@media (max-width: 1399px) {.indexSection4__item-content {margin-top: 15px;}.indexSection4__item_media-content, .indexSection4__item_media-photo img {height: 100%;}.indexSection4__item-date {margin-bottom: 8px;}.indexSection4__item-media:hover .indexSection4__item_media-photo img {width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);}.indexSection4__item:nth-child(2) .indexSection4__item-media {margin-bottom: 0;}}@media (max-width: 1000px) {.indexSection4__item-content {margin-top: 15px;}.indexSection4__item-media:hover .indexSection4__item_media-photo img {width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);}.indexSection3 .hoverMe {margin-top: 20px;}}@media (max-width: 800px) {.indexSection4__item-content {margin-top: 15px;}.indexSection4__item_media-content, .indexSection4__item_media-photo img {height: 100%;}.indexSection4__item-media:hover .indexSection4__item_media-photo img {width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);}}@media (max-width: 755px) {.indexSection3__contents-video:before {display: none;}.indexMission {padding-bottom: 30px;height: 350px;}.indexMission__logos-item:not(:last-child), .indexMission__logos-item {height: 40px;margin-right: 30px;margin-bottom: 30px;}}@media (max-width: 650px) {.indexSection4__item-content {margin-top: 15px;}.indexSection4__item:nth-child(1) .indexSection4__item-content {margin-top: 15px;}.indexSection4__item_media-content, .indexSection4__item_media-photo img {height: 100%;}.indexSection4__item-media:hover .indexSection4__item_media-photo img {width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);}.projectHero__media .indexSection3__sections {margin: 30px 0 50px;}.projectHero__media .indexSection3__sections, .projectHero__media .indexSection3__section-wrap .indexSection3__contents, .projectHero__media .indexSection3__section {height: 300px;padding: 0;}}@media (min-width:980px) {.megamenu__banner-image:before, .indexSections2__cards_item-media:before, .indexSection4__item_media-photo:before, .aboutCases__item-media:before {background: rgba(0,0,0,.1);}}@media (max-width:700px) {.hero__text:before {margin-right: 0;left: 5px;top: 20px;}}@media (max-width:650px) {.hero__text:before {margin-right: 0;left: 0px;top: 0px;}}@media (max-width:768px) {.diveinPage__insights-item__title {max-height: 45px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}}.divein__article-content p a {color: #1A1A1A;}@media (max-width: 650px) {.pageCourse__button-wrap a.hoverMe.button {min-width: 209px;max-width: 209px;height: 52px;}}.projectHero__media .container {padding: 0;}.projectHero__media .indexSection3__sections {height: 640px;}.projectHero__media .indexSection3__section-wrap .indexSection3__contents, .projectHero__media .indexSection3__section {height: 640px;}.divein__article .projectHero__media .indexSection3__sections {height: 520px;}.divein__article .projectHero__media .indexSection3__section-wrap .indexSection3__contents, .divein__article .projectHero__media .indexSection3__section {height: 520px;}@media (max-width:650px) {.projectHero__media .indexSection3__sections, .projectHero__media .indexSection3__section-wrap .indexSection3__contents, .projectHero__media .indexSection3__section {height: 300px;}}.divein__article-content .projectHero__media iframe, .projectHero__media .divein__article-content__video {margin-top: 0;height: 100%;}.projectHero__media-photo {height: 90%;}@media (max-width:480px) {.projectHero__media .indexSection3__sections, .projectHero__media .indexSection3__section-wrap .indexSection3__contents, .projectHero__media .indexSection3__section {height: 300px;}.divein__article-content .projectHero__media iframe, .projectHero__media .divein__article-content__video {height: 100%;margin-top: 0;}.projectHero__media-photo {height: 100%;}.projectHero__media .indexSection3__sections {margin-bottom: 30px;}.divein__article-content>img {height: auto;max-height: 280px;margin-bottom: 40px;}}body[data-lang="ru"] .indexSections2__cards_item-title {font-size: 40px;}a.hoverMe.button, a.hoverMe.button:before, a.hoverMe.button:after {max-width: none;}a.hoverMe.button {padding: 0 15px;display: inline-flex;}.divein__hero-content__button {width: auto;padding: 0 15px;}@media (max-width:1100px) {.divein__hero-content__button, .divein__hero-content__button:before, .divein__hero-content__button:after {font-size: 18px;}.divein__hero-content__button {height: 40px;}} /* End */ /* Start:/local/assets/css/custom.css?17364106805124*/ body.header__transparent .header:not(.fixed) { background: transparent; } body.header__transparent .header:not(.fixed) .header__logo path { fill: #fff; } body.header__transparent .header:not(.fixed) .header__menu-link { color: #fff; } body.header__transparent .header:not(.fixed) .header__menu-link:hover { background: rgba(255, 255, 255, 0.2); } body.header__transparent .header:not(.fixed) .header__menu-link>span:after { background: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99988 6L0.535776 -7.77979e-07L7.46398 -1.38366e-06L3.99988 6Z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat; } body.header__transparent .header:not(.fixed) .header__lang-current { background: #fff; color: #000; } .form-group.error input{ border-bottom: 1px solid red; } .form-group.error .error-send{ color: red; padding: 5px 0; } .has-success .error-send{ display: none!important; } .checked_error{ color:red; } .form_succes{ color:green; } @media (max-width:100000px) { main.error .cursor { color: #ffff; } } @media(max-width:1410px) { .errorSection1__media-item:nth-child(1) { top: 7% } } @media(max-width:1399px) { .errorSection1__heading { font-size: 70px; } .errorSection1__subtitle { font-size: 40px; } } @media(max-width: 1170px) { .errorSection1__media-item:nth-child(4) { left: 67%; } .errorSection1__media-item:nth-child(5) { left: 70%; } } @media(max-width:1000px) { .errorSection1__media-item:nth-child(4):before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); } .errorSection1__media-item { height: 280px; width: 220px; } .errorSection1__media-item:nth-child(1) { top: 11%; } .errorSection1__media-item:nth-child(2) { top: 13%; left: 53%; } .errorSection1__media-item:nth-child(3) { left: 60%; top: 15%; } .errorSection1__media-item:nth-child(4) { height: 230px; left: 70%; } .errorSection1__media-item:nth-child(5) { height: 220px; left: 74%; } .errorSection1__more { margin-top: 60px; } .errorSection1__heading { font-size: 60px; } } @media(max-width: 900px) { .errorSection1__subtitle { font-size: 30px; } } @media(max-width:870px) { .errorSection1__media-item { height: 220px; width: 180px; } .errorSection1__media-item:nth-child(1) { top: 18%; } .errorSection1__media-item:nth-child(2) { top: 20%; left: 53%; } .errorSection1__media-item:nth-child(3) { left: 58%; top: 22%; } .errorSection1__media-item:nth-child(4) { height: 200px; left: 65%; top: 22%; } .errorSection1__media-item:nth-child(5) { height: 210px; left: 69%; top: 34%; } .errorSection1__media-item:nth-child(5) img { object-position: top; } .errorSection1__more { margin-top: 60px; } .errorSection1__heading { font-size: 60px; } } @media(max-width:700px) { .errorSection1__media { display: none; } } @media(max-width:680px) { body.header__transparent .header:not(.fixed) .header__menu-link { color: #1A1A1A; } } @media (max-width:650px) { .errorSection1__subtitle { margin-left: -50px; } .errorSection1__more a { margin-top: 5px; } .errorSection1__text { z-index: 0; } } @media (max-width:650px) { .errorSection1__subtitle { font-size: 20px; } .errorSection1__heading { font-size: 40px; } .errorSection1__more { margin-top: 240px; font-size: 16px; } } html .fancybox-toolbar *, html .fancybox-toolbar a { cursor: pointer !important; } .divein__article .sp-image { height: auto; padding: 0; } @media (max-width:500px) { .hero__media { height: auto; } .hero__media-iframe { display: block; } .hero__media-iframe, .hero__media-iframe img { position: relative; } .hero__media-photo-desktop { display: none; } .hero__media-photo-mobile { display: block; } } @media (max-width:1399px) { .hero__media { height: auto; } .hero__media-iframe { position: relative; } .hero__media .hero__media-iframe img { height: auto; position: relative; } .hero__media-content { height: auto; justify-content: flex-end; } } .indexMission__logos-item a { height: 100%; transition: .3s all; } .indexMission__logos-item a:hover { opacity: 0.7; } .login__popup-user__error { display: none; color: red; } /* End */ /* Start:/local/assets/css/swiper.css?167025633013679*/ /** * Swiper 6.3.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 9, 2020 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/local/assets/css/slick.min.css?17349403171369*/ .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:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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:after,.slick-track:before{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} /*# sourceMappingURL=slick.min.css.map */ /* End */ /* Start:/local/assets/css/intltelinput.css?168786796519432*/ .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,.iti--separate-dial-code .iti__selected-flag,.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown .iti__flag-container:hover,.iti--container:hover{cursor:pointer}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}[dir=rtl] .iti__arrow{margin-right:6px;margin-left:0}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{display:flex;align-items:center;padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country-name,.iti__flag-box{margin-right:6px}[dir=rtl] .iti__country-name,[dir=rtl] .iti__flag-box{margin-right:0;margin-left:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}[dir=rtl] .iti--allow-dropdown input,[dir=rtl] .iti--allow-dropdown input[type=tel],[dir=rtl] .iti--allow-dropdown input[type=text],[dir=rtl] .iti--separate-dial-code input,[dir=rtl] .iti--separate-dial-code input[type=tel],[dir=rtl] .iti--separate-dial-code input[type=text]{padding-right:52px;padding-left:6px;margin-right:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--separate-dial-code .iti__flag-container{right:0;left:auto}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag,.iti__flag.iti__np{background-color:transparent}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px;line-height:1.5em}.iti__flag{width:20px;height:15px;box-shadow:0 0 1px 0 #888;background-image:url("/local/assets/css/../img/flags.png");background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}.iti__flag.iti__be,.iti__flag.iti__ne{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{width:13px;height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{width:15px;height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px;background-image:url("/local/assets/css/../img/flags@2x.png")}} /* End */ /* Start:/local/assets/css/air.css?168786717112257*/ .datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none} /* End */ /* /local/assets/css/jquery.fancybox.min.css?173494054712795 */ /* /local/assets/css/simplebar.css?17349405854236 */ /* /local/assets/css/main.css?1748939083751251 */ /* /local/assets/css/media.min.css?1745936907106616 */ /* /local/assets/css/custom.css?17364106805124 */ /* /local/assets/css/swiper.css?167025633013679 */ /* /local/assets/css/slick.min.css?17349403171369 */ /* /local/assets/css/intltelinput.css?168786796519432 */ /* /local/assets/css/air.css?168786717112257 */