.vacancy-column-description { margin-top: 160px; display: flex; flex-direction: column; } .vacancy-column-description-title { padding-left: 20%; max-width: 1380px; padding-bottom: 55px; } @media screen and (max-width: 769px) { .vacancy-column-description-title { padding-left: 50px; } } @media screen and (max-width: 420px) { .vacancy-column-description-title { padding-left: 10px; } } @media screen and (max-width: 769px) { .vacancy-column-description-title-full { padding-left: 5%; } } @media screen and (max-width: 420px) { .vacancy-column-description-title-full { padding-left: 15px; } } .vacancy-column-description-content { display: flex; max-width: 1200px; align-self: flex-end; padding-right: 15%; padding-left: 50px; } @media screen and (max-width: 1024px) { .vacancy-column-description-content { padding-right: unset; align-self: unset; } } @media screen and (max-width: 700px) { .vacancy-column-description-content { flex-direction: column; padding-left: 15px; } } .vacancy-column-description-content-full { align-self: flex-start; margin-left: 20%; padding-left: 98px; max-width: 100%; flex-direction: column; } @media screen and (max-width: 769px) { .vacancy-column-description-content-full { margin-left: 0px; padding-left: 40px; } } @media screen and (max-width: 420px) { .vacancy-column-description-content-full { padding-left: 15px; } } .vacancy-column-description-content-full__column-0, .vacancy-column-description-content-full__column-0.vacancy-column-description-content-full__column-default { margin-top: 0; } .vacancy-column-description-content-full__column-0 p, .vacancy-column-description-content-full__column-0.vacancy-column-description-content-full__column-default p { font-size: 18px; line-height: 130%; font-weight: 800; padding-bottom: 25px; } .vacancy-column-description-content-full__column-0 div, .vacancy-column-description-content-full__column-0.vacancy-column-description-content-full__column-default div { font-size: 14px; line-height: 150%; padding-left: 15px; width: 400px; padding-bottom: 15px; } .vacancy-column-description-content-full__column-0 div:last-of-type, .vacancy-column-description-content-full__column-0.vacancy-column-description-content-full__column-default div:last-of-type { padding-bottom: 0px; } .vacancy-column-description-content-full__column-0 div, .vacancy-column-description-content-full__column-0.vacancy-column-description-content-full__column-default div { width: 90%; font-size: 16px; line-height: 170%; } .vacancy-column-description-content-full__column-1, .vacancy-column-description-content-full__column-default { margin-top: 56px; } .vacancy-column-description-content-full__column-1 p, .vacancy-column-description-content-full__column-default p { font-size: 18px; line-height: 130%; font-weight: 800; padding-bottom: 25px; } .vacancy-column-description-content-full__column-1 div, .vacancy-column-description-content-full__column-default div { font-size: 14px; line-height: 150%; padding-left: 15px; width: 400px; padding-bottom: 15px; } .vacancy-column-description-content-full__column-1 div:last-of-type, .vacancy-column-description-content-full__column-default div:last-of-type { padding-bottom: 0px; } .vacancy-column-description-content-full__column-1 div, .vacancy-column-description-content-full__column-default div { width: 90%; font-size: 14px; line-height: 170%; } .vacancy-column-description-content-list ul { list-style: none; } .vacancy-column-description-content-list ul li { line-height: 170%; margin-bottom: 20px; } .vacancy-column-description-content-list ul li::before { content: "\2022"; color: #55c5ff; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; height: 4px; } .vacancy-column-description-content-list ul:last-of-type li:last-of-type { margin-bottom: 0px; } .vacancy-column-description-content__column-0 p { font-size: 18px; line-height: 130%; font-weight: 800; padding-bottom: 25px; } .vacancy-column-description-content__column-0 div { font-size: 14px; line-height: 150%; padding-left: 15px; width: 400px; padding-bottom: 15px; } .vacancy-column-description-content__column-0 div:last-of-type { padding-bottom: 0px; } @media screen and (max-width: 1024px) { .vacancy-column-description-content__column-0 { flex-basis: 50%; } } .vacancy-column-description-content__column-1 p { font-size: 18px; line-height: 130%; font-weight: 800; padding-bottom: 25px; } .vacancy-column-description-content__column-1 div { font-size: 14px; line-height: 150%; padding-left: 15px; width: 400px; padding-bottom: 15px; } .vacancy-column-description-content__column-1 div:last-of-type { padding-bottom: 0px; } @media screen and (max-width: 700px) { .vacancy-column-description-content__column-1 { padding-top: 55px; } } @charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main, section { margin: 0; padding: 0; border: 0; vertical-align: baseline; box-sizing: border-box; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } button { font: inherit; box-shadow: none; border: none; cursor: pointer; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; } a:hover { text-decoration: unset; } span.bluedot-text, span.no-dot-text, img, p.form__title, input.form__input, div.single-column-description-content-text, div.double-small-dot, p.double-text, div.double-column-description-content > div > p, div.double-column-description-content > div > div, .triple-column-description-content > div > p, .triple-column-description-content > div > div, .SectionTitle-Heading { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @font-face { font-family: "Montserrat"; src: local("Montserrat-Light"), url("/fonts/Montserrat-Light.ttf") format("opentype"); font-weight: 300; font-style: normal; font-display: block; } @font-face { font-family: "Montserrat"; src: local("Montserrat-ExtraBold"), url("/fonts/Montserrat-ExtraBold.ttf") format("opentype"); font-weight: 800; font-style: normal; font-display: block; } .video-react .video-react-big-play-button:before, .video-react .video-react-control:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-react .video-react-big-play-button:before, .video-react .video-react-control:before { text-align: center; } @font-face { font-family: "video-react"; src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("eot"); } @font-face { font-family: "video-react"; src: url(data:application/font-woff;base64,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) format("woff"), url(data:application/x-font-ttf;base64,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) format("truetype"); font-weight: normal; font-style: normal; } .video-react-icon, .video-react .video-react-play-progress, .video-react .video-react-play-control, .video-react .video-react-mute-control, .video-react .video-react-volume-menu-button, .video-react .video-react-volume-level, .video-react .video-react-bezel .video-react-bezel-icon, .video-react .video-react-closed-caption { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'video-react' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .video-react-icon-play-arrow:before, .video-react .video-react-play-control:before, .video-react .video-react-bezel .video-react-bezel-icon-play:before { content: "\F200"; } .video-react-icon-play-circle-filled:before { content: "\F201"; } .video-react-icon-play-circle-outline:before { content: "\F202"; } .video-react-icon-pause:before, .video-react .video-react-play-control.video-react-playing:before, .video-react .video-react-bezel .video-react-bezel-icon-pause:before { content: "\F203"; } .video-react-icon-pause-circle-filled:before { content: "\F204"; } .video-react-icon-pause-circle-outline:before { content: "\F205"; } .video-react-icon-stop:before { content: "\F206"; } .video-react-icon-fast-rewind:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-rewind:before { content: "\F207"; } .video-react-icon-fast-forward:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-forward:before { content: "\F208"; } .video-react-icon-skip-previous:before { content: "\F209"; } .video-react-icon-skip-next:before { content: "\F20A"; } .video-react-icon-replay-5:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-5:before { content: "\F20B"; } .video-react-icon-replay-10:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-10:before { content: "\F20C"; } .video-react-icon-replay-30:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-30:before { content: "\F20D"; } .video-react-icon-forward-5:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-5:before { content: "\F20E"; } .video-react-icon-forward-10:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-10:before { content: "\F20F"; } .video-react-icon-forward-30:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-30:before { content: "\F210"; } .video-react-icon-volume-off:before, .video-react .video-react-mute-control.video-react-vol-muted:before, .video-react .video-react-volume-menu-button.video-react-vol-muted:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-off:before { content: "\F211"; } .video-react-icon-volume-mute:before, .video-react .video-react-mute-control.video-react-vol-0:before, .video-react .video-react-volume-menu-button.video-react-vol-0:before { content: "\F212"; } .video-react-icon-volume-down:before, .video-react .video-react-mute-control.video-react-vol-1:before, .video-react .video-react-volume-menu-button.video-react-vol-1:before, .video-react .video-react-mute-control.video-react-vol-2:before, .video-react .video-react-volume-menu-button.video-react-vol-2:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-down:before { content: "\F213"; } .video-react-icon-volume-up:before, .video-react .video-react-mute-control:before, .video-react .video-react-volume-menu-button:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-up:before { content: "\F214"; } .video-react-icon-fullscreen:before { content: "\F215"; } .video-react-icon-fullscreen-exit:before { content: "\F216"; } .video-react-icon-closed-caption:before, .video-react .video-react-closed-caption:before { content: "\F217"; } .video-react-icon-hd:before { content: "\F218"; } .video-react-icon-settings:before { content: "\F219"; } .video-react-icon-share:before { content: "\F21A"; } .video-react-icon-info:before { content: "\F21B"; } .video-react-icon-info-outline:before { content: "\F21C"; } .video-react-icon-close:before { content: "\F21D"; } .video-react-icon-circle:before, .video-react .video-react-play-progress:before, .video-react .video-react-volume-level:before { content: "\F21E"; } .video-react-icon-circle-outline:before { content: "\F21F"; } .video-react-icon-circle-inner-circle:before { content: "\F220"; } .video-react { display: block; vertical-align: top; box-sizing: border-box; color: #55c5ff; background-color: #55c5ff !important; position: relative; font-size: 10px; line-height: 1; font-family: serif, Times, "Times New Roman"; border-radius: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .video-react:-moz-full-screen { position: absolute; } .video-react:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-react *, .video-react *:before, .video-react *:after { box-sizing: inherit; } .video-react ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-react.video-react-fluid, .video-react.video-react-16-9, .video-react.video-react-4-3 { width: 100%; max-width: 100%; height: 0; } .video-react.video-react-16-9 { padding-top: 56.25%; } .video-react.video-react-4-3 { padding-top: 75%; } .video-react.video-react-fill { width: 100%; height: 100%; } .video-react .video-react-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 40px; outline: none; } .video-react.video-react-fullscreen { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-react.video-react-fullscreen.video-react-user-inactive { cursor: none; } body.video-react-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto; } body.video-react-full-window .video-react-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-react button { background: none; border: none; color: inherit; display: inline-block; cursor: pointer; overflow: visible; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .video-react .video-react-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(85, 197, 255, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; } .video-react .video-react-loading-spinner:before, .video-react .video-react-loading-spinner:after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; -webkit-animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite; animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite; } .video-react-seeking .video-react-loading-spinner, .video-react-waiting .video-react-loading-spinner { display: block; } .video-react-seeking .video-react-loading-spinner:before, .video-react-waiting .video-react-loading-spinner:before { border-top-color: white; } .video-react-seeking .video-react-loading-spinner:after, .video-react-waiting .video-react-loading-spinner:after { border-top-color: white; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } @keyframes video-react-spinner-spin { 100% { transform: rotate(360deg); } } @-webkit-keyframes video-react-spinner-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes video-react-spinner-fade { 0% { border-top-color: #55c5ff; } 20% { border-top-color: #55c5ff; } 35% { border-top-color: white; } 60% { border-top-color: #55c5ff; } 100% { border-top-color: #55c5ff; } } @-webkit-keyframes video-react-spinner-fade { 0% { border-top-color: #55c5ff; } 20% { border-top-color: #55c5ff; } 35% { border-top-color: white; } 60% { border-top-color: #55c5ff; } 100% { border-top-color: #55c5ff; } } .video-react .video-react-big-play-button { font-size: 3em; line-height: 1.5em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; background-color: #55c5ff; width: 100px; height: 100px; border-radius: 50px; } .video-react .video-react-big-play-button:before { content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid white; margin-left: 45px; margin-top: 37px; } .video-react .video-react-big-play-button.video-react-big-play-button-center { top: 50%; left: 50%; margin-top: -1.75em; margin-left: -1.5em; } .video-react .video-react-big-play-button.video-react-big-play-button-left { display: none; } .video-react .video-react-big-play-button.big-play-button-hide { display: none; } .video-react:hover .video-react-big-play-button, .video-react .video-react-big-play-button:focus { outline: 0; } .video-react-menu-button { cursor: pointer; } .video-react-menu-button.video-react-disabled { cursor: default; } .video-react-menu .video-react-menu-content { display: block; padding: 0; margin: 0; overflow: auto; font-family: serif, Times, "Times New Roman"; } .video-react-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; } .video-react-menu li:focus, .video-react-menu li:hover { outline: 0; background-color: #55c5ff; background-color: #55c5ff; } .video-react-menu li.video-react-selected, .video-react-menu li.video-react-selected:focus, .video-react-menu li.video-react-selected:hover { background-color: #55c5ff; color: #55c5ff; } .video-react-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .video-react-scrubbing .vjs-menu-button:hover .video-react-menu { display: none; } .video-react .video-react-menu-button-popup .video-react-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(85, 197, 255, 0.7); } .video-react .video-react-menu-button-popup .video-react-menu .video-react-menu-content { background-color: #55c5ff; background-color: rgba(85, 197, 255, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .video-react-menu-button-popup .video-react-menu.video-react-lock-showing { display: block; } .video-react .video-react-menu-button-inline { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; overflow: hidden; } .video-react .video-react-menu-button-inline:before { width: 2.222222222em; } .video-react .video-react-menu-button-inline:hover, .video-react .video-react-menu-button-inline:focus, .video-react .video-react-menu-button-inline.video-react-slider-active { width: 12em; } .video-react .video-react-menu-button-inline:hover .video-react-menu, .video-react .video-react-menu-button-inline:focus .video-react-menu, .video-react .video-react-menu-button-inline.video-react-slider-active .video-react-menu { display: block; opacity: 1; } .video-react .video-react-menu-button-inline.video-react-slider-active { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .video-react .video-react-menu-button-inline .video-react-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .video-react .video-react-menu-button-inline .video-react-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-react-no-flex .video-react-menu-button-inline .video-react-menu { display: block; opacity: 1; position: relative; width: auto; } .video-react-no-flex .video-react-menu-button-inline:hover, .video-react-no-flex .video-react-menu-button-inline:focus, .video-react-no-flex .video-react-menu-button-inline.video-react-slider-active { width: auto; } .video-react .video-react-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000000; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; border-radius: 40px; outline: none; } .video-react .video-react-poster img { display: block; vertical-align: middle; margin: 0 auto; max-height: 100%; padding: 0; width: 100%; } .video-react .video-react-slider { outline: 0; position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; background-color: #55c5ff; background-color: #55c5ff; } .video-react .video-react-slider:focus { -webkit-box-shadow: 0 0 1em #55c5ff; -moz-box-shadow: 0 0 1em #55c5ff; box-shadow: 0 0 1em #55c5ff; } .video-react .video-react-control { outline: none; position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-react .video-react-control:before { font-size: 1.8em; line-height: 1.67; } .video-react .video-react-control:focus:before, .video-react .video-react-control:hover:before, .video-react .video-react-control:focus { text-shadow: 0em 0em 1em #55c5ff, 0em 0em 0.5em #55c5ff; } .video-react .video-react-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .video-react-no-flex .video-react-control { display: table-cell; vertical-align: middle; } .video-react .video-react-control-bar { display: none; border-bottom-right-radius: 40px; width: 100%; border-bottom-left-radius: 40px; position: absolute; bottom: 0; left: 0; right: 0; height: 3.0em; background-color: #55c5ff; background-color: rgba(85, 197, 255, 0.7); } .video-react-has-started .video-react-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s; -moz-transition: visibility 0.1s, opacity 0.1s; -o-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; } .video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide { visibility: visible; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .video-react-controls-disabled .video-react-control-bar, .video-react-using-native-controls .video-react-control-bar, .video-react-error .video-react-control-bar { display: none !important; } .video-react-audio.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar { opacity: 1; visibility: visible; } .video-react-has-started.video-react-no-flex .video-react-control-bar { display: table; } .video-react .video-react-progress-control { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 4em; } .video-react-live .video-react-progress-control { display: none; } .video-react .video-react-progress-holder { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; height: 0.3em; } .video-react .video-react-progress-control:hover .video-react-progress-holder { font-size: 1.666666666666666666em; } /* If we let the font size grow as much as everything else, the current time tooltip ends up ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled to avoid a weird hitch when you roll off the hover. */ .video-react .video-react-progress-control:hover .video-react-time-tooltip, .video-react .video-react-progress-control:hover .video-react-mouse-display:after, .video-react .video-react-progress-control:hover .video-react-play-progress:after { visibility: visible; font-size: 0.6em; } .video-react .video-react-progress-holder .video-react-play-progress, .video-react .video-react-progress-holder .video-react-load-progress, .video-react .video-react-progress-holder .video-react-tooltip-progress-bar, .video-react .video-react-progress-holder .video-react-load-progress div { position: absolute; display: block; height: 0.3em; margin: 0; padding: 0; width: 0; left: 0; top: 0; } .video-react .video-react-play-progress { background-color: #55c5ff; } .video-react .video-react-play-progress:before { position: absolute; top: -0.333333333333333em; right: -0.5em; font-size: 0.9em; } .video-react .video-react-time-tooltip, .video-react .video-react-mouse-display:after, .video-react .video-react-play-progress:after { visibility: hidden; pointer-events: none; position: absolute; top: -3.4em; right: -1.9em; font-size: 0.9em; color: #000; content: attr(data-current-time); padding: 6px 8px 8px 8px; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; } .video-react .video-react-time-tooltip, .video-react .video-react-play-progress:before, .video-react .video-react-play-progress:after { z-index: 1; } .video-react .video-react-progress-control .video-react-keep-tooltips-inside:after { display: none; } .video-react .video-react-load-progress { background: #d5f1ff; background: #55c5ff; } .video-react .video-react-load-progress div { background: white; background: rgba(85, 197, 255, 0.75); } .video-react.video-react-no-flex .video-react-progress-control { width: auto; } .video-react .video-react-time-tooltip { display: inline-block; height: 2.4em; position: relative; float: right; right: -1.9em; } .video-react .video-react-tooltip-progress-bar { visibility: hidden; } .video-react .video-react-progress-control .video-react-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .video-react-no-flex .video-react-progress-control .video-react-mouse-display { z-index: 0; } .video-react .video-react-progress-control:hover .video-react-mouse-display { display: block; } .video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display, .video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display:after { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display, .video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display:after { display: none; } .video-react .video-react-mouse-display .video-react-time-tooltip, .video-react .video-react-progress-control .video-react-mouse-display:after { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-react .video-react-play-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-react .video-react-fullscreen-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-react.video-react-fullscreen { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 9999; } .video-react .video-react-time-control { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .video-react .video-react-time-divider { line-height: 3em; min-width: initial; padding: 0; } .video-react .video-react-mute-control, .video-react .video-react-volume-menu-button { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-react .video-react-volume-control { width: 5em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .video-react .video-react-volume-bar { margin: 1.35em 0.45em; } .video-react .video-react-volume-bar.video-react-slider-horizontal { width: 5em; height: 0.3em; } .video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level { width: 100%; } .video-react .video-react-volume-bar.video-react-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level { height: 100%; } .video-react .video-react-volume-level { position: absolute; bottom: 0; left: 0; background-color: #55c5ff; } .video-react .video-react-volume-level:before { position: absolute; font-size: 0.9em; } .video-react .video-react-slider-vertical .video-react-volume-level { width: 0.3em; } .video-react .video-react-slider-vertical .video-react-volume-level:before { top: -0.5em; left: -0.3em; } .video-react .video-react-slider-horizontal .video-react-volume-level { height: 0.3em; } .video-react .video-react-slider-horizontal .video-react-volume-level:before { top: -0.3em; right: -0.5em; } .video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu { display: block; width: 0; height: 0; border-top-color: transparent; } .video-react .video-react-menu-button-popup.video-react-volume-menu-button-vertical .video-react-menu { left: 0.5em; height: 8em; } .video-react .video-react-menu-button-popup.video-react-volume-menu-button-horizontal .video-react-menu { left: -2em; } .video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu-content { height: 0; width: 0; overflow-x: hidden; overflow-y: hidden; } .video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content, .video-react .video-react-volume-menu-button-vertical:focus .video-react-menu-content, .video-react .video-react-volume-menu-button-vertical.video-react-slider-active .video-react-menu-content, .video-react .video-react-volume-menu-button-vertical .video-react-lock-showing .video-react-menu-content { height: 8em; width: 2.9em; } .video-react .video-react-volume-menu-button-horizontal:hover .video-react-menu-content, .video-react .video-react-volume-menu-button-horizontal:focus .video-react-menu-content, .video-react .video-react-volume-menu-button-horizontal .video-react-slider-active .video-react-menu-content, .video-react .video-react-volume-menu-button-horizontal .video-react-lock-showing .video-react-menu-content { height: 2.9em; width: 8em; } .video-react .video-react-volume-menu-button.video-react-menu-button-inline .video-react-menu-content { background-color: transparent !important; } .video-react .video-react-playback-rate .video-react-playback-rate-value { line-height: 3em; text-align: center; } .video-react .video-react-playback-rate .video-react-menu { width: 4em; left: 0em; } .video-react .video-react-bezel { position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; z-index: 17; margin-left: -26px; margin-top: -26px; background: rgba(0, 0, 0, 0.5); border-radius: 26px; } .video-react .video-react-bezel.video-react-bezel-animation { -moz-animation: video-react-bezel-fadeout .5s linear 1 normal forwards; -webkit-animation: video-react-bezel-fadeout .5s linear 1 normal forwards; animation: video-react-bezel-fadeout .5s linear 1 normal forwards; pointer-events: none; } .video-react .video-react-bezel.video-react-bezel-animation-alt { -moz-animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards; -webkit-animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards; animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards; pointer-events: none; } .video-react .video-react-bezel .video-react-bezel-icon { width: 36px; height: 36px; margin: 8px; font-size: 26px; line-height: 36px; text-align: center; } @keyframes video-react-bezel-fadeout { 0% { opacity: 1; } to { opacity: 0; transform: scale(2); } } @keyframes video-react-bezel-fadeout-alt { 0% { opacity: 1; } to { opacity: 0; transform: scale(2); } } .video-react .video-react-closed-caption { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-react video::-webkit-media-text-track-container { -webkit-transform: translateY(-30px); transform: translateY(-30px); } html { font-family: "Montserrat", sans-serif; min-height: 100vh; font-size: 13px; } input, textarea { font-family: "Montserrat", sans-serif; font-size: 15px; } @media screen and (max-width: 420px) { input, textarea { font-size: 15px; } } input { width: 100%; } a { color: #0049ff; } a:hover { color: #55c5ff; } a:focus { color: #55c5ff; } .bg-color-default { background-color: #fff !important; transition: background-color 1000ms linear; overflow-x: hidden; } .bg-color-stripe { background-color: #edfaff !important; transition: background-color 1000ms linear; overflow-x: hidden; } .big-dot { position: absolute; width: 700px; height: 700px; border-radius: 50%; background-color: #edfaff; transform: translate(-50%, 20%); top: 0; left: 50%; } @media screen and (max-width: 769px) { .big-dot { width: 500px; height: 500px; transform: translate(-50%, 45%); } } @media screen and (max-width: 525px) { .big-dot { width: 400px; height: 400px; } } @media screen and (max-width: 420px) { .big-dot { width: 350px; height: 350px; } } @media screen and (max-width: 370px) { .big-dot { width: 320px; height: 320px; } } @media screen and (max-width: 350px) { .big-dot { width: 300px; height: 300px; } } .big-dot2 { position: absolute; width: 700px; height: 700px; border-radius: 50%; background-color: #edfaff; top: 0; left: 50%; opacity: 0; } @media screen and (max-width: 769px) { .big-dot2 { width: 500px; height: 500px; top: 20px; } } @media screen and (max-width: 520px) { .big-dot2 { width: 400px; height: 400px; } } @media screen and (max-width: 435px) { .big-dot2 { width: 540px; height: 540px; overflow: hidden; } } @media screen and (max-width: 420px) { .big-dot2 { top: 0; } } .zoom2 { animation: fadeInBall 1s ease; animation-fill-mode: forwards; } .zoom1 { animation: fadeOutBall 3s ease; } @keyframes fadeInBall { 0% { transform: translate(-50%, -55%); opacity: 0.5; } 100% { transform: translate(-50%, -10%); opacity: 1; } } @keyframes fadeOutBall { 0% { transform: translate(-50%, 20%); } 50% { transform: translate(-50%, 60%); opacity: 0; } 100% { transform: translate(-50%, 60%); opacity: 0; } } .tags-cloud { display: flex; flex-wrap: wrap; /* @media screen and (max-width: 1440px) { max-width: 70% !important; }*/ } @media screen and (max-width: 850px) { .tags-cloud { justify-content: flex-start; } } .tags-cloud-tag { padding-right: 16px; padding-top: 16px; } .tags-cloud-tag p { text-align: start; } .tag-info { padding-top: 70px; font-weight: 300; font-size: 14px; line-height: 190%; max-width: 70%; } @media screen and (max-width: 850px) { .tag-info { max-width: unset; padding-right: 15px; padding-top: 40px; } } .tags-section { height: auto; background-color: inherit; margin-top: 160px; } @media screen and (max-width: 1024px) { .tags-section { margin-top: 120px; } } @media screen and (max-width: 420px) { .tags-section { margin-top: 80px; } } .tags-section-title { padding-left: 20%; padding-top: 40px; } @media screen and (max-width: 769px) { .tags-section-title { padding-left: 50px; } } @media screen and (max-width: 420px) { .tags-section-title { padding-left: 10px; } } .tags-section-container { display: flex; flex-direction: row; position: relative; } @media screen and (max-width: 900px) { .tags-section-container { flex-direction: column-reverse; } } .tags-section-container__left { height: 350px; margin-top: 80px; flex-basis: 50%; } @media screen and (max-width: 900px) { .tags-section-container__left { flex-basis: unset; background-position: 50% 0 !important; } } @media screen and (max-width: 850px) { .tags-section-container__left { margin: 70px 15px 0; } } @media screen and (max-width: 420px) { .tags-section-container__left { height: 250px; } } .tags-section-container__right { flex-basis: 60%; display: flex; flex-direction: column; padding-top: 60px; max-width: 40%; } @media screen and (max-width: 1500px) { .tags-section-container__right { max-width: 70%; align-self: flex-start; padding-left: 30px; } } @media screen and (max-width: 769px) { .tags-section-container__right { padding-top: 40px; } } @media screen and (max-width: 700px) { .tags-section-container__right { max-width: 100%; } } .tags-section-container__right-dots { position: absolute; top: 90%; right: 20%; } @media screen and (max-width: 1500px) { .tags-section-container__right-dots { top: 100%; right: 10%; } } @media screen and (max-width: 950px) { .tags-section-container__right-dots { right: 12%; } } @media screen and (max-width: 850px) { .tags-section-container__right-dots { display: none; } } .double-big-dot { width: 56px; height: 56px; position: relative; background-color: #ddf3ff; border-radius: 30px; } .double-big-dot p { font-weight: 800; font-size: 14px; line-height: 130%; position: absolute; top: 20px; left: 30px; width: 120px; color: #002394; } .double-small-dot { color: #55c5ff; font-size: 150px; top: -110px; left: -7px; position: absolute; } .single-column-description { margin-top: 200px; } @media screen and (max-width: 1024px) { .single-column-description { margin: 160px 0 60px; } } @media screen and (max-width: 420px) { .single-column-description { margin-top: 110px; } } .single-column-description-title { padding-left: 20%; max-width: 1380px; padding-bottom: 60px; } @media screen and (max-width: 769px) { .single-column-description-title { padding-left: 50px; padding-bottom: 50px; } } @media screen and (max-width: 420px) { .single-column-description-title { padding-left: 10px; } } .single-column-description-content { display: flex; align-items: center; flex-direction: column; position: relative; } @media screen and (max-width: 769px) { .single-column-description-content-text { margin: 0 15px 0 30px; } } .single-column-description-content-text p:last-child { padding-top: 20px; display: flex; position: relative; } .single-column-description-content-text p:last-child div { padding-left: 30%; } .single-column-description-content-text p { font-size: 14px; line-height: 190%; max-width: 500px; } .single-column-description-content-dot { position: absolute; top: 170px; right: 20%; } @media screen and (max-width: 1024px) { .single-column-description-content-dot { right: 13%; } } @media screen and (max-width: 910px) { .single-column-description-content-dot { display: none; } } .project-big-header { display: flex; flex-direction: column; /* padding: 48px 0; */ height: 100vh; /* @media screen and (max-width: 768px) { padding: 84px 0; } @media screen and (max-width: 374px) { padding: 104px 0; } */ } @media screen and (max-width: 1024px) { .project-big-header { height: auto; } } .project-big-header__title { padding-left: 20%; margin-top: 170px; display: flex; flex-direction: column; padding-right: 15%; } @media screen and (max-width: 1024px) { .project-big-header__title { padding-right: 10%; margin-top: 120px; padding-bottom: 200px; } } @media screen and (max-width: 769px) { .project-big-header__title { padding-left: 50px; padding-right: 5%; margin-top: 80px; padding-bottom: 140px; } } @media screen and (max-width: 420px) { .project-big-header__title { padding-left: 15px; } } .project-big-header__title-text { padding-bottom: 80px; } @media screen and (max-width: 1024px) { .project-big-header__title-text { padding-bottom: 50px; } } .project-big-header__title-grey { align-self: flex-end; font-weight: 300; font-size: 14px; line-height: 190%; color: #101010; max-width: 80%; padding-right: 35%; } @media screen and (max-width: 1280px) { .project-big-header__title-grey { padding-right: 20%; } } @media screen and (max-width: 1120px) { .project-big-header__title-grey { padding-left: 40px; max-width: 90%; } } @media screen and (max-width: 769px) { .project-big-header__title-grey { max-width: 100%; } } @media screen and (max-width: 420px) { .project-big-header__title-grey { padding-left: 25px; } } .project-big-header__title-grey-text { padding-bottom: 15px; } .project-facts { overflow: hidden; margin: 0 105px; padding-top: 156px; } @media screen and (max-width: 1024px) { .project-facts { margin: 0 47px; padding-top: 90px; } } @media screen and (max-width: 769px) { .project-facts { padding-top: 20px; margin: 0 39px -40px; display: flex; flex-direction: column; align-items: center; } } @media screen and (max-width: 620px) { .project-facts { align-items: flex-start; } } @media screen and (max-width: 420px) { .project-facts { margin: 0 15px; padding-top: 87px; } } .project-facts-block { width: 33.3333%; float: left; padding-right: 40px; } @media screen and (max-width: 1024px) { .project-facts-block { width: 40%; padding-right: 0px; margin-right: 10%; } } @media screen and (max-width: 769px) { .project-facts-block { width: 60%; } } @media screen and (max-width: 620px) { .project-facts-block { width: 100%; } } @media screen and (max-width: 375px) { .project-facts-block { width: 100%; float: none; } } .project-facts-block:first-of-type { margin-top: 80px; } @media screen and (max-width: 1024px) { .project-facts-block:first-of-type { margin-top: 30px; } } @media screen and (max-width: 769px) { .project-facts-block:first-of-type { padding-right: 40px; } } @media screen and (max-width: 375px) { .project-facts-block:first-of-type { margin-top: 0px; } } .project-facts-block:last-of-type { padding-right: 0px; margin-top: 80px; margin-bottom: 0px; } @media screen and (max-width: 1024px) { .project-facts-block:last-of-type { margin-top: 80px; float: none; } } @media screen and (max-width: 769px) { .project-facts-block:last-of-type { margin-top: 0px; } } .project-facts-days { color: #002394; font-size: 84px; font-weight: 800; width: 75%; text-align: right; } @media screen and (max-width: 1024px) { .project-facts-days { width: 100%; } } @media screen and (max-width: 769px) { .project-facts-days { text-align: center; } } .project-facts-days p { font-size: 17px; } .project-facts__client { float: right; width: 75%; } .project-facts__client-content { width: 180px; text-align: left; } .project-facts__client-title { font-size: 18px; font-weight: 800; color: #002394; margin-bottom: 16px; } .project-facts__client-descr { padding-left: 32px; font-size: 12px; line-height: 170%; } .second-days { padding-right: 20%; } @media screen and (max-width: 500px) { .second-days { padding-right: unset; } } .facts-technology { max-width: 330px; width: 100%; } @media screen and (max-width: 769px) { .facts-technology { max-width: 400px; } } @media screen and (max-width: 620px) { .facts-technology { max-width: 90%; } } @media screen and (max-width: 420px) { .facts-technology { max-width: 100%; } } .facts-technology-title { width: 25%; margin-top: 77px; font-weight: 800; float: left; } @media screen and (max-width: 769px) { .facts-technology-title { padding-bottom: 50px; } } @media screen and (max-width: 375px) { .facts-technology-title { float: none; width: 100%; margin-bottom: 24px; } } .facts-technology__icons { width: 75%; float: left; display: flex; justify-content: space-between; flex-direction: row; } .facts-technology__icons img { padding-bottom: 8px; } @media screen and (max-width: 769px) { .facts-technology__icons { float: none; width: 100%; } } .facts-technology__icons-group { padding: 71px 10px 0; } .facts-technology__icons-group:first-of-type { padding-top: 0px; } .facts-technology__icons-group:last-of-type { padding-top: 23px; } .facts-technology__icon { margin-bottom: 64px; text-align: center; } @media screen and (max-width: 1024px) { .facts-technology__icon { margin-bottom: 90px; } } @media screen and (max-width: 769px) { .facts-technology__icon { margin-bottom: 64px; } } .facts-technology__icon:last-of-type { margin-bottom: 0px; } .facts-block { width: 100%; } @media screen and (max-width: 1024px) { .facts-block { padding-top: 50px; } } .facts-block-title { font-weight: 800; margin-bottom: 24px; } .project-image { display: flex; flex-direction: row; padding: 0 105px; padding-top: 156px; } @media screen and (max-width: 1024px) { .project-image { padding-left: 47px; padding-right: 47px; } } @media screen and (max-width: 769px) { .project-image { padding-left: 39px; padding-right: 39px; } } @media screen and (max-width: 420px) { .project-image { flex-direction: column; padding-left: 15px; padding-right: 15px; padding-top: 76px; } } @media screen and (max-width: 375px) { .project-image { padding-top: 46px; } } .project-image div { min-height: 660px; background-position: center center; background-size: contain; background-repeat: no-repeat; margin: 0 15px; } @media screen and (max-width: 1600px) { .project-image div { min-height: 500px; } } @media screen and (max-width: 1280px) { .project-image div { min-height: 415px; } } @media screen and (max-width: 1024px) { .project-image div { min-height: 360px; } } @media screen and (max-width: 870px) { .project-image div { min-height: 310px; } } @media screen and (max-width: 769px) { .project-image div { min-height: 260px; } } @media screen and (max-width: 630px) { .project-image div { min-height: 230px; } } @media screen and (max-width: 520px) { .project-image div { min-height: 180px; } } @media screen and (max-width: 420px) { .project-image div { width: 100% !important; min-height: 160px; margin: 0px; margin-bottom: 30px; } } .project-image div:first-of-type { margin-left: 0px; } .project-image div:last-of-type { margin-right: 0px; margin-bottom: 0px; } .CoursesTable-Title { font-family: "Montserrat"; font-style: normal; font-weight: 800; font-size: 56px; line-height: 130%; color: #002394; padding: 200px 0 75px 20%; } @media screen and (max-width: 1024px) { .CoursesTable-Title { padding: 160px 0 50px 20%; } } @media screen and (max-width: 769px) { .CoursesTable-Title { padding: 150px 0 50px 15%; } } @media screen and (max-width: 420px) { .CoursesTable-Title { padding: 110px 0 50px 15px; } } .CoursesTable-Row:nth-child(2n) { background: #DDF3FF; } .CoursesTable-Row:nth-child(2n) .CoursesTable-CellListItem:not(:last-child) { border-bottom: solid 1px #fff; } .CoursesTable-Cell { padding: 24px 0 20px 0; text-align: left; font-family: "Montserrat"; font-style: normal; font-weight: 300; font-size: 14px; line-height: 170%; } .CoursesTable-Cell_description { padding: 19px 0 19px 30px; font-family: "Montserrat"; font-style: normal; font-weight: 800; font-size: 16px; line-height: 130%; color: #101010; } @media screen and (max-width: 420px) { .CoursesTable-Cell_description { font-size: 18px; padding: 19px 10px 19px 15px; } } .CoursesTable-CellListItem { font-family: "Montserrat"; padding: 12px 0; font-style: normal; font-weight: 300; font-size: 16px; line-height: 170%; color: #101010; } @media screen and (max-width: 768px) { .CoursesTable-CellListItem { font-size: 14px; } } .CoursesTable-CellListItem:not(:last-child) { border-bottom: solid 1px #DDF3FF; } .CoursesTable-CellListItem:first-child { padding: 0 0 12px 0; } .CoursesTable-CellListItem:last-child { padding: 12px 0 0 0; } .CoursesTable-HeadCell { padding: 19px 0 19px 30px; font-family: "Montserrat"; font-style: normal; font-weight: 800; font-size: 18px; line-height: 130%; text-transform: uppercase; color: #FFFFFF; text-align: left; } .CoursesTable-HeadCell:not(:first-child) { padding: 19px 0 19px 0; } @media screen and (max-width: 420px) { .CoursesTable-HeadCell { font-size: 18px; padding: 19px 10px 19px 15px; } } .CoursesTable-HeadRow { background: #55C5FF; } .CoursesTable-Container { align-self: center; min-width: 870px; } @media screen and (max-width: 1280px) { .CoursesTable-Container { min-width: 80%; } } @media screen and (max-width: 768px) { .CoursesTable-Container { padding: 0; } } @media screen and (max-width: 769px) { .CoursesTable-Container { min-width: 100%; } } .CoursesTable { display: flex; flex-flow: column nowrap; } .non-wrapped { white-space: pre; } .EbsServicesSlider { padding: 200px 0 0 0; } .EbsServicesSlider .SectionWithCarousel { padding-top: 0; } @media screen and (max-width: 1024px) { .EbsServicesSlider { padding: 160px 0 0 0; } } @media screen and (max-width: 420px) { .EbsServicesSlider { padding: 120px 0 0 0; } } .SectionTitle-Heading { font-family: "Montserrat"; font-style: normal; font-weight: 800; font-size: 48px; line-height: 140%; color: #002394; /* @media screen and (max-width: $md) { padding: 160px 0 0 50px !important; }*/ } @media screen and (min-width: 1280px) { .SectionTitle-Heading { padding: 90px 0 0 0; } } @media screen and (max-width: 1279px) { .SectionTitle-Heading { padding: 0 5% 0 20%; } } @media screen and (max-width: 768px) { .SectionTitle-Heading { padding-left: 50px; font-size: 40px; } } @media screen and (max-width: 420px) { .SectionTitle-Heading { padding-left: 15px; } } .SectionTitle-SubHeading { font-family: "Montserrat"; font-style: normal; font-weight: 300; font-size: 12px; line-height: 170%; /* @media screen and (max-width: $md) { max-width: 300px; padding: 50px 0 0 50px !important; }*/ } @media screen and (min-width: 1280px) { .SectionTitle-SubHeading { max-width: 300px; padding: 49px 0 0 0; } } @media screen and (max-width: 1279px) { .SectionTitle-SubHeading { /* max-width: 450px; */ max-width: 750px; padding: 40px 0 60px 70px; padding-left: calc(20% + 56px); } .SectionTitle-SubHeading_empty { padding: 40px 0 0 0; } } @media screen and (max-width: 1024px) { .SectionTitle-SubHeading_empty { padding: 40px 0 0 0; } } @media screen and (max-width: 768px) { .SectionTitle-SubHeading { padding-left: 70px; } .SectionTitle-SubHeading_empty { padding: 40px 0 0 0; } } @media screen and (max-width: 420px) { .SectionTitle-SubHeading { padding-left: 15px; } .SectionTitle-SubHeading_empty { padding: 40px 0 0 0; } } @media screen and (max-width: 1279px) { .SectionTitle { align-self: center; width: 100%; } } @media screen and (min-width: 1280px) { .SectionTitle { align-self: auto; max-width: 390px; margin-right: 40px; } } .SectionWithCarousel { display: flex; max-width: 100%; min-height: 595px; overflow: hidden; justify-content: space-between; } @media screen and (max-width: 1279px) { .SectionWithCarousel { flex-flow: column; } } @media screen and (min-width: 1280px) { .SectionWithCarousel { padding: 160px 0 6px; justify-content: center; } } /* */ .DevopsAutomationServices { padding: 270px 0 0 0; } .DevopsAutomationServices .SectionWithCarousel { padding-top: 0; } @media screen and (max-width: 1024px) { .DevopsAutomationServices { padding: 160px 0 0 0; } } @media screen and (max-width: 420px) { .DevopsAutomationServices { padding: 120px 0 0 0; } } .benefits-devops { padding: 200px 0 0 0; } @media screen and (max-width: 1024px) { .benefits-devops { padding: 160px 0 0 0; } } @media screen and (max-width: 420px) { .benefits-devops { padding: 120px 0 0 0; } } .benefits-devops__title { font-weight: 800; font-size: 48px; line-height: 1.3; margin-bottom: 56px; margin-left: 20%; color: #002394; } @media screen and (max-width: 769px) { .benefits-devops__title { font-size: 40px; margin-left: 50px; } } @media screen and (max-width: 420px) { .benefits-devops__title { margin-left: 15px; } } @media screen and (max-width: 375px) { .benefits-devops__title { font-size: 36px; max-width: 290px; } } .benefits-devops__content { padding: 0 15%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } @media screen and (max-width: 1115px) { .benefits-devops__content { padding: 0 5%; } } @media screen and (max-width: 769px) { .benefits-devops__content { padding: 0 15px; } } .benefits-item { margin-bottom: 65px; width: 33.3333%; padding-right: 30px; } @media screen and (max-width: 1500px) { .benefits-item { width: 50%; } } @media screen and (max-width: 480px) { .benefits-item { width: 100%; } } .benefits-item-icon { min-height: 121px; } .benefits-item-title { font-size: 18px; line-height: 1.3; margin-bottom: 24px; font-weight: 800; } .benefits-item-descr { line-height: 190%; font-size: 12px; padding-left: 15%; max-width: 340px; } @media screen and (max-width: 1024px) { .benefits-item-descr { padding-left: 81px; } } @media screen and (max-width: 769px) { .benefits-item-descr { padding-left: 32px; } } .student-steps { padding: 0 105px; padding-top: 156px; } @media screen and (max-width: 1024px) { .student-steps { padding-left: 47px; padding-right: 47px; } } @media screen and (max-width: 769px) { .student-steps { padding-left: 39px; padding-right: 39px; } } @media screen and (max-width: 420px) { .student-steps { padding-left: 15px; padding-right: 15px; } } .student-steps__content { margin-top: 50px; display: flex; flex-direction: row; } @media screen and (max-width: 769px) { .student-steps__content { flex-direction: column; } } .student-steps__title { padding-left: 20%; max-width: 1380px; padding-bottom: 121px; } @media screen and (max-width: 769px) { .student-steps__title { padding-left: 50px; } } @media screen and (max-width: 420px) { .student-steps__title { padding-left: 10px; padding-bottom: 83px; } } @media screen and (max-width: 769px) { .student-steps__title-full { padding-left: 15%; } } @media screen and (max-width: 420px) { .student-steps__title-full { padding-left: 15px; } } .student-steps__items { width: 50%; border-top: 1px solid #ddd; display: flex; flex-direction: row; } @media screen and (max-width: 769px) { .student-steps__items { width: 100%; margin-bottom: 140px; } } @media screen and (max-width: 420px) { .student-steps__items { flex-direction: column; border-top: 0px; margin-bottom: 0px; border-left: 1px solid #ddd; } } @media screen and (max-width: 769px) { .student-steps__items:last-of-type { justify-content: flex-end; margin-bottom: 0px; } } .step { width: 50%; padding-right: 15px; margin-bottom: 48px; } @media screen and (max-width: 769px) { .step { width: 33%; } } @media screen and (max-width: 420px) { .step { width: 100%; } } .step p { position: relative; top: -45px; border-bottom: 2px solid #55c5ff; width: 24px; padding-bottom: 20px; font-size: 18px; line-height: 130%; font-weight: 800; color: #55c5ff; } @media screen and (max-width: 420px) { .step p { position: inherit; border-left: 2px solid #55c5ff; border-bottom: 0px; padding-left: 24px; padding-bottom: 0px; margin-bottom: 22px; } } .step span { font-size: 18px; font-weight: 800; line-height: 130%; } @media screen and (max-width: 420px) { .step span { padding-left: 24px; } } .step div { padding-top: 14px; margin-left: 40px; font-size: 14px; line-height: 170%; } .services-is-gallery { padding: 160px 0 100px; margin: auto; max-width: 1390px; } @media screen and (max-width: 1024px) { .services-is-gallery { padding: 0px 48px; } } @media screen and (max-width: 769px) { .services-is-gallery { padding: 0px 27px; } } @media screen and (max-width: 420px) { .services-is-gallery { padding: 0px 0px; } } .services-is-gallery-row { display: flex; justify-content: space-between; margin-bottom: 88px; flex-direction: row; width: 100%; } @media screen and (max-width: 769px) { .services-is-gallery-row { margin-bottom: 48px; } } @media screen and (max-width: 420px) { .services-is-gallery-row { flex-direction: column; margin-bottom: 0px; } } @media screen and (max-width: 420px) { .services-is-gallery-row:first-of-type div:last-of-type { padding-left: 63px; } } .services-is-gallery-row:last-of-type { justify-content: space-evenly; margin-bottom: 0px; } @media screen and (max-width: 769px) { .services-is-gallery-row:last-of-type { justify-content: space-between; } } @media screen and (max-width: 420px) { .services-is-gallery-row:last-of-type div:first-of-type { padding-right: 63px; } } @media screen and (max-width: 420px) { .services-is-gallery-row:last-of-type div:last-of-type { padding-right: 27px; padding-left: 27px; } } .services-is-gallery-row div { align-self: center; padding-left: 15px; padding-right: 15px; } @media screen and (max-width: 769px) { .services-is-gallery-row div { padding-bottom: 40px; width: 50%; padding-left: 0px; } } @media screen and (max-width: 420px) { .services-is-gallery-row div { padding-right: 27px; padding-left: 27px; width: 100%; } } .services-is-gallery-row div:last-of-type { padding-right: 0px; } @media screen and (max-width: 769px) { .services-is-gallery-row div:last-of-type { padding-left: 15px; } } .services-is-gallery-row div:first-of-type { padding-left: 0px; } .services-is-gallery-row div img { width: 100%; height: auto; display: block; } .services-is-gallery-row div.services-is-gallery-first { align-self: flex-end; } @media screen and (max-width: 769px) { .services-is-gallery-row div.services-is-gallery-first { display: none; } } .services-is-gallery-row .services-is-gallery__item:nth-child(2) { position: relative; top: 130px; } .services-is-gallery-row .services-is-gallery__item:nth-child(3) { position: relative; top: 0; } .services-is-gallery-row:nth-child(2) { padding: 130px 0 0 0; } .services-is-gallery-row:nth-child(2) .services-is-gallery__item:nth-child(1) { position: relative; top: 0; } .services-is-gallery-row:nth-child(2) .services-is-gallery__item:nth-child(2) { position: relative; top: 0; } @media screen and (max-width: 768px) { .services-is-gallery-row:nth-child(1) .services-is-gallery__item:nth-child(3) { top: 130px; } } .CareersHiring-Title_no-filters { padding-bottom: 80px; } .CareersHiring-Filter { display: flex; padding: 80px 0 56px 0; align-items: center; justify-content: flex-end; flex-flow: row nowrap; align-self: flex-end; flex: 1 1 100%; width: 100%; } @media screen and (max-width: 767px) { .CareersHiring-Filter { flex-flow: column nowrap; align-items: center; } } .CareersHiring-FilterOptions { display: flex; flex-flow: column nowrap; background: #55C5FF; max-width: 390px; } @media screen and (max-width: 1024px) { .CareersHiring-FilterOptions { max-width: 370px; } } .CareersHiring-FilterCount { padding: 0; display: inline-flex; font-family: "Montserrat"; font-style: normal; font-weight: 800; font-size: 16px; line-height: 130%; } @media screen and (min-width: 768px) and (max-width: 1023px) { .CareersHiring-FilterCount { padding: 0 0 0 55px; justify-content: flex-end; width: 100%; max-width: 170px; } } @media screen and (min-width: 1024px) { .CareersHiring-FilterCount { padding: 0 0 0 34px; justify-content: flex-end; width: 100%; max-width: 170px; } } @media screen and (max-width: 767px) { .CareersHiring-FilterCount { padding: 32px 0 0 0; } } .CardsList { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 30px; } @media screen and (max-width: 1023px) { .CardsList { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 639px) { .CardsList { grid-template-columns: 100%; } } .CardsList_doubleCols { grid-template-columns: 1fr 1fr; } @media screen and (max-width: 639px) { .CardsList_doubleCols { grid-template-columns: 100%; } } .CardsList_singleCol { grid-template-columns: 1fr; } @media screen and (max-width: 639px) { .CardsList_singleCol { grid-template-columns: 100%; } } .CardsList_singleCol .CardsList-Item { justify-self: center; } .CardsList .List-Item { position: relative; font-weight: 300; font-size: 14px; line-height: 170%; color: #1b1b1b; padding: 0 0 16px 0; } .CardsList .List-Item:before { content: ""; position: absolute; display: block; top: 8px; left: -12px; width: 4px; height: 4px; border-radius: 50%; background: #55c5ff; } .Card { position: relative; display: flex; flex: 1 1 100%; flex-flow: column nowrap; color: #101010; padding: 48px 32px 40px; background: #FFFFFF; box-shadow: 0 10px 20px rgba(221, 243, 255, 0.5); border-radius: 30px; } .Card:last-child { margin: 0; } @media screen and (max-width: 1439px) { .Card { padding: 48px 24px 40px; } } @media screen and (max-width: 768px) { .Card { padding: 48px 16px 40px; } } .Card-Title { font-family: "Montserrat"; padding: 0 0 24px 0; font-style: normal; font-weight: 800; font-size: 22px; line-height: 130%; } @media screen and (max-width: 768px) { .Card-Title { padding: 0 0 16px 0px; } } .Card-Description { font-family: "Montserrat"; padding: 0 0 0 32px; font-style: normal; font-weight: 300; font-size: 14px; line-height: 190%; } @media screen and (max-width: 1439px) { .Card-Description { padding: 0 0 0 16px; } } @media screen and (max-width: 1024px) { .Card-Description { padding: 0 0 0 16px; } } @media screen and (max-width: 768px) { .Card-Description { padding: 0 0 0 16px; } } @media screen and (max-width: 639px) { .Card-Description { padding: 0 0 0 24px; } } .Card-Label { top: 0; right: 0; display: flex; align-items: center; justify-content: center; background: #0049FF; position: absolute; padding: 0 20px; height: 40px; border-radius: 0 30px; transition: background-color .2s ease; } .Card-Label:hover { background: #55C5FF; } .Card-ExtraLink, .Card-ExtraLink:hover { font-size: 16px; font-weight: 800; color: #fff; text-decoration: none; } .CardsList-Item { display: flex; flex: 1 1 100%; max-width: 380px; transform: scale(1); transition: transform .2s ease; cursor: pointer; } .CardsList-Item:hover { transform: scale(1.05); } .CardsList-Item:hover .Card { box-shadow: 0px 10px 20px rgba(221, 243, 255, 0.25); } .CardsList-Item .List { padding: 0 0 0 12px; } .CardsList-Link { display: flex; flex-flow: column nowrap; flex: 1 1 100%; color: #101010; } .CardsList-Link:hover, .CardsList-Link:focus { text-decoration: none; color: #101010; } .List-Item { display: block; position: relative; padding: 0 0 0 20px; } .List-Item:before { content: ""; position: absolute; display: block; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #55C5FF; top: 10px; } .List { display: flex; flex-flow: column nowrap; padding: 0 0 0 32px; } @media screen and (max-width: 1439px) { .List { padding: 0 0 0 16px; } } @media screen and (max-width: 1023px) { .List { padding: 0 0 0 16px; } } @media screen and (max-width: 639px) { .List { padding: 0 0 0 24px; } } .Requirements { color: #101010; padding: 40px 0 0 0; font-family: "Montserrat"; font-style: normal; font-weight: 300; font-size: 16px; line-height: 170%; } @media screen and (max-width: 1439px) { .Requirements { padding: 40px 0 0 0; } } @media screen and (max-width: 1024px) { .Requirements { padding: 40px 0 0 0; } } @media screen and (max-width: 768px) { .Requirements { padding: 24px 0 0 0; } } .Requirements-Title { color: #B6BECA; padding: 0 0 24px 0; font-family: "Montserrat"; font-style: normal; font-weight: 800; font-size: 16px; line-height: 130%; } @media screen and (max-width: 1439px) { .Requirements-Title { padding: 0 0 24px 0; } } @media screen and (max-width: 1024px) { .Requirements-Title { padding: 0 0 24px 0; } } @media screen and (max-width: 768px) { .Requirements-Title { padding: 0 0 24px 0; } } .Loader { display: flex; flex-flow: column nowrap; position: relative; height: 50px; width: 100%; align-items: center; align-self: center; } .Loader .Loader-OuterCircle { position: absolute; transform-origin: 50%; display: block; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; background: #ddf3ff; animation: loadingCircle 1s linear infinite; } .Loader .Loader-InnerCircle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 16px; height: 16px; position: absolute; background: #55c5ff; top: calc(100% - 16px); left: calc(50% - 8px); } @keyframes loadingCircle { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .CareersHiring { display: flex; flex-flow: column nowrap; align-items: center; background: #F5FCFF; margin-top: 150px; } .CareersHiring-Content { padding: 120px 15px; } @media screen and (min-width: 1440px) { .CareersHiring-Content { max-width: 1230px; } } @media screen and (min-width: 1024px) and (max-width: 1439px) { .CareersHiring-Content { padding: 120px 47px; max-width: 1230px; } } @media screen and (max-width: 1023px) { .CareersHiring-Content { padding: 120px 39px; } } @media screen and (max-width: 767px) { .CareersHiring-Content { padding: 120px 15px; } } .Careers .services-big-header__title-grey-text { padding: 0 60% 15px 0; } @media screen and (max-width: 1500px) { .Careers .services-big-header__title-grey-text { padding: 0 40% 15px 0; } } @media screen and (max-width: 1024px) { .Careers .services-big-header__title-grey-text { padding: 0 30% 15px 0; } } @media screen and (max-width: 768px) { .Careers .services-big-header__title-grey-text { padding: 0 0 15px 0; } } @media screen and (max-width: 420px) { .Careers .services-big-header__title-grey-text { padding: 0 0 15px 0; } } @media screen and (max-width: 1024px) { .Careers .services-is-gallery { padding: 160px 48px; } } @media screen and (max-width: 768px) { .Careers .services-is-gallery { padding: 0 48px; } } .Careers .HeaderText-Content { line-height: 170%; } .Careers .HeaderText-Content_strong { font-weight: 800; font-size: 16px; color: #002394; } .Careers .HeaderText-Content_wide { min-width: 398px; }