*, :after, :before { box-sizing: inherit; } html { box-sizing: border-box; height: 100%; } body { line-height: 1; text-rendering: optimizeLegibility; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; background-color: transparent; margin: 0; } :focus { outline: none; } dd, dl, figure, p { margin: 0; } blockquote { margin: 0; } blockquote, q { quotes: none; } ol, ul { padding: 0; margin: 0; list-style-type: none; } table { border-collapse: collapse; border-spacing: 0; } h1, h2, h3, h4, h5, h6, th { font-weight: inherit; } h1, h2, h3, h4, h5, h6 { font-size: inherit; margin: 0; } audio, img, video { display: block; } iframe, img { border: none; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: inherit; } a { background-color: transparent; color: inherit; } a, abbr { text-decoration: none; } abbr { border: none; } b, strong { font-weight: inherit; } dfn, em, i { font-style: inherit; } mark { background-color: transparent; color: inherit; } small, sub, sup { font-size: inherit; } sub, sup { position: relative; vertical-align: baseline; line-height: 0; } sub { bottom: -0.25em; } sup { top: -0.5em; } button, input, optgroup, select, textarea { font: inherit; color: inherit; letter-spacing: inherit; border: none; border-radius: 0; box-shadow: none; background-color: transparent; padding: 0; margin: 0; } button, input { overflow: visible; } button, select { text-align: left; text-transform: none; } [type="button"], [type="reset"], [type="submit"], button { cursor: pointer; -webkit-appearance: none; } textarea { resize: none; overflow-y: auto; overflow-x: hidden; -webkit-appearance: none; -moz-appearance: none; appearance: none; } :-ms-input-placeholder { font-size: 12px; color: #737373; opacity: 1; transition: opacity 0.3s; } ::placeholder { font-size: 12px; color: #737373; opacity: 1; transition: opacity 0.3s; } :focus:-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border: none; padding: 0; } [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring { outline: none; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: none; font: inherit; } fieldset { padding: 0; margin: 0; border: none; } legend { display: block; padding: 0; white-space: normal; } input, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input::-ms-expand, select::-ms-expand { display: none; } [hidden] { display: none; } .disabled, :disabled { cursor: not-allowed; } ::-ms-clear { display: none; } :-webkit-autofill { box-shadow: inset 0 0 100px #fff; -webkit-text-fill-color: currentColor; } ::-moz-selection { color: #fff; background-color: #333; } ::selection { color: #fff; background-color: #333; } .clearfix:after { content: ""; display: block; clear: both; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 300; src: local("Montserrat Light"), local("Montserrat-Light"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.woff2) format("woff2"); unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 300; src: local("Montserrat Light"), local("Montserrat-Light"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format("woff2"); unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 300; src: local("Montserrat Light"), local("Montserrat-Light"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.woff2) format("woff2"); unicode-range: u+0102-0103, u+0110-0111, u+1ea0-1ef9, u+20ab; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 300; src: local("Montserrat Light"), local("Montserrat-Light"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format("woff2"); unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 300; src: local("Montserrat Light"), local("Montserrat-Light"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format("woff2"); unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2"); unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2"); unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2"); unicode-range: u+0102-0103, u+0110-0111, u+1ea0-1ef9, u+20ab; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2"); unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2"); unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 500; src: local("Montserrat Medium"), local("Montserrat-Medium"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gTD_u50.woff2) format("woff2"); unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 500; src: local("Montserrat Medium"), local("Montserrat-Medium"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format("woff2"); unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 500; src: local("Montserrat Medium"), local("Montserrat-Medium"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gbD_u50.woff2) format("woff2"); unicode-range: u+0102-0103, u+0110-0111, u+1ea0-1ef9, u+20ab; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 500; src: local("Montserrat Medium"), local("Montserrat-Medium"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.woff2) format("woff2"); unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 500; src: local("Montserrat Medium"), local("Montserrat-Medium"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format("woff2"); unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 600; src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format("woff2"); unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 600; src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format("woff2"); unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 600; src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format("woff2"); unicode-range: u+0102-0103, u+0110-0111, u+1ea0-1ef9, u+20ab; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 600; src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format("woff2"); unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 600; src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format("woff2"); unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format("woff2"); unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format("woff2"); unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format("woff2"); unicode-range: u+0102-0103, u+0110-0111, u+1ea0-1ef9, u+20ab; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format("woff2"); unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format("woff2"); unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 800; src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gTD_u50.woff2) format("woff2"); unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 800; src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3g3D_u50.woff2) format("woff2"); unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 800; src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gbD_u50.woff2) format("woff2"); unicode-range: u+0102-0103, u+0110-0111, u+1ea0-1ef9, u+20ab; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 800; src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gfD_u50.woff2) format("woff2"); unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 800; src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gnD_g.woff2) format("woff2"); unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 900; src: local("Montserrat Black"), local("Montserrat-Black"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_epG3gTD_u50.woff2) format("woff2"); unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 900; src: local("Montserrat Black"), local("Montserrat-Black"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_epG3g3D_u50.woff2) format("woff2"); unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 900; src: local("Montserrat Black"), local("Montserrat-Black"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_epG3gbD_u50.woff2) format("woff2"); unicode-range: u+0102-0103, u+0110-0111, u+1ea0-1ef9, u+20ab; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 900; src: local("Montserrat Black"), local("Montserrat-Black"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_epG3gfD_u50.woff2) format("woff2"); unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff; } @font-face { font-family: Montserrat; font-display: swap; font-style: normal; font-weight: 900; src: local("Montserrat Black"), local("Montserrat-Black"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_epG3gnD_g.woff2) format("woff2"); unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd; } body { font-family: Montserrat, sans-serif; font-size: 16px; font-weight: 400; color: #3d3d3d; } h2, section { position: relative; } h2 { font-size: 50px; font-weight: 700; text-align: center; color: #041324; padding-bottom: 5px; } @keyframes arrow { 0% { opacity: 0; } 40% { opacity: 0.8; } 80% { opacity: 0; } to { opacity: 0; } } @keyframes bounce { 0%, 20%, 50%, 80%, to { transform: translateX(0); } 40% { transform: translateX(-10px); } 60% { transform: translateX(-5px); } } [data-aos="mark-text"].aos-animate:before, [data-aos="section-img-line"].aos-animate { transform: rotateY(0); } [data-aos="fade-right-custom"] { opacity: 0; transform: translate3d(-10px, 0, 0); } [data-aos="fade-right-custom"].aos-animate { opacity: 1; transform: translateZ(0); } [data-aos="fade-left-custom"] { opacity: 0; transform: translate3d(10px, 0, 0); } [data-aos="fade-left-custom"].aos-animate { opacity: 1; transform: translateZ(0); } [data-aos="shtamp1"] { opacity: 0 !important; transform: translate(-50%, -50%) scale3d(2, 2, 2) !important; transition: opacity 0.2s ease-in, transform 0.2s ease-in !important; } [data-aos="shtamp1"].aos-animate { opacity: 1 !important; -ms-transform: translate(-50%, -50%) scale(1) !important; transform: translate(-50%, -50%) scale(1) !important; } [data-aos="shtamp2"] { opacity: 0 !important; transform: scale3d( 2, 2, 2 ) !important; transition: opacity 0.2s ease-in 0.5s, transform 0.2s ease-in 0.5s !important; } [data-aos="shtamp2"].aos-animate { opacity: 1 !important; -ms-transform: scale(1) !important; transform: scale(1) !important; } [data-aos="shtamp3"] { opacity: 0 !important; transform: scale3d( 2, 2, 2 ) !important; transition: opacity 0.2s ease-in, transform 0.2s ease-in !important; } [data-aos="shtamp3"].aos-animate { opacity: 1 !important; -ms-transform: scale(1) !important; transform: scale(1) !important; } [data-aos="shtamp4"] { opacity: 0 !important; transform: translate(-50%, -50%) scale3d(2, 2, 2) !important; transition: opacity 0.2s ease-in, transform 0.2s ease-in !important; } [data-aos="shtamp4"].aos-animate { opacity: 1 !important; -ms-transform: translate(-50%, -50%) scale(1) !important; transform: translate(-50%, -50%) scale(1) !important; } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; } [data-aos][data-aos][data-aos-easing="linear"], body[data-aos-easing="linear"] [data-aos] { transition-timing-function: cubic-bezier( 0.25, 0.25, 0.75, 0.75 ); } [data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing="ease-in"], body[data-aos-easing="ease-in"] [data-aos] { transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing="ease-out"], body[data-aos-easing="ease-out"] [data-aos] { transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing="ease-in-out"], body[data-aos-easing="ease-in-out"] [data-aos] { transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing="ease-in-back"], body[data-aos-easing="ease-in-back"] [data-aos] { transition-timing-function: cubic-bezier( 0.6, -0.28, 0.735, 0.045 ); } [data-aos][data-aos][data-aos-easing="ease-out-back"], body[data-aos-easing="ease-out-back"] [data-aos] { transition-timing-function: cubic-bezier( 0.175, 0.885, 0.32, 1.275 ); } [data-aos][data-aos][data-aos-easing="ease-in-out-back"], body[data-aos-easing="ease-in-out-back"] [data-aos] { transition-timing-function: cubic-bezier( 0.68, -0.55, 0.265, 1.55 ); } [data-aos][data-aos][data-aos-easing="ease-in-sine"], body[data-aos-easing="ease-in-sine"] [data-aos] { transition-timing-function: cubic-bezier( 0.47, 0, 0.745, 0.715 ); } [data-aos][data-aos][data-aos-easing="ease-out-sine"], body[data-aos-easing="ease-out-sine"] [data-aos] { transition-timing-function: cubic-bezier( 0.39, 0.575, 0.565, 1 ); } [data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] { transition-timing-function: cubic-bezier( 0.445, 0.05, 0.55, 0.95 ); } [data-aos][data-aos][data-aos-easing="ease-in-quad"], body[data-aos-easing="ease-in-quad"] [data-aos] { transition-timing-function: cubic-bezier( 0.55, 0.085, 0.68, 0.53 ); } [data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] { transition-timing-function: cubic-bezier( 0.25, 0.46, 0.45, 0.94 ); } [data-aos][data-aos][data-aos-easing="ease-in-out-quad"], body[data-aos-easing="ease-in-out-quad"] [data-aos] { transition-timing-function: cubic-bezier( 0.455, 0.03, 0.515, 0.955 ); } [data-aos][data-aos][data-aos-easing="ease-in-cubic"], body[data-aos-easing="ease-in-cubic"] [data-aos] { transition-timing-function: cubic-bezier( 0.55, 0.085, 0.68, 0.53 ); } [data-aos][data-aos][data-aos-easing="ease-out-cubic"], body[data-aos-easing="ease-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier( 0.25, 0.46, 0.45, 0.94 ); } [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"], body[data-aos-easing="ease-in-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier( 0.455, 0.03, 0.515, 0.955 ); } [data-aos][data-aos][data-aos-easing="ease-in-quart"], body[data-aos-easing="ease-in-quart"] [data-aos] { transition-timing-function: cubic-bezier( 0.55, 0.085, 0.68, 0.53 ); } [data-aos][data-aos][data-aos-easing="ease-out-quart"], body[data-aos-easing="ease-out-quart"] [data-aos] { transition-timing-function: cubic-bezier( 0.25, 0.46, 0.45, 0.94 ); } [data-aos][data-aos][data-aos-easing="ease-in-out-quart"], body[data-aos-easing="ease-in-out-quart"] [data-aos] { transition-timing-function: cubic-bezier( 0.455, 0.03, 0.515, 0.955 ); } [data-aos^="fade"][data-aos^="fade"] { opacity: 0; transition-property: opacity, transform; } [data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; transform: translateZ(0); } [data-aos="fade-up"] { transform: translate3d(0, 30px, 0); } [data-aos="fade-down"] { transform: translate3d(0, -100px, 0); } [data-aos="fade-right"] { transform: translate3d(-100px, 0, 0); } [data-aos="fade-left"] { transform: translate3d(100px, 0, 0); } [data-aos="fade-up-right"] { transform: translate3d( -100px, 100px, 0 ); } [data-aos="fade-up-left"] { transform: translate3d( 100px, 100px, 0 ); } [data-aos="fade-down-right"] { transform: translate3d( -100px, -100px, 0 ); } [data-aos="fade-down-left"] { transform: translate3d( 100px, -100px, 0 ); } [data-aos^="zoom"][data-aos^="zoom"] { opacity: 0; transition-property: opacity, transform; } [data-aos^="zoom"][data-aos^="zoom"].aos-animate { opacity: 1; transform: translateZ(0) scale(1); } [data-aos="zoom-in"] { -ms-transform: scale(0.6); transform: scale(0.6); } [data-aos="zoom-in-up"] { transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos="zoom-in-down"] { transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos="zoom-in-right"] { transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos="zoom-in-left"] { transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos="zoom-out"] { -ms-transform: scale(1.2); transform: scale(1.2); } [data-aos="zoom-out-up"] { transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos="zoom-out-down"] { transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos="zoom-out-right"] { transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos="zoom-out-left"] { transform: translate3d(100px, 0, 0) scale(1.2); } [data-aos^="slide"][data-aos^="slide"] { transition-property: transform; } [data-aos^="slide"][data-aos^="slide"].aos-animate { transform: translateZ(0); } [data-aos="slide-up"] { transform: translate3d(0, 100%, 0); } [data-aos="slide-down"] { transform: translate3d(0, -100%, 0); } [data-aos="slide-right"] { transform: translate3d(-100%, 0, 0); } [data-aos="slide-left"] { transform: translate3d(100%, 0, 0); } [data-aos^="flip"][data-aos^="flip"] { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: transform; } [data-aos="flip-left"] { transform: perspective(2500px) rotateY(-100deg); } [data-aos="flip-left"].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos="flip-right"] { transform: perspective(2500px) rotateY(100deg); } [data-aos="flip-right"].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos="flip-up"] { transform: perspective(2500px) rotateX(-100deg); } [data-aos="flip-up"].aos-animate { transform: perspective(2500px) rotateX(0); } [data-aos="flip-down"] { transform: perspective(2500px) rotateX(100deg); } [data-aos="flip-down"].aos-animate { transform: perspective(2500px) rotateX(0); } .header { z-index: 99; position: fixed; height: 70px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-transform: translateY(-100%); transform: translateY(-100%); padding-left: 50px; padding-right: 50px; } .header, .header:after { top: 0; left: 0; right: 0; width: 100%; } .header:after { z-index: 1; position: absolute; content: ""; bottom: 0; height: 0; display: block; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.11); transition: height 0.3s; } .header.is-start { transition: transform 0.5s; -ms-transform: translateY(0); transform: translateY(0); } .header.is-active:after { height: 100%; } .header.is-active .header__nav-link { color: #7c798b; } .header .container { -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .header .container, .header__nav-list { display: -ms-flexbox; display: flex; } .header__nav-item { position: relative; padding: 10px 22px; } .header__nav-item:first-of-type { padding-left: 0; } .header__item { z-index: 2; } .header__nav-link { position: relative; cursor: pointer; width: 100%; display: inline-block; font-size: 14px; font-weight: 500; color: #fff; transition: color 0.3s; } .header__nav-link.is-active { color: #006bc0 !important; } .burger-menu { cursor: pointer; z-index: 25; width: 34px; height: 34px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; display: none; background-color: #7c798b; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.28); } .burger-menu__item { width: 18px; height: 2px; background-color: #cfcdd9; transition: all 0.3s; } .burger-menu__item + .burger-menu__item { margin-top: 5px; } .burger-menu__item.is-active:first-of-type { -ms-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); } .burger-menu__item.is-active:nth-of-type(2) { background-color: transparent; } .burger-menu__item.is-active:nth-of-type(3) { -ms-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); } .btn, .btn-header { z-index: 1; cursor: pointer; width: 198px; height: 40px; display: inline-block; font-size: 14px; font-weight: 600; line-height: 2.8; text-align: center; color: #fff; background-color: #006bc0; border: 1px solid transparent; transition: background-color 0.3s; } .btn-header:hover, .btn:hover { background-color: #005da7; } .btn-header span:first-child { display: none; font-weight: 500; } .footer { /* background-color: #3232325c; */ background-color: #cecac9; padding: 34px 15px; overflow: hidden; } .footer, .footer .container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .footer .container { -ms-flex-pack: justify; justify-content: space-between; } .footer__item:last-of-type { display: -ms-flexbox; display: flex; } .rights-block { font-size: 12px; line-height: 1.2; color: #3e4959; } .rights-block a { display: block; margin-left: 15px; } .rights-block span { display: block; font-size: 14px; font-weight: 700; padding-left: 15px; } .call-block { margin-right: 35px; } .call-block p { font-size: 12px; line-height: 1.2; color: #dce3ef; } .call-block a { font-size: 14px; font-weight: 700; color: #006bc0; } .social-block { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .social-block-ic { position: relative; } .social-block-ic--facebook { width: 32px; height: 31px; margin-right: 18px; } .social-block-ic--telegram { width: 35px; height: 34px; margin-right: 18px; } .social-block-ic--youtube { width: 40px; height: 29px; } .container { width: 100%; max-width: 1366px; margin: 0 auto; padding-right: 15px; padding-left: 15px; } .row { /* justify-content: space-around; */ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } [class*="col-"] { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .wrapper { overflow-x: hidden; } .section-lines { position: relative; left: 0; right: 0; bottom: 0; width: 100%; } /* .section-wrap{ width: 100%; height: 100%; background: linear-gradient(90deg, rgba(1,1,250,0.23602944595807074) 0%, rgba(0,212,255,0.08757006220456931) 69%); position: absolute; z-index: 2; } */ .section-line, .section-lines { position: absolute; top: 0; height: 100%; } .section-line { width: 1px; display: block; -ms-transform-origin: top; transform-origin: top; transform: rotateX(-90deg); } .section-line--white { background-color: hsla( 0, 0%, 100%, 0.1 ); } .section-line--white05 { height: 95%; background-color: hsla( 0, 0%, 100%, 0.05 ); } .section-line--gray { background-color: #f2f2f2; } .section-line--graye8 { background-color: #e8e8e8; } .section-line:first-child { left: 20%; } .section-line:nth-child(2) { left: 40%; } .section-line:nth-child(3) { right: 40%; } .section-line:nth-child(4) { right: 20%; } .section-line.is-active { transition: transform 1s linear; transform: rotateX(0); } .mark-text { position: relative; display: inline-block; font-size: 16px; line-height: 1; font-weight: 700; text-transform: uppercase; color: #041324; z-index: 1; margin-bottom: 10px; } .mark-text:before { position: absolute; content: ""; top: -3px; left: 0; width: 100%; height: 95%; display: block; background-color: #d1ebff; z-index: -1; transform: rotateY(-90deg); -ms-transform-origin: left; transform-origin: left; transition: transform 1s linear 0.5s !important; } .mark-text-sub { font-size: 14px; font-weight: 400; line-height: 1.75; color: #3d3d3d; } .section-img-line { z-index: 2; position: absolute; width: 135px; height: 3px; background-color: #006bc0; transform: rotateY(-90deg); -ms-transform-origin: left; transform-origin: left; transition: transform 0.5s linear 0.5s !important; } .section-img-line--right { -ms-transform-origin: right; transform-origin: right; } .video__container { position: relative; width: 95%; height: 0; padding-bottom: 700px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; margin: 0 auto 70px; overflow: hidden; } .video__container input { display: none; } .video__container .slide__content { position: absolute; width: 100%; height: 100%; z-index: -1; } .video__container .slide__content iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .video__container .slide__content .next, .video__container .slide__content .prev { width: 30px; height: inherit; position: absolute; top: 0; z-index: 99; cursor: pointer; text-align: center; } .video__container .slide__content .next { right: -30px; } .video__container .slide__content .prev { left: -30px; } .video__container .slide__content .next span, .video__container .slide__content .prev span { position: absolute; top: 50%; display: block; width: 30px; height: 30px; border: 3px solid #006bc0; border-bottom: 0; border-left: 0; } .video__container .slide__content .prev span { -ms-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); } .video__container .slide__content .next span { -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .video__container #nav_slide { width: 100%; bottom: -40px; height: 11px; position: absolute; text-align: center; z-index: 99; cursor: default; } .video__container #nav_slide .dots { top: 0; width: 15px; height: 15px; margin: 0 5px; position: relative; border-radius: 100%; display: inline-block; background-color: #f0f0f0; transition: background-color 0.5s; cursor: pointer; } .video__container #nav_slide .dots:hover { background-color: #006bc0; } #i1:checked ~ #oneSlide, #i2:checked ~ #twoSlide, #i3:checked ~ #threeSlide { z-index: 9; animation: fade 0.5s ease-in-out; } #i1:checked ~ #nav_slide #dot1, #i2:checked ~ #nav_slide #dot2, #i3:checked ~ #nav_slide #dot3 { background-color: #006bc0; } .modal { z-index: 1000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: transparent; opacity: 0; pointer-events: none; } .modal.is-click { transition: background-color 0.5s ease 0.3s, opacity 0.5s ease 0.3s; } .modal.is-active { transition: background-color 0.5s, opacity 0.5s; background-color: rgba( 23, 37, 53, 0.9 ); opacity: 1; pointer-events: auto; } .modal.is-active .modal__wrapper { transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s; -ms-transform: scale(1); transform: scale(1); opacity: 1; } .modal.is-block { display: block; } .modal.is-block .modal__wrapper { transition: transform 0.5s ease-out, opacity 0.5s ease-out; opacity: 0; -ms-transform: translateY(-25%); transform: translateY(-25%); } .modal.is-translate { overflow-y: auto; } .modal.is-translate .modal__wrapper { transition: transform 0.5s ease-out 0.3s, opacity 0.5s ease-out 0.3s; opacity: 1; -ms-transform: translate(0); transform: translate(0); } .modal__wrapper { width: 100%; padding: 30px 15px; -ms-transform: scale(0); transform: scale(0); opacity: 0; transition: opacity 0.5s, transform 0.5s; } .modal__container { position: relative; width: 100%; max-width: 540px; text-align: center; background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.68); margin: 0 auto; padding: 50px 70px 60px; } .modal__container--error { position: absolute; pointer-events: none; opacity: 0; -ms-transform: scale(0); transform: scale(0); transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s; } .modal__container--error.is-active { position: relative; pointer-events: auto; opacity: 1; -ms-transform: scale(1); transform: scale(1); } .modal__container--error .modal__title { color: #006bc0; } .modal__container--error .modal__sub-title { margin-bottom: 10px; } .modal__container--error .modal__sub-title ~ p { font-weight: 700; } #modal .modal__container.is-error { display: none; } .modal__header { margin-bottom: 25px; } .modal__title { font-size: 24px; font-weight: 700; color: #041324; margin-bottom: 15px; } .modal__sub-title { font-size: 14px; line-height: 1.5; color: #3d3d3d; } .modal__close { cursor: pointer; position: absolute; top: 15px; right: 15px; width: 22px; height: 22px; display: block; } .modal__close:after, .modal__close:before { position: absolute; content: ""; top: 50%; left: 50%; width: 22px; height: 3px; display: block; background-color: #dbd9da; } .modal__close:before { -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .modal__close:after { -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } #modalKrasuk .modal__container, #modalLagodienko .modal__container, #modalMelaschenko .modal__container, #modalKulyk .modal__container, #modalGnatenko .modal__container, #modalRazborskiy .modal__container, #modalBorovyk .modal__container, #modalBulens .modal__container, #modalLoschilin .modal__container, #modalPylypenko .modal__container, #modalOvcharov .modal__container, #modalKaral .modal__container, #modalNazarov .modal__container, #modalCminskiy .modal__container, #modalKovalev .modal__container { max-width: 880px; padding: 0; } #modalKrasuk .modal__header, #modalLagodienko .modal__header, #modalMelaschenko .modal__header, #modalBorovyk .modal__header, #modalKulyk .modal__header, #modalGnatenko .modal__header, #modalPylypenko .modal__header, #modalOvcharov .modal__header, #modalKaral .modal__header, #modalNazarov .modal__header, #modalCminskiy .modal__header, #modalKovalev .modal__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background-color: #f7f7f7; border-bottom: 1px solid #e9e9e9; padding: 30px 70px; margin-bottom: 0; } #modalKrasuk .modal__header-avatar, #modalLagodienko .modal__header-avatar, #modalMelaschenko .modal__header-avatar, #modalKulyk .modal__header-avatar, #modalBorovyk .modal__header-avatar, #modalGnatenko .modal__header-avatar, #modalLoschilin .modal__header-avatar, #modalPylypenko .modal__header-avatar, #modalOvcharov .modal__header-avatar, #modalKaral .modal__header-avatar, #modalNazarov .modal__header-avatar, #modalCminskiy .modal__header-avatar, #modalKovalev .modal__header-avatar { width: 117px; height: 117px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; background-color: #3232325c; overflow: hidden; } #modalNazarov .modal__header-avatar img { position: relative; left: -20px; max-width: 200px; } #modalOvcharov .modal__header-avatar img, #modalKaral .modal__header-avatar img, #modalKovalev .modal__header-avatar img { position: relative; left: -40px; max-width: 200px; } #modalCminskiy .modal__header-avatar img { position: relative; left: -30px; max-width: 200px; } #modalKrasuk .modal__header-avatar img { position: relative; left: -50px; max-width: 200px; } #modalMelaschenko .modal__header-avatar img { position: relative; left: -53px; max-width: 200px; } #modalGnatenko .modal__header-avatar img { position: relative; left: -30px; max-width: 170px; } #modalPylypenko .modal__header-avatar img, #modalBorovyk .modal__header-avatar img { position: relative; left: -45px; max-width: 200px; } #modalLagodienko .modal__header-avatar img { position: relative; left: -8px; max-width: 130px; } #modalKulyk .modal__header-avatar img { position: relative; left: -40px; max-width: 200px; } #modalKrasuk .modal__header-desc, #modalLagodienko .modal__header-desc, #modalMelaschenko .modal__header-desc, #modalBorovyk .modal__header-desc, #modalKulyk .modal__header-desc, #modalGnatenko .modal__header-desc, #modalPylypenko .modal__header-desc, #modalOvcharov .modal__header-desc, #modalKaral .modal__header-desc, #modalNazarov .modal__header-desc, #modalCminskiy .modal__header-desc, #modalKovalev .modal__header-desc { text-align: left; padding-left: 40px; } #modalKrasuk .modal__header-name, #modalLagodienko .modal__header-name, #modalMelaschenko .modal__header-name, #modalBorovyk .modal__header-name, #modalKulyk .modal__header-name, #modalGnatenko .modal__header-name, #modalPylypenko .modal__header-name, #modalOvcharov .modal__header-name, #modalKaral .modal__header-name, #modalNazarov .modal__header-name, #modalCminskiy .modal__header-name, #modalKovalev .modal__header-name { font-size: 24px; font-weight: 700; color: #041324; margin-bottom: 10px; } #modalKrasuk .modal__header-position, #modalLagodienko .modal__header-position, #modalMelaschenko .modal__header-position, #modalBorovyk .modal__header-position, #modalKulyk .modal__header-position, #modalGnatenko .modal__header-position, #modalPylypenko .modal__header-position, #modalOvcharov .modal__header-position, #modalKaral .modal__header-position, #modalNazarov .modal__header-position, #modalCminskiy .modal__header-position, #modalKovalev .modal__header-position { font-size: 14px; line-height: 1.4; } #modalKrasuk .modal__desc, #modalLagodienko .modal__desc, #modalMelaschenko .modal__desc, #modalBorovyk .modal__desc, #modalKulyk .modal__desc, #modalGnatenko .modal__desc, #modalPylypenko .modal__desc, #modalOvcharov .modal__desc, #modalKaral .modal__desc, #modalNazarov .modal__desc, #modalCminskiy .modal__desc, #modalKovalev .modal__desc { font-size: 14px; line-height: 1.7; text-align: left; padding: 10px 70px 60px; } #modalKrasuk .modal__desc-title, #modalLagodienko .modal__desc-title, #modalMelaschenko .modal__desc-title, #modalBorovyk .modal__desc-title, #modalKulyk .modal__desc-title, #modalGnatenko .modal__desc-title, #modalPylypenko .modal__desc-title, #modalOvcharov .modal__desc-title, #modalKaral .modal__desc-title, #modalNazarov .modal__desc-title, #modalCminskiy .modal__desc-title, #modalKovalev .modal__desc-title { font-size: 14px; font-weight: 700; margin-top: 25px; } #modalKrasuk .text, #modalLagodienko .text, #modalMelaschenko .text, #modalBorovyk .text, #modalKulyk .text, #modalGnatenko .text, #modalPylypenko .text, #modalOvcharov .text, #modalKaral .text, #modalNazarov .text, #modalCminskiy .text, #modalKovalev .text { margin-bottom: 25px; } #modalKrasuk ul li, #modalLagodienko ul li, #modalMelaschenko ul li, #modalBorovyk ul li, #modalKulyk ul li, #modalGnatenko ul li, #modalPylypenko ul li, #modalOvcharov ul li, #modalKaral ul li, #modalNazarov ul li, #modalCminskiy ul li, #modalKovalev ul li { position: relative; padding-left: 15px; } #modalKrasuk ul li:before, #modalLagodienko ul li:before, #modalMelaschenko ul li:before, #modalBorovyk ul li:before, #modalKulyk ul li:before, #modalGnatenko ul li:before, #modalPylypenko ul li:before, #modalOvcharov ul li:before, #modalKaral ul li:before, #modalNazarov ul li:before, #modalCminskiy ul li:before, #modalKovalev ul li:before { position: absolute; content: "-"; top: 0; left: 0; display: block; } .modal__logo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-top: 30px; } .modal__logo-item { -ms-flex: 1; flex: 1; margin: 0 15px; } .modal__logo-item img { max-width: 100%; margin: 0 auto; } #modalNazarov .modal__header-avatar img { left: -46px; } .modal-success { z-index: 1000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #f6f6f6; padding: 30px 15px; overflow-y: auto; } .modal-success.is-block { display: block; } .modal-success__main { z-index: 2; position: relative; width: 100%; max-width: 882px; } .modal-success__wrapper { position: relative; z-index: 1; text-align: center; background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.06); padding: 100px 100px 150px; } .modal-success__wrapper .btn svg { position: relative; top: 2px; width: 15px; height: 14px; display: inline-block; margin-right: 12px; } .modal-success__wrapper-box { z-index: -1; position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -50px; width: calc(100% - 90px); height: 50px; display: block; background-color: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.06); } .modal-success__title { max-width: 432px; margin: 0 auto 50px; } .modal-success__title svg { margin: 0 auto; } .modal-success__title p:first-of-type { font-size: 70px; font-weight: 700; color: #041324; margin-top: 30px; margin-bottom: 30px; } .modal-success__title p:nth-of-type(2) { line-height: 1.75; } .checkbox input[type="checkbox"] { height: 0; width: 0; } .checkbox input[type="checkbox"] + label { position: relative; font-size: 14px; color: #041324; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; transition: color 0.25s cubic-bezier(0.4, 0, 0.23, 1); padding-left: 30px; } .checkbox input[type="checkbox"] + label, .checkbox input[type="checkbox"] + label > span { cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .checkbox input[type="checkbox"] + label > span { position: absolute; top: 0; left: 0; -ms-flex-pack: center; justify-content: center; margin-right: 1em; width: 16px; height: 16px; background: #f3f3f3; border: 1px solid #dbd9da; transition: all 0.25s cubic-bezier(0.4, 0, 0.23, 1); } .checkbox input[type="checkbox"]:checked + label > span:before { box-sizing: content-box; content: ""; position: absolute; top: 0.4em; left: 0.22em; border-right: 2px solid transparent; border-bottom: 2px solid transparent; -ms-transform: rotate(45deg); transform: rotate(45deg); -ms-transform-origin: 0 100%; transform-origin: 0 100%; animation: checkbox-check 125ms cubic-bezier(0.4, 0, 0.23, 1) forwards; } @keyframes checkbox-check { 0% { width: 0; height: 0; border-color: #006bc0; transform: translateZ(0) rotate(45deg); } 33% { width: 0.2em; height: 0; transform: translateZ(0) rotate(45deg); } to { width: 0.2em; height: 0.5em; border-color: #006bc0; transform: translate3d(0, -0.5em, 0) rotate(45deg); } } .checkbox__container { display: -ms-flexbox; display: flex; padding-left: 38px; } .checkbox__item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .checkbox__item label { text-transform: none !important; } [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -100vw; } [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 35px; cursor: pointer; line-height: 1.3; } [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #dbd9da; border-radius: 50%; background: #f3f3f3; } [type="radio"]:checked + label:after { background: #006bc0; } [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ""; position: absolute; top: 4px; left: 4px; width: 12px; height: 12px; border-radius: 50%; transition: all 0.2s; } [type="radio"]:not(:checked) + label:after { background: rgba(0, 107, 192, 0.8); opacity: 0; -ms-transform: scale(0); transform: scale(0); } [type="radio"]:checked + label:after { opacity: 1; -ms-transform: scale(1); transform: scale(1); } .form-control { width: 100%; height: 45px; border: 1px solid #dbd9da; background-color: #f3f3f3; padding: 15px 20px; } .form-group + .form-group { margin-top: 20px; } .form-group .btn { height: 50px; } .form-group textarea { height: 120px; } .header-tab { width: 100%; border: 2px solid #dbd9da; } .header-tab, .header-tab__item { display: -ms-flexbox; display: flex; } .header-tab__item { cursor: pointer; position: relative; height: 40px; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; font-size: 14px; font-weight: 600; color: #041324; text-align: center; background-color: #fff; padding: 5px 15px; transition: background-color 0.3s, color 0.3s; } .header-tab__item:first-of-type { border-right: 1px solid #dbd9da; } .header-tab__item span { position: relative; display: block; pointer-events: none; } .header-tab__item span:after { position: absolute; content: ""; top: 1px; left: -18px; display: block; width: 6px; height: 10px; border: solid #006bc0; border-width: 0 2px 2px 0; -ms-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); transition: transform 0.2s; } .header-tab__item.is-active { color: #006bc0; background-color: #f3f3f3; } .header-tab__item.is-active span:after { -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } .content-tab { display: none; } .content-tab.is-show { display: block; } .content-tab > p { text-align: center; color: #041324; font-weight: 500; margin: 25px 0; padding: 0 60px; } .content-tab form { width: 100%; } .content-tab .form-group { margin-top: 20px; } .content-tab .form-group label { display: block; font-size: 12px; text-transform: uppercase; color: #737373; margin-bottom: 5px; } .content-tab .form-group label.radio { font-size: 16px; text-transform: none; color: #041324; margin-bottom: 0; } .content-tab .form-group label.radio .sale { display: inline-block; color: #006bc0; margin: 0 5px; } .content-tab .form-group .form-control { height: 40px; font-size: 14px; padding: 5px 10px; } .content-tab .form-group .custom-select { position: relative; } .content-tab .form-group .custom-select:after { position: absolute; content: ""; top: 49%; right: 15px; display: block; border: 6px solid transparent; border-top: 6px solid #5f5e5f; } .form-group__row { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .form-group__row > .form-group { width: 47%; } @keyframes fade { 0% { opacity: 0; } to { opacity: 1; } } .fade { animation-name: fade; animation-duration: 0.5s; } .home { width: 100%; height: 100vh; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #fff; background: #04090f url(../img/home-bg05.jpg) no-repeat 50% / cover; overflow: hidden; } .home .arrow { cursor: pointer; opacity: 0; } .home .arrow.is-active { transition: opacity 1s ease 1.3s; opacity: 1; } .home__title { position: relative; opacity: 0; -ms-transform: translateX(-30px); transform: translateX(-30px); } .home__title.is-active { transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s; opacity: 1; -ms-transform: translateX(0); transform: translateX(0); } .home__title p { font-weight: 600; font-size: 19px; color: #fff; margin-bottom: 10px; text-transform: lowercase; } .home__title h1 { font-size: 27px; font-weight: 700; line-height: 1.3; margin-bottom: 65px; color: #fff; } .home__title h1 span { font-size: 23px; font-weight: 700; } .home__title h1 .title_description { color: #006bc0; font-weight: 700; } .home__link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .home__link a { position: relative; display: inline-block; font-size: 18px; font-weight: 600; color: #006bc0; } .home__link a:after { position: absolute; content: ""; bottom: -10px; right: 0; width: 100%; height: 2px; transform: rotateY(-90deg); -ms-transform-origin: 0 50%; transform-origin: 0 50%; background-color: #006bc0; } .home__link a.is-active:after { transition: transform 0.5s ease 1s; transform: rotateY(0); } .home__link span { position: relative; display: inline-block; width: 14px; height: 2px; background-color: #006bc0; margin-right: 12px; animation: bounce 2s infinite; } .home__link span:after { position: absolute; content: ""; top: -4px; right: 0; width: 10px; height: 10px; display: block; border: 2px solid #006bc0; border-left: 0; border-bottom: 0; -ms-transform: rotate(45deg); transform: rotate(45deg); } .home__person { position: absolute; bottom: 0; right: 16vw; opacity: 0; -ms-transform: translateX(40px); transform: translateX(40px); } .home__person.is-active { transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s; opacity: 1; -ms-transform: translateX(0); transform: translateX(0); } .home__person-desc { z-index: -1; position: absolute; bottom: 135px; left: -250px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-align: start; align-items: flex-start; border: 7px solid hsla(0, 0%, 100%, 0.1); padding: 35px 60px 40px; opacity: 0; -ms-transform: translateX(40%); transform: translateX(40%); } .home__person-desc.is-active { transition: opacity 0.5s ease 1s, transform 0.5s ease 1s; opacity: 1; -ms-transform: translateX(0); transform: translateX(0); } .home__person-name { font-size: 18px; font-weight: 700; margin-bottom: 18px; } .home__person-position { font-size: 14px; font-weight: 300; line-height: 1.714; } .arrow { position: absolute; bottom: 5vh; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 30px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 0 auto; } .arrow .arrow-first, .arrow .arrow-second { display: block; border: 2px solid #006bc0; border-left: 0; border-top: 0; -ms-transform: rotate(45deg); transform: rotate(45deg); animation: arrow 2s infinite; } .arrow .arrow-first { width: 10px; height: 10px; animation-delay: -0.5s; } .arrow .arrow-second { width: 16px; height: 16px; animation-delay: 0s; } .day { display: none; padding-bottom: 70px; } .download-program { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; font-size: 16px; font-weight: 600; color: #006bc0; margin-top: 25px; } .day__1, .day__2, .day__3, .day__4 { display: none; padding-top: 70px; } .day__1 .row, .day__2 .row, .day__3 .row, .day__4 .row { z-index: 1; position: relative; } .img-block { position: relative; display: -ms-flexbox; display: flex; height: 100%; } .img-block__item { width: 50%; background-repeat: no-repeat; background-position: 50%; background-color: #041222; background-size: cover; } .img-block__item:first-of-type { margin-right: 15px; } .img-block__item:nth-of-type(2) { margin-left: 15px; } .img-block__item-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%; background-color: #041222; background-size: cover; } .lesson-block { background-color: #fff; border: 3px solid #eee; padding: 50px 58px 70px; } .lesson-block__header { margin-bottom: 10px; } .lesson-block__number { z-index: 1; position: relative; display: inline-block; font-size: 22px; font-weight: 700; color: #006bc0; margin-right: 10px; } .lesson-block__number:before { z-index: -1; position: absolute; content: ""; bottom: 4px; right: 0; display: block; border: 25px solid transparent; border-right: 25px solid #f0f0f0; border-bottom: 25px solid #f0f0f0; } .lesson-block__title { display: inline-block; font-size: 22px; color: #7c798b; } .lesson-block__list { margin-bottom: 40px; } .lesson-block__item { position: relative; line-height: 1.75; padding-left: 20px; } .lesson-block__item:before { position: absolute; content: ""; top: 12px; left: 0; display: block; width: 5px; height: 5px; background-color: #006bc0; } .date-block { z-index: 1; position: absolute; width: 195px; height: 195px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #fff; text-transform: uppercase; } .date-block span { position: relative; display: block; font-size: 61px; font-weight: 900; color: #041324; } .date-block span:before { z-index: -1; position: absolute; content: ""; bottom: 8px; right: -8px; display: block; border: 25px solid transparent; border-right: 25px solid #f0f0f0; border-bottom: 25px solid #f0f0f0; } .date-block p:first-of-type { font-size: 30px; font-weight: 800; color: #041324; margin-top: 5px; margin-bottom: 10px; } .date-block p:nth-of-type(2) { font-size: 14px; font-weight: 500; color: #555759; } .day__1 .img-block__item:first-of-type { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; background-color: transparent; } .day__1 .img-block__item:nth-of-type(2) { background-image: url(../img/day_1_img-3.jpg); } .day__1 .img-block__item-img:first-of-type { background-image: url(../img/day_1_img-1.jpg); margin-bottom: 15px; } .day__1 .img-block__item-img:nth-of-type(2) { background-image: url(../img/day_1_img-2.jpg); margin-top: 15px; } .day__1 .date-block { top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .day__1 .section-img-line { top: 40%; left: 44%; } .day__2 .img-block__item { width: 100%; background-image: url(../img/day_2_img-1.jpg); margin-right: 0 !important; } .day__2 .date-block { top: 50px; left: 50px; } .day__2 .date-block .section-img-line { top: 60%; left: -48%; } .day__3 { position: relative; background: #04090f url(../img/day-3-bg.jpg) no-repeat 20% / cover; background-attachment: fixed; padding-bottom: 40px; } .day__3-item:first-of-type { width: 25%; } .day__3-item:nth-of-type(2) { width: 75%; color: #fff; } .day__3-item:nth-of-type(2) .lesson-block__number { color: #fff; } .day__3-item:nth-of-type(2) .lesson-block__number:before { border-right-color: #006bc0; border-bottom-color: #006bc0; } .day__3-item:nth-of-type(2) .lesson-block__list.first { margin-bottom: 45px; } .day__3-item:nth-of-type(2) .lesson-block__title { color: #fff; } .day__3-item:nth-of-type(2) > .row { padding-top: 30px; } .day__3 .mark-text { color: #006bc0; } .day__3 .mark-text-sub { color: #d1ebff; margin-bottom: 70px; } .day__3 .container > .row { margin-left: 0; margin-right: 0; } .day__3 .date-block .section-img-line { top: 60%; right: -48%; } .day__4 { padding-bottom: 70px; } .day__4 .img-block { -ms-flex-direction: column; flex-direction: column; } .day__4 .img-block__item { width: 100%; } .day__4 .img-block__item:first-of-type { height: 275px; background-image: url(../img/day_4_img-1.jpg); margin-right: 0 !important; margin-bottom: 15px; } .day__4 .img-block__item:nth-of-type(2) { height: calc(100% - 275px); display: -ms-flexbox; display: flex; background-color: transparent; margin-left: 0 !important; margin-top: 15px; } .day__4 .img-block__item:nth-of-type(2) .img-block__col { width: 50%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .day__4 .img-block__item:nth-of-type(2) .img-block__col:first-of-type { margin-right: 15px; } .day__4 .img-block__item:nth-of-type(2) .img-block__col:first-of-type .img-block__item-img { background-image: url(../img/day_4_img-2.jpg); } .day__4 .img-block__item:nth-of-type(2) .img-block__col:nth-of-type(2) { margin-left: 15px; } .day__4 .img-block__item:nth-of-type(2) .img-block__col:nth-of-type(2) .img-block__item-img:first-of-type { background-image: url(../img/day_4_img-3.jpg); margin-bottom: 15px; } .day__4 .img-block__item:nth-of-type(2) .img-block__col:nth-of-type(2) .img-block__item-img:nth-of-type(2) { background-image: url(../img/day_4_img-4.jpg); margin-top: 15px; } .day__4 .date-block { top: 280px; left: 50%; } .day__4 .section-img-line { top: 275px; left: 44%; } .video { padding-top: 70px; padding-bottom: 70px; } .video__slide video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .description { display: none; background: #04090f url(../img/description-bg.jpg) no-repeat 50% / cover; padding-top: 100px; padding-bottom: 100px; } .description__item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .description__item svg { width: inherit; height: inherit; margin-bottom: 35px; } .description__item p { font-weight: 700; color: #fff; text-align: center; } .description__item p:last-child { line-height: 1.5; } .description__item p mark { display: inline-block; background-color: #006bc0; padding: 5px; line-height: 1; margin: 0 5px 10px; } .description__item p:not(.description__item-title) { font-size: 16px; margin-bottom: 10px; } .description__item-img { width: 100px; height: 100px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-bottom: 35px; } .description__item-ic { position: relative; } .description__item-ic--location { width: 83px; height: 76px; } .description__item-ic--online { width: 82px; height: 79px; } .description__item-ic--offline { width: 92px; height: 91px; } .description__item-title { font-size: 27px; margin-bottom: 25px; } .glitch { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover; } .glitch--location { background-image: url(../img/location.svg); } .glitch--online { background-image: url(../img/online.svg); } .glitch--offline { background-image: url(../img/offline.svg); } .glitch--facebook { background-image: url(../img/facebook.svg); } .glitch--telegram { background-image: url(../img/telegram.svg); } .glitch--youtube { background-image: url(../img/youtube.svg); } .registration { padding-bottom: 75px; } .registration__header { position: relative; width: 100%; max-width: 900px; margin: 0 auto; } .registration__header-left, .registration__header-right { position: absolute; bottom: 5px; } .registration__header-left .arrow, .registration__header-right .arrow { position: relative; bottom: 0; left: 0; -ms-transform: none; transform: none; width: auto; } .registration__header-left .arrow .arrow-first, .registration__header-left .arrow .arrow-second, .registration__header-right .arrow .arrow-first, .registration__header-right .arrow .arrow-second { border-width: 3px; } .registration__header-left .arrow .arrow-first, .registration__header-right .arrow .arrow-first { width: 12px; height: 12px; } .registration__header-left .arrow .arrow-second, .registration__header-right .arrow .arrow-second { width: 25px; height: 25px; } .registration__header-left { left: 0; } .registration__header-left .arrow { -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .registration__header-right { right: 0; } .registration__header-right .arrow { -ms-transform: rotate(90deg); transform: rotate(90deg); } .registration__container { width: 100%; max-width: 550px; margin: 0 auto; padding-top: 40px; } .form-group__checkbox, .form-group__checkboxOffline { display: none; } .form__btns { margin-top: 40px; } .form__btns, .form__btns .btn { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .form__btns .btn { width: 47%; height: 50px; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } #selectQuantityOffline, #selectQuantityOnline { display: none; } .response-form { position: relative; font-size: 18px; font-weight: 700; text-align: center; padding-top: 30px; } .response-form .error-data, .response-form .success-data { position: absolute; width: 100%; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.3s; } .response-form .error-data.is-active, .response-form .success-data.is-active { position: relative; opacity: 1; } .response-form .success-data { color: green; } .response-form .error-data { color: red; } .reader { /* display: none; */ color: #fff; background-color: #08203a; padding-bottom: 70px; padding-top: 70px; } .reader .col-xl-2:nth-of-type(3) .reader__box-header, .reader .col-xl-2:nth-of-type(4) .reader__box-header { top: 30%; } .reader__title { color: #006bc0; margin-bottom: 50px; font-size: 34px; } .reader__box { z-index: 1; position: relative; width: 150px; height: 150px; background-color: #0b284f; margin: 0 auto; } .reader__boxx:before { z-index: -1; position: absolute; content: ""; top: 25px; left: 25px; width: 100%; height: 100%; display: block; border: 3px solid #0b284f; } .reader__box img { max-width: 100%; } .reader__box-header { position: absolute; top: 50%; left: 73%; width: 100%; color: #fff; white-space: nowrap; } .reader__box-title { font-size: 21px; font-weight: 700; margin-bottom: 10px; } .reader__box-desc { line-height: 1.5; } .reader__box-read { position: relative; font-size: 14px; padding-top: 25px; margin-top: 15px; } .reader__box-read:after { position: absolute; content: ""; top: 0; left: 0; display: block; width: 50px; height: 2px; background-color: #006bc0; } .reader__box-read a { cursor: pointer; position: relative; color: #1090f6; } .reader__box-read a:after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 1px; display: block; background-color: #1090f6; -ms-transform-origin: left; transform-origin: left; transform: rotateY(90deg); transition: transform 0.3s; } .reader__box-read a:hover:after { transform: rotateY(0); } .display-none { display: none; } .block-100px { width: 200px; } @supports (-ms-ime-align: auto) { .form-control { font-size: 12px; } } @media (min-width: 1025px) { .col-md-4 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .col-md-6 { -ms-flex: 0 0 16.666666%; flex: 0 0 16.666666%; max-width: 16.666666%; } .col-md-7 { -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; } } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .form-control { font-size: 12px; } } @media (min-width: 501px) { .col-xs-2 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xs-3 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xs-4 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xs-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .col-xs-6 { -ms-flex: 0 0 16.666666%; flex: 0 0 16.666666%; max-width: 16.666666%; } .col-xs-7 { -ms-flex: 0 0 14.285714%; flex: 0 0 14.285714%; max-width: 14.285714%; } .col-xs-8 { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media (min-width: 768px) { section { padding: 50px; } .col-sm-2 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-3 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-4 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .col-sm-6 { -ms-flex: 0 0 16.666666%; flex: 0 0 16.666666%; max-width: 16.666666%; } .col-sm-7 { -ms-flex: 0 0 14.285714%; flex: 0 0 14.285714%; max-width: 14.285714%; } .col-sm-8 { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media (min-width: 992px) { .col-lg-2 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1024px) { .header__nav-link:after { position: absolute; content: ""; bottom: -5px; left: 0; width: 100%; height: 1px; display: block; background-color: #7c798b; -ms-transform-origin: center; transform-origin: center; transform: rotateY(90deg); transition: transform 0.3s; } .header__nav-link:hover:after { transform: rotateY(0); } } @media (min-width: 1281px) { .col-lg-2 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-3 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-4 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .col-lg-6 { -ms-flex: 0 0 16.666666%; flex: 0 0 16.666666%; max-width: 16.666666%; } .col-lg-7 { -ms-flex: 0 0 14.285714%; flex: 0 0 14.285714%; max-width: 14.285714%; } .col-lg-8 { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media (min-width: 1601px) { .col-xl-2 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-3 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-4 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .col-xl-6 { -ms-flex: 0 0 16.666666%; flex: 0 0 16.666666%; max-width: 16.666666%; } .col-xl-7 { -ms-flex: 0 0 14.285714%; flex: 0 0 14.285714%; max-width: 14.285714%; } .col-xl-8 { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media (max-width: 812px) and (max-height: 414px) { .home__title p { font-size: 14px !important; } .home__title h1 { font-size: 18px !important; line-height: 1.2 !important; margin-bottom: 25px !important; } .home__title h1 span { font-size: 16px !important; } .home__link a { font-size: 14px !important; } .home__person { display: none !important; } } @media (max-width: 1600px) { h2 { font-size: 40px; } .section-img-line { width: 120px; } .video__container { padding-bottom: 500px; } .modal-success__wrapper { padding: 30px 30px 80px; } .home__title h1 { font-size: 27px; } .home__title h1 span { font-size: 21px; } .home__person { right: 5vw; } .home__person img { max-width: 60%; float: right; } .home__person-desc { bottom: 105px; left: -60px; padding: 20px 35px; } .arrow { bottom: 3vh; } .img-block__item:first-of-type { margin-right: 5px; } .img-block__item:nth-of-type(2) { margin-left: 5px; } .lesson-block { padding-bottom: 50px; } .lesson-block__item:before { top: 10px; } .lesson-block__item { font-size: 14px; } .day__1 .img-block__item-img:first-of-type { margin-bottom: 5px; } .day__1 .img-block__item-img:nth-of-type(2) { margin-top: 5px; } .day__2 .date-block { top: 25px; left: 25px; } .day__4 .img-block__item:first-of-type { margin-bottom: 5px; } .day__4 .img-block__item:nth-of-type(2) { margin-top: 5px; } .day__4 .img-block__item:nth-of-type(2) .img-block__col:first-of-type { margin-right: 5px; } .day__4 .img-block__item:nth-of-type(2) .img-block__col:nth-of-type(2) { margin-left: 5px; } .day__4 .img-block__item:nth-of-type(2) .img-block__col:nth-of-type(2) .img-block__item-img:first-of-type { margin-bottom: 5px; } .day__4 .img-block__item:nth-of-type(2) .img-block__col:nth-of-type(2) .img-block__item-img:nth-of-type(2) { margin-top: 5px; } .reader { padding-bottom: 70px; } .reader__box-header { top: 30%; white-space: normal; } } @media (max-width: 1300px) { .day__3 .section-img-line { display: none; } } @media (max-width: 1024px) { .section-img-line { display: none; } .video__container { width: 88%; padding-bottom: 400px; margin-bottom: 30px; } .home__person { right: 0; } .home__person img { max-width: 65%; float: none; margin: 0 auto; } .home__person-desc { left: -160px; } .day__1, .day__2, .day__3, .day__4 { display: none; padding-top: 30px; } .img-block { height: 300px; } .day__2 .row { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .day__3 { padding-top: 25px; padding-bottom: 0; } .day__3-item:first-of-type { height: 150px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } .day__3-item:nth-of-type(2) { width: 100%; } .day__3-item:nth-of-type(2) .lesson-block__list.first { margin-bottom: 60px; } .day__3-item:nth-of-type(2) > .row { padding-left: 65px; } .day__4 { padding-bottom: 30px; } .day__4 .img-block { height: 500px; } .day__4 .img-block__item:first-of-type { height: 175px; } .day__4 .img-block__item:nth-of-type(2) { height: calc(100% - 175px); } .day__4 .date-block { top: 175px; } .video { padding-top: 30px; padding-bottom: 40px; } .reader .col-xl-2:nth-of-type(3) .reader__box-header, .reader .col-xl-2:nth-of-type(4) .reader__box-header { top: 10%; } .reader .col-xl-2:nth-of-type(5) .reader__box-desc, .reader .col-xl-2:nth-of-type(6) .reader__box-desc { min-height: 63px; } .reader__box2 { width: 180px; height: 180px; margin-left: 15px; } .reader__box:before { top: 15px; left: 15px; } .reader__box-header { top: 10%; left: 75%; } .reader__box-title { font-size: 18px; } .reader__box-desc { font-size: 14px; min-height: 42px; } } @media (max-width: 1023px) { h2 { font-size: 35px; } .header { height: 50px; padding-left: 0; padding-right: 0; } .header:after { height: 100%; } .header .header__nav-link { color: #7c798b; } .header.is-start { -ms-transform: inherit; transform: inherit; } .header__nav { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; height: calc(100% - 50px); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #fff; padding-bottom: 30px; -ms-transform: translateX(-100%); transform: translateX(-100%); transition: transform 0.5s; } .header__nav.is-active, .header__nav.is-active .header__nav-item { -ms-transform: translateX(0); transform: translateX(0); } .header__nav.is-active .header__nav-item:first-of-type { transition-delay: 0.1s; } .header__nav.is-active .header__nav-item:nth-of-type(2) { transition-delay: 0.2s; } .header__nav.is-active .header__nav-item:nth-of-type(3) { transition-delay: 0.3s; } .header__nav.is-active .header__nav-item:nth-of-type(4) { transition-delay: 0.4s; } .header__nav.is-active .header__nav-item:nth-of-type(5) { transition-delay: 0.5s; } .header__nav.is-active .header__nav-item:nth-of-type(6) { transition-delay: 0.6s; } .header__nav.is-active .header__nav-item:nth-of-type(7) { transition-delay: 0.7s; } .header__nav.is-active .header__nav-item:nth-of-type(8) { transition-delay: 0.8s; } .header__nav.is-active .header__nav-item:nth-of-type(9) { transition-delay: 0.9s; } .header__nav.is-active .header__nav-item:nth-of-type(10) { transition-delay: 1s; } .header__nav-list { width: 100%; display: block; text-align: center; overflow-y: auto; } .header__nav-item:first-of-type { padding-left: 25px; } .header__nav-item { -ms-transform: translateX(-100%); transform: translateX(-100%); transition: transform 0.3s; } .header__nav-item:not(:last-of-type):after { position: absolute; content: ""; bottom: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 50px; height: 1px; display: block; background-color: #eee; } .header__item:last-of-type { z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .header__item { line-height: 3; z-index: 0; } .header__nav-link { font-size: 18px; text-align: center; } .burger-menu { display: -ms-flexbox; display: flex; } .btn-header { width: 34px; height: 32px; font-size: 24px; line-height: 1.3; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.28); margin-right: 16px; } .btn-header span:first-child { display: block; } .btn-header span:last-child { display: none; } .home__title h1 { font-size: 18px; } .home__title h1 span { font-size: 16px; } .home__person img { max-width: 55%; } .home__person-desc { left: -120px; } .description { padding-top: 60px; padding-bottom: 40px; } .description .col-sm-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; } } @media (max-width: 767px) { h2 { font-size: 20px; padding-top: 30px; } .header__nav-link { font-size: 16px; } .footer .container { width: inherit; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .footer__item:last-of-type { -ms-flex-direction: column; flex-direction: column; } .footer__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .rights-block { text-align: center; } .rights-block a { margin-left: 0; } .rights-block span { padding-left: 0; } .call-block { text-align: center; margin-right: 0; } .social-block { margin-top: 30px; margin-bottom: 30px; } .container { max-width: 1366px; } .section-line:first-child { left: 25%; } .section-line:nth-child(2) { left: 50%; } .section-line:nth-child(3) { right: 25%; } .section-line:nth-child(4) { display: none; } .video__container { padding-bottom: 200px; margin-bottom: 30px; } .video__container .slide__content .next, .video__container .slide__content .prev { width: 15px; } .video__container .slide__content .next { right: -15px; } .video__container .slide__content .prev { left: -15px; } .video__container .slide__content .next span, .video__container .slide__content .prev span { width: 15px; height: 15px; } .video__container #nav_slide { bottom: -30px; } .modal__container { padding: 60px 15px 50px; } .modal__container--error { padding-left: 30px; padding-right: 30px; } .modal__title { font-size: 22px; } #modalKrasuk .modal__header, #modalLagodienko .modal__header, #modalMelaschenko .modal__header, #modalBorovyk .modal__header, #modalKulyk .modal__header, #modalGnatenko .modal__header, #modalPylypenko .modal__header, #modalOvcharov .modal__header, #modalKaral .modal__header, #modalNazarov .modal__header, #modalCminskiy .modal__header, #modalKovalev .modal__header { padding: 45px 15px 30px; } #modalKrasuk .modal__header-avatar, #modalLagodienko .modal__header-avatar, #modalMelaschenko .modal__header-avatar, #modalBorovyk .modal__header-avatar, #modalKulyk .modal__header-avatar, #modalGnatenko .modal__header-avatar, #modalPylypenko .modal__header-avatar, #modalOvcharov .modal__header-avatar, #modalKaral .modal__header-avatar, #modalNazarov .modal__header-avatar, #modalCminskiy .modal__header-avatar, #modalKovalev .modal__header-avatar { width: 90px; height: 90px; } #modalNazarov .modal__header-avatar img { left: -15px; max-width: 150px; } #modalOvcharov .modal__header-avatar img, #modalKaral .modal__header-avatar img, #modalKovalev .modal__header-avatar img { left: -30px; max-width: 150px; } #modalCminskiy .modal__header-avatar img { left: -22px; max-width: 150px; } #modalKrasuk .modal__header-avatar img { left: -40px; max-width: 150px; } #modalLagodienko .modal__header-avatar img { left: -4px; max-width: 100px; } #modalMelaschenko .modal__header-avatar img { left: -39px; max-width: 150px; } #modalPylypenko .modal__header-avatar img, #modalBorovyk .modal__header-avatar img { left: -32px; max-width: 150px; } #modalKulyk .modal__header-avatar img { left: -28px; max-width: 150px; } #modalGnatenko .modal__header-avatar img { left: -17px; max-width: 120px; } #modalKrasuk .modal__header-desc, #modalLagodienko .modal__header-desc, #modalMelaschenko .modal__header-desc, #modalBorovyk .modal__header-desc, #modalKulyk .modal__header-desc, #modalGnatenko .modal__header-desc, #modalPylypenko .modal__header-desc, #modalOvcharov .modal__header-desc, #modalKaral .modal__header-desc, #modalNazarov .modal__header-desc, #modalCminskiy .modal__header-desc, #modalKovalev .modal__header-desc { padding-left: 15px; } #modalKrasuk .modal__header-name, #modalLagodienko .modal__header-name, #modalMelaschenko .modal__header-name, #modalBorovyk .modal__header-name, #modalKulyk .modal__header-name, #modalGnatenko .modal__header-name, #modalPylypenko .modal__header-name, #modalOvcharov .modal__header-name, #modalKaral .modal__header-name, #modalNazarov .modal__header-name, #modalCminskiy .modal__header-name, #modalKovalev .modal__header-name { font-size: 18px; } #modalKrasuk .modal__desc, #modalLagodienko .modal__desc, #modalMelaschenko .modal__desc, #modalBorovyk .modal__desc, #modalKulyk .modal__desc, #modalGnatenko .modal__desc, #modalPylypenko .modal__desc, #modalOvcharov .modal__desc, #modalKaral .modal__desc, #modalNazarov .modal__desc, #modalCminskiy .modal__desc, #modalKovalev .modal__desc { line-height: 1.5; padding: 0 15px 20px; } .modal__logo { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 15px; } .modal__logo-item { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; margin: 0 0 15px; } .modal__logo-item img { padding: 30px; } #modalNazarov .modal__header-avatar img { left: -33px; } .modal-success__wrapper { padding: 15px 15px 25px; } .modal-success__wrapper .btn { width: 198px; height: 40px; font-size: 14px; line-height: 2.7; box-shadow: none; margin-right: 0; } .modal-success__wrapper-box { display: none; } .modal-success__title { margin-bottom: 20px; } .modal-success__title svg { width: 60px; height: 65px; } .modal-success__title p:first-of-type { font-size: 30px; margin-top: 0; margin-bottom: 10px; } .modal-success__title p:nth-of-type(2) { font-size: 14px; } .form-group + .form-group { margin-top: 15px; } .header-tab { -ms-flex-direction: column; flex-direction: column; } .header-tab__item:first-of-type { border-right: 0; border-bottom: 1px solid #dbd9da; } .header-tab__item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .content-tab > p { padding: 0 15px; } .content-tab .form-group { margin-top: 15px; } .form-group__row { -ms-flex-direction: column; flex-direction: column; } .form-group__row > .form-group { width: 100%; } .home { background-position-x: 25%; } .home__title p { font-size: 12px; margin-bottom: 0; } .home__title h1 { font-size: 18px; line-height: 1.4; margin-bottom: 25px; } .home__title h1 span { font-size: 14px; } .home__link a { font-size: 14px; } .home__link span { width: 12px; margin-right: 5px; } .home__link span:after { top: -3px; width: 8px; height: 8px; } .home__person { display: none; } .day { display: none; padding-bottom: 0; } .download-program { font-size: 14px; margin-top: 15px; } .img-block { height: 350px; } .lesson-block { border: 1px solid #eee; padding: 30px; } .lesson-block__number { font-size: 16px; } .lesson-block__number:before { border: 15px solid transparent; border-right: 15px solid #f0f0f0; border-bottom: 15px solid #f0f0f0; } .lesson-block__title { font-size: 18px; } .lesson-block__item:before { top: 8px; } .lesson-block__item { line-height: 1.5; padding-left: 15px; } .date-block { width: 125px; height: 125px; } .date-block span:before { bottom: 5px; right: -5px; border: 15px solid transparent; border-right: 15px solid #f0f0f0; border-bottom: 15px solid #f0f0f0; } .date-block span { font-size: 36px; } .date-block p:first-of-type { font-size: 20px; margin-top: 2px; margin-bottom: 5px; } .date-block p:nth-of-type(2) { font-size: 12px; } .day__3-item:first-of-type { height: 75px; } .day__3-item:nth-of-type(2) > .row { padding-left: 30px; padding-right: 30px; } .video { padding-top: 0; padding-bottom: 0; } .description { padding-top: 30px; padding-bottom: 10px; } .description__item-img { margin-bottom: 15px; } .description__item-title { font-size: 24px; } .registration { padding-bottom: 25px; } .registration__header-left, .registration__header-right { display: none; } .form__btns { -ms-flex-direction: column; flex-direction: column; margin-top: 25px; } .form__btns .btn { width: 100%; } .form__btns .btn + .btn { margin-top: 15px; } .reader .col-xl-2:nth-of-type(5) .reader__box-desc, .reader .col-xl-2:nth-of-type(6) .reader__box-desc { min-height: inherit; } .reader__box { margin-bottom: 5px; } .reader__box-desc { min-height: inherit; } } @media (max-width: 374px) { .reader .col-xl-2 { padding-left: 15px; } .reader__box-desc { padding-right: 60px; } } @media (max-width: 320px) { .reader__box-header { left: 65%; } } .about-lector { text-align: center; padding: 0px 0px; color: #006bc0; } .about-lector:hover { text-decoration: underline; color: #797979; } .lector-info { text-align: center; margin-bottom: 8px; padding-top: 10px; } @media (min-width: 768px) { .reader__box { width: 100%; height: auto; } .reader__box2 { width: 270px; height: 270px; margin-bottom: 100px; } .reader__box2:before { z-index: -1; position: absolute; content: ""; top: 25px; left: 25px; width: 100%; height: 100%; display: block; border: 3px solid #0b284f; } } .sponsor-wrapper .row { justify-content: center; }