/* Consolidated from css/css2.css, css/main.min.css, css/custom.css */
/* css2.css */
/* cyrillic-ext */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 200;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxTKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 200;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxaKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 200;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxdKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 200;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxRKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 200;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 200;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYbSAYZgVNU.woff2)
format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxTKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxaKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxdKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxRKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYbSAYZgVNU.woff2)
format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxTKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxaKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxdKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxRKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYbSAYZgVNU.woff2)
format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxTKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxaKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxdKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxRKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYbSAYZgVNU.woff2)
format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxTKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxaKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxdKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxRKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbSAYZgVNW7Iw.woff2)
format("woff2");
unicode-range:
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYbSAYZgVNU.woff2)
format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2)
format("woff2");
unicode-range:
U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2)
format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2)
format("woff2");
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2)
format("woff2");
unicode-range:
U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2)
format("woff2");
unicode-range:
U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A,
U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346,
U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6,
U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043,
U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C,
U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121,
U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2,
U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319,
U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1,
U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB,
U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE,
U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2)
format("woff2");
unicode-range:
U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4,
U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3,
U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF,
U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0,
U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F,
U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315,
U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382,
U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6,
U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7,
U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444,
U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0,
U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA,
U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB,
U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513,
U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D,
U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC,
U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC,
U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887,
U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B,
U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C,
U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2)
format("woff2");
unicode-range:
U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2)
format("woff2");
unicode-range:
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2)
format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2)
format("woff2");
unicode-range:
U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2)
format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2)
format("woff2");
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2)
format("woff2");
unicode-range:
U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2)
format("woff2");
unicode-range:
U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A,
U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346,
U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6,
U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043,
U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C,
U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121,
U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2,
U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319,
U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1,
U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB,
U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE,
U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2)
format("woff2");
unicode-range:
U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4,
U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3,
U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF,
U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0,
U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F,
U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315,
U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382,
U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6,
U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7,
U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444,
U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0,
U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA,
U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB,
U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513,
U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D,
U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC,
U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC,
U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887,
U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B,
U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C,
U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2)
format("woff2");
unicode-range:
U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2)
format("woff2");
unicode-range:
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2)
format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
/* main.min.css */
body,
html {
font-size: 16px;
margin: 0;
padding: 0;
}
*,
::after,
::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a:not([class]),
.link {
border-bottom: 1px dashed #7f8998;
text-decoration: none;
color: #7f8998;
}
a:not([class]):hover,
.link:hover {
text-decoration: none;
color: #7f8998;
border-color: transparent;
}
body {
font-family: "Roboto", sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 1.3;
color: #000;
background-color: #fff;
position: relative;
}
@media (min-width: 992px) {
body {
font-size: 16px;
}
}
body.no-scroll {
position: fixed;
width: 100%;
}
h2 {
font-family: Roboto;
font-size: 25px;
line-height: 1;
margin-top: 0;
margin-bottom: 25px;
font-weight: 300;
}
p {
margin-top: 0;
margin-bottom: 14px;
}
b {
font-weight: 500;
}
input,
textarea,
div,
a,
span {
outline: none;
}
input,
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
.wrapimg {
position: absolute;
z-index: 10000000;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
opacity: 0.2;
background-image: url(../images/bg01.png);
background-position: center 0px;
filter: invert(100%);
-webkit-filter: invert(100%);
-moz-filter: invert(100%);
-o-filter: invert(100%);
-ms-filter: invert(100%);
}
.fa_container,
.container {
width: 100%;
padding-right: 10px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
}
.fa_frame,
.frame {
padding-top: 36px;
padding-bottom: 36px;
}
.fa_frame_ext,
.frame_ext {
padding-top: 42px;
padding-bottom: 42px;
}
.fa_title,
.title {
margin-top: -1px;
}
img {
max-width: 100%;
}
.fa_modal {
display: none;
}
.fancybox-bg {
/* backdrop-filter: blur(10px); */
background: rgba(29, 129, 202, 0.1);
}
.fancybox-active #wrap {
-webkit-filter: blur(5px);
filter: blur(5px);
}
.light-bg {
background-color: #f4f9ff;
}
@media (min-width: 576px) {
.fa_container,
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.fa_container,
.container {
max-width: 720px;
padding-right: 15px;
padding-left: 15px;
}
.fa_frame,
.frame {
padding-top: 50px;
padding-bottom: 50px;
}
.fa_frame_ext,
.frame_ext {
padding-top: 90px;
padding-bottom: 90px;
}
h2 {
font-size: 34px;
margin-bottom: 30px;
}
.fa_title,
.title {
margin-top: -8px;
}
}
@media (min-width: 992px) {
h2 {
font-size: 45px;
margin-bottom: 40px;
}
.fa_container,
.container {
max-width: 960px;
}
.fa_frame,
.frame {
padding-top: 80px;
padding-bottom: 80px;
}
.fa_frame_ext,
.frame_ext {
padding-top: 90px;
padding-bottom: 90px;
}
h2.fa_title,
h2.title {
text-align: center;
}
}
@media (min-width: 1200px) {
.fa_container,
.container {
max-width: 1030px;
}
}
.zoom {
position: relative;
display: block;
}
.zoom:before {
display: block;
position: absolute;
content: "";
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 63px;
height: 63px;
border-radius: 8px;
opacity: 0;
background: #ed3a2f url("../images/zoom.svg") center no-repeat;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
@media (max-width: 991.98px) {
.zoom:before {
background-size: 34px 34px;
}
}
@media (min-width: 992px) {
.zoom:before {
width: 80px;
height: 80px;
}
}
.zoom:hover:before {
opacity: 1;
}
.site-header {
background-color: #eaf3ff;
}
.site-header h1 {
font-weight: 300;
font-size: 23px;
width: 300px;
font-family: Roboto;
line-height: 1.2;
margin-top: 0;
margin-bottom: 10px;
}
.site-header h1 span {
display: inline-block;
text-decoration: underline;
}
@media (min-width: 768px) {
.site-header h1 {
margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.site-header h1 {
font-size: 45px;
margin-bottom: 23px;
width: 580px;
line-height: 1;
}
}
.home .site-header,
.page-template-template-thank .site-header {
padding-bottom: 38px;
background-size: auto 630px;
background-image: url(../images/m-top-bg.jpg);
background-position: -webkit-calc(50% - 90px) bottom;
background-position: calc(50% - 90px) bottom;
background-repeat: no-repeat;
}
@media (min-width: 768px) {
.home .site-header,
.page-template-template-thank .site-header {
background-image: url(../images/top-bg.jpg);
}
}
@media (min-width: 992px) {
.home .site-header,
.page-template-template-thank .site-header {
padding-bottom: 110px;
background-size: auto 928px;
background-position: -webkit-calc(50% - 80px) bottom;
background-position: calc(50% - 80px) bottom;
}
}
.top-section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.top-section__wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
padding-bottom: 18px;
align-items: center;
}
@media (min-width: 992px) {
.top-section__wrap {
padding-top: 0px;
}
}
.top-section__logo {
display: flex;
gap: 5px;
align-items: center;
}
@media (max-width: 767.98px) {
.top-section__logo {
width: 100%;
justify-content: space-between;
}
}
@media (min-width: 992px) {
}
.top-section__logo1 {
width: 131px;
display: block;
}
.top-section__logo2 {
display: none;
}
.top-section__logo3 {
width: 169px;
display: block;
}
.top-section__logo img {
max-width: 100%;
}
.top-section__desc {
font-size: 10px;
width: 100%;
margin-left: auto;
margin-top: auto;
margin-bottom: 1px;
}
.top-section__desc span {
display: block;
width: 262px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.top-section__burger {
margin-top: 4px;
}
.top-section__phone-cont {
display: none;
}
@media (min-width: 992px) {
.top-section__phone-cont {
display: block;
border-left: 2px solid #ed3a2f;
padding-left: 13px;
}
.top-section__logo1 {
width: 204px;
}
.top-section__logo2 {
display: block;
width: 197px;
margin-left: 40px;
}
.top-section__logo3 {
width: 274px;
margin-left: 25px;
}
}
.top-section__phone {
font-weight: 400;
font-size: 22px;
line-height: 1;
}
.top-section__phone-desc {
font-size: 9px;
font-size: 12px;
font-family: "IBM Plex Sans", sans-serif;
}
.home .top-section__wrap {
padding-bottom: 12px;
margin-bottom: 14px;
}
@media (min-width: 992px) {
.home .top-section__wrap {
margin-bottom: 64px;
}
}
@media (min-width: 1200px) {
.home .top-section__wrap {
margin-bottom: 64px;
}
}
@media (min-width: 992px) {
.home .top-section__phone-cont {
margin-top: 5px;
}
}
.page-template-template-thank .top-section__wrap {
padding-bottom: 12px;
margin-bottom: 14px;
}
@media (min-width: 992px) {
.page-template-template-thank .top-section__wrap {
margin-bottom: 64px;
}
}
@media (min-width: 1200px) {
.page-template-template-thank .top-section__wrap {
margin-bottom: 122px;
}
}
.header-list {
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 20px;
max-width: 220px;
font-family: "IBM Plex Sans", sans-serif;
}
@media (min-width: 992px) {
.header-list {
max-width: 560px;
margin-bottom: 53px;
padding-left: 15px;
}
}
.header-list li {
font-size: 14px;
margin-bottom: 4px;
position: relative;
padding-left: 19px;
}
@media (min-width: 992px) {
.header-list li {
font-size: 20px;
padding-left: 27px;
margin-bottom: 8px;
}
}
.header-list li:before {
display: block;
position: absolute;
left: 0;
top: 8px;
content: "";
width: 10px;
height: 2px;
background-color: #ed3a2f;
}
@media (min-width: 992px) {
.header-list li:before {
width: 16px;
top: 12px;
}
}
.offer {
background-color: #fff;
border-radius: 10px;
padding: 16px 21px 25px;
border: 1px solid #e6f1ff;
display: inline-block;
}
@media (min-width: 992px) {
.offer {
padding: 25px 38px 32px 32px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 585px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.offer__title-block {
display: block;
font-size: 20px;
line-height: 1;
font-family: Roboto;
}
@media (min-width: 992px) {
.offer__title-block {
font-size: 28px;
}
}
.offer__title-block span {
display: inline-block;
margin: 0 1px;
border: 1px solid #ed3a2f;
border-radius: 5px;
width: 22px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 18px;
color: #ed3a2f;
}
@media (min-width: 992px) {
.offer__title-block span {
font-size: 25px;
line-height: 30px;
width: 27px;
height: 30px;
}
}
.offer__body {
margin-bottom: 12px;
}
@media (min-width: 992px) {
.offer__body {
margin-bottom: 0;
}
}
.offer__price {
font-size: 18px;
}
@media (min-width: 992px) {
.offer__price {
font-size: 28px;
}
}
.offer__old-price {
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
color: #7f8998;
}
.offer__new-price {
color: #ed3a2f;
}
.offer__note {
font-size: 10px;
}
@media (min-width: 992px) {
.offer__note {
font-size: 16px;
}
}
.offer__btn {
padding: 10px 22px;
font-size: 16px;
}
@media (min-width: 992px) {
.offer__btn {
padding: 13px 25px;
font-size: 18px;
}
}
.nav-cont {
padding: 18px 18px 24px 21px;
overflow-y: scroll;
}
.nav-cont__close {
width: 15px;
height: 16px;
fill: #ed3a2f;
position: absolute;
right: 16px;
top: 16px;
}
ul.mobile-nav {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
ul.mobile-nav li {
margin-bottom: 7px;
}
ul.mobile-nav li:last-child {
margin-top: auto;
}
ul.mobile-nav li:last-child {
margin-bottom: 0;
}
ul.mobile-nav li a {
font-size: 14px;
border: none;
font-family: Roboto;
}
ul.mobile-nav li.current_page_item a {
font-weight: 400;
color: #ed3a2f;
}
@media (max-width: 991.98px) {
.main-nav-cont {
display: none;
}
}
.fa_main-subnav {
display: none;
background: #fff;
z-index: 100;
border-radius: 8px;
padding: 17px 14px 20px 23px;
margin: 0;
width: 280px;
min-width: 270px;
position: absolute;
left: -10000px;
bottom: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
text-align: left;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
list-style-type: none;
}
.fa_main-subnav li {
margin-bottom: 12px;
}
.fa_main-subnav li.current-menu-item a,
.fa_main-subnav li.current_page_item a {
color: #ed3a2f;
font-weight: 400;
}
.fa_main-subnav a {
font-size: 16px;
border: none;
}
.fa_main-subnav a:hover {
color: #ed3a2f;
}
.mobile-menu-button {
position: relative;
z-index: 99;
float: left;
width: 22px;
height: 17px;
cursor: pointer;
-webkit-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.mobile-menu-button.active .icon-menu-burger {
-webkit-transition: transform 0.2s linear 0.4s;
-webkit-transition: -webkit-transform 0.2s linear 0.4s;
-o-transition: transform 0.2s linear 0.4s;
transition: -webkit-transform 0.2s linear 0.4s;
transition: transform 0.2s linear 0.4s;
transition:
transform 0.2s linear 0.4s,
-webkit-transform 0.2s linear 0.4s;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobile-menu-button.active .icon-menu-burger__line {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
background: #ed3a2f;
}
.mobile-menu-button.active .icon-menu-burger:before {
top: 0;
-webkit-transition: top 0.2s linear;
-o-transition: top 0.2s linear;
transition: top 0.2s linear;
background: #ed3a2f;
}
.mobile-menu-button.active .icon-menu-burger:after {
bottom: 0;
-webkit-transition: bottom 0.2s linear;
-o-transition: bottom 0.2s linear;
transition: bottom 0.2s linear;
background: #ed3a2f;
}
.icon-menu-burger {
position: absolute;
top: 50%;
width: 22px;
height: 2px;
-webkit-transition: transform 0.2s ease 0s;
-webkit-transition: -webkit-transform 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition:
transform 0.2s ease 0s,
-webkit-transform 0.2s ease 0s;
}
.icon-menu-burger__line {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: transform 0.2s linear 0.2s;
-webkit-transition: -webkit-transform 0.2s linear 0.2s;
-o-transition: transform 0.2s linear 0.2s;
transition: -webkit-transform 0.2s linear 0.2s;
transition: transform 0.2s linear 0.2s;
transition:
transform 0.2s linear 0.2s,
-webkit-transform 0.2s linear 0.2s;
background: #ed3a2f;
}
.icon-menu-burger:before,
.icon-menu-burger:after {
position: absolute;
left: 0;
width: 100%;
height: 100%;
content: "";
background: #ed3a2f;
}
.icon-menu-burger:before {
top: -7px;
-webkit-transition: top 0.2s linear 0.4s;
-o-transition: top 0.2s linear 0.4s;
transition: top 0.2s linear 0.4s;
}
.icon-menu-burger:after {
bottom: -7px;
-webkit-transition: bottom 0.2s linear 0.4s;
-o-transition: bottom 0.2s linear 0.4s;
transition: bottom 0.2s linear 0.4s;
}
.nav-wrap {
position: fixed;
top: 11px;
right: 10px;
width: 240px;
z-index: 100;
background-color: #fff;
border-radius: 8px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 400ms ease-in;
-o-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
}
.nav-wrap.active {
visibility: visible;
opacity: 1;
}
.modalDialog {
position: fixed;
z-index: 99;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: opacity 400ms ease-in;
-o-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
opacity: 0;
background-color: rgba(29, 129, 202, 0.15);
}
.modalDialog.active {
pointer-events: auto;
opacity: 1;
}
.modalDialog.blur {
-webkit-filter: blur(4px);
filter: blur(4px);
pointer-events: auto;
opacity: 1;
}
@media (min-width: 768px) {
.mobile-menu-button {
width: 30px;
height: 26px;
}
.icon-menu-burger {
width: 30px;
}
.icon-menu-burger:before {
top: -8px;
}
.icon-menu-burger:after {
bottom: -8px;
}
}
@media (min-width: 992px) {
.mobile-menu-button {
display: none;
}
.nav-wrap {
display: none;
}
}
.aboutcourse-area {
background-color: #fff;
}
@media (min-width: 992px) {
.aboutcourse-area {
background: #fff url(../images/aboutcourse-bg.jpg) -webkit-calc(50% - 280px)
center no-repeat;
background: #fff url(../images/aboutcourse-bg.jpg) calc(50% - 280px) center
no-repeat;
background-size: 833px auto;
}
}
@media (min-width: 1400px) {
.aboutcourse-area {
background-position: left center;
}
}
.aboutcourse-area h2 {
width: 280px;
}
@media (min-width: 768px) {
.aboutcourse-area h2 {
width: auto;
}
}
@media (min-width: 992px) {
.aboutcourse-area .title {
text-align: left;
width: 450px;
}
}
.aboutcourse-area p:last-child {
margin-bottom: 0;
}
.aboutcourse-area b {
font-weight: 500;
}
@media (min-width: 992px) {
.aboutcourse-area__body {
width: 55%;
margin-left: auto;
}
}
@media (min-width: 992px) {
.aboutcourse-area__body {
margin-bottom: 0;
}
}
.advantages-area h2 {
width: 200px;
}
@media (min-width: 768px) {
.advantages-area h2 {
width: auto;
}
}
.adv-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
}
@media (min-width: 768px) {
.adv-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.adv-grid {
grid-template-columns: repeat(3, 1fr);
grid-gap: 35px 25px;
}
}
@media (min-width: 1200px) {
.adv-grid__item:nth-child(3) .adv-card__text {
padding-right: 50px;
}
}
@media (min-width: 1200px) {
.adv-grid__item:nth-child(6) .adv-card__text {
padding-right: 50px;
}
}
@media (min-width: 1200px) {
.adv-grid__item:nth-child(7) .adv-card {
padding-right: 50px;
}
}
@media (min-width: 1200px) {
.adv-grid__item:nth-child(9) .adv-card__label {
padding-right: 50px;
}
}
@media (min-width: 1200px) {
.adv-grid__item:nth-child(10) .adv-card__label {
padding-right: 40px;
}
}
@media (min-width: 1200px) {
.adv-grid__item:nth-child(11) .adv-card__label {
padding-right: 80px;
}
}
.adv-ico {
width: 40px;
height: 40px;
}
.adv-ico_1 {
width: 34px;
height: 34px;
}
@media (min-width: 992px) {
.adv-ico_1 {
width: 40px;
height: 57px;
}
}
.adv-ico_2 {
width: 34px;
height: 34px;
}
@media (min-width: 992px) {
.adv-ico_2 {
width: 49px;
height: 44px;
}
}
.adv-ico_3 {
width: 34px;
height: 36px;
}
@media (min-width: 992px) {
.adv-ico_3 {
width: 57px;
height: 59px;
}
}
.adv-ico_4 {
width: 35px;
height: 35px;
}
@media (min-width: 992px) {
.adv-ico_4 {
width: 52px;
height: 56px;
}
}
.adv-ico_5 {
width: 36px;
height: 36px;
}
@media (min-width: 992px) {
.adv-ico_5 {
width: 50px;
height: 50px;
}
}
.adv-ico_6 {
width: 33px;
height: 32px;
}
@media (min-width: 992px) {
.adv-ico_6 {
width: 50px;
height: 49px;
}
}
.adv-ico_7 {
width: 34px;
height: 39px;
}
@media (min-width: 992px) {
.adv-ico_7 {
width: 53px;
height: 60px;
}
}
.adv-ico_8 {
width: 46px;
height: 46px;
}
@media (min-width: 992px) {
.adv-ico_8 {
width: 70px;
height: 69px;
}
}
.adv-ico_9 {
width: 36px;
height: 36px;
}
@media (min-width: 992px) {
.adv-ico_9 {
width: 52px;
height: 52px;
}
}
.adv-ico_10 {
width: 45px;
height: 45px;
}
@media (min-width: 992px) {
.adv-ico_10 {
width: 62px;
height: 62px;
}
}
.adv-ico_11 {
width: 40px;
height: 34px;
}
@media (min-width: 992px) {
.adv-ico_11 {
width: 59px;
height: 50px;
}
}
.adv-ico_12 {
width: 33px;
height: 43px;
}
@media (min-width: 992px) {
.adv-ico_12 {
width: 47px;
height: 60px;
}
}
@media (max-width: 991.98px) {
.adv-card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.adv-card__body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.adv-card__mediabox {
margin-right: 13px;
width: 45px;
padding-bottom: 12px;
border-bottom: 1px solid #ed3a2f;
}
@media (min-width: 992px) {
.adv-card__mediabox {
width: 70px;
padding-bottom: 14px;
height: 80px;
margin-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.adv-card__mediabox svg {
margin-top: auto;
}
.adv-card__label {
font-weight: 400;
margin-bottom: 3px;
font-size: 16px;
}
@media (min-width: 992px) {
.adv-card__label {
font-size: 20px;
}
}
@media (min-width: 992px) {
.adv-card__text {
font-size: 15px;
}
}
@media (max-width: 767.98px) {
}
@media (min-width: 992px) {
.doc-area__title {
margin-bottom: 60px;
}
}
@media (min-width: 1200px) {
.doc-area__title {
margin-bottom: 70px;
}
}
.doc-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
width: 100%;
}
@media (min-width: 992px) {
.doc-grid {
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
}
.doc-grid__item {
min-width: 0;
width: 100%;
background: #fff;
}
.doc-grid__body {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
}
@media (min-width: 768px) {
.doc-grid__body {
grid-template-columns: repeat(2, 1fr);
}
}
.doc-gal img {
display: block;
}
.doc-gal__title {
font-weight: normal;
font-size: 16px;
margin-bottom: 15px;
}
@media (min-width: 1200px) {
.doc-gal__title {
margin-bottom: 18px;
}
}
@media (min-width: 992px) {
.doc-gal__title {
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 992px) {
.doc-gal__title {
text-align: center;
min-height: 60px;
margin-left: auto;
margin-right: auto;
}
.doc-gal__title--last {
max-width: 280px;
}
.doc-gal__link {
height: 230px;
}
.doc-gal__link--last img {
object-fit: contain;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px) {
.doc-gal__title {
font-size: 18px;
}
}
@media (min-width: 768px) {
}
@media (min-width: 1200px) {
.doc-gal:nth-child(1) .doc-gal__title {
max-width: 300px;
}
}
@media (min-width: 1200px) {
}
.doc-gal__sub-title {
margin-bottom: 15px;
max-width: 250px;
}
@media (min-width: 768px) {
.doc-gal__sub-title {
display: none;
}
}
.doc-gal__text {
text-align: center;
padding-top: 16px;
font-size: 15px;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767.98px) {
.doc-gal__text {
display: none;
}
}
/*.present-gal{background:#FFF;border-radius:8px;padding:20px}*/
@media (max-width: 991.98px) {
}
@media (min-width: 992px) {
.present-gal {
text-align: center;
}
}
@media (min-width: 1200px) {
}
.present-gal_footer {
display: none;
}
@media (max-width: 991.98px) {
}
@media (max-width: 767.98px) {
.present-gal__body {
max-width: 210px;
}
}
.present-gal__title {
font-weight: normal;
font-size: 17px;
margin-bottom: 3px;
}
@media (min-width: 768px) {
.present-gal__title {
font-size: 18px;
}
}
@media (min-width: 992px) {
.present-gal__title {
margin-left: auto;
margin-right: auto;
max-width: 250px;
}
}
.present-gal__sub-title {
margin-bottom: 15px;
font-weight: normal;
}
@media (min-width: 768px) {
.present-gal__sub-title {
font-size: 16px;
margin-bottom: 8px;
font-weight: 300;
}
}
@media (min-width: 1200px) {
.present-gal__sub-title {
margin-bottom: 18px;
}
}
@media (min-width: 992px) {
.present-gal__details {
display: none;
}
}
.present-gal__mediabox {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
}
.present-gal__mediabox img {
display: block;
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
.present-gal__mediabox img {
margin-right: auto;
}
}
.reserved-area {
padding: 36px 0;
background: #e4eefa;
background-repeat: no-repeat;
}
@media (min-width: 768px) {
.reserved-area {
padding: 60px 0;
}
}
@media (min-width: 992px) {
.reserved-area {
padding: 100px 0;
}
}
.reserved-area_one-bg {
background-image: url(../images/m-order-1.png);
background-size: 438px auto;
background-position: calc(50% + 60px) bottom;
}
@media (max-width: 991.98px) {
.reserved-area_one-bg {
padding-bottom: 60px;
}
}
@media (min-width: 768px) {
.reserved-area_one-bg {
background-image: url(../images/reserved-bg.jpg);
background-size: auto 390px;
}
}
@media (min-width: 992px) {
.reserved-area_one-bg {
background-size: auto 552px;
background-position: calc(50% + 40px) top;
}
}
.reserved-area_two-bg {
background-image: url(../images/m-order-2.png);
background-size: 438px auto;
background-position: calc(50% + 80px) bottom;
}
@media (min-width: 768px) {
.reserved-area_two-bg {
background-image: url(../images/order-2-bg.jpg);
background-size: auto 40px;
}
}
@media (min-width: 992px) {
.reserved-area_two-bg {
background-position: calc(50% + 50px) top;
background-size: auto 555px;
}
}
@media (max-width: 991.98px) {
.reserved-form_modal .fopm-price span:nth-child(3) {
font-size: 12px;
}
}
.fopm-price {
font-size: 23px;
display: inline-block;
}
@media (min-width: 992px) {
.fopm-price {
font-size: 31px;
font-weight: 400;
}
}
.fopm-price span:nth-child(1) {
text-decoration: line-through;
color: #7f8998;
}
.fopm-price span:nth-child(2) {
color: #ed3a2f;
}
.fopm-price span:nth-child(3) {
font-size: 14px;
}
@media (min-width: 992px) {
.fopm-price span:nth-child(3) {
font-size: 18px;
}
}
.form__btn-submit {
height: 40px;
line-height: 40px;
padding: 0 22px;
font-size: 16px;
}
@media (min-width: 992px) {
.form__btn-submit {
height: 50px;
line-height: 50px;
font-weight: normal;
font-size: 18px;
padding: 0 25px;
}
}
.form__inp {
background: #ffffff;
border: 1px solid #c7d2e3;
border-radius: 5px;
height: 40px;
line-height: 40px;
padding: 0 18px;
color: #000;
width: 100%;
font-weight: 300;
font-family: IBM Plex Sans;
}
@media (min-width: 992px) {
.form__inp {
height: 50px;
line-height: 50px;
font-size: 15px;
}
}
.form__inp:focus {
border-color: #000;
}
.form__inp::-webkit-input-placeholder {
color: #7f8998;
}
.form__inp::-moz-placeholder {
color: #7f8998;
}
.form__inp:-moz-placeholder {
color: #7f8998;
}
.form__inp:-ms-input-placeholder {
color: #7f8998;
}
.form__inp:focus::-webkit-input-placeholder {
color: transparent;
}
.form__inp:focus::-moz-placeholder {
color: transparent;
}
.form__inp:focus:-moz-placeholder {
color: transparent;
}
.form__inp:focus:-ms-input-placeholder {
color: transparent;
}
@media (max-width: 767.98px) {
.form__cell {
margin-bottom: 7px;
}
}
.fa_program-area h2 {
margin-bottom: 0;
}
@media (min-width: 992px) {
.fa_program-area__cont {
display: grid;
grid-template-columns: 3fr 9fr;
grid-gap: 10px;
}
}
@media (min-width: 992px) {
.fa_program-area__aside {
padding-right: 15px;
}
}
@media (max-width: 991.98px) {
.fa_program-area__body {
margin-top: 20px;
}
}
@media (max-width: 991.98px) {
.fa_program-area__body_higer {
margin-top: 8px;
}
}
@media (max-width: 991.98px) {
.fa_program-area__body .programm-selelect-wrapper {
display: none;
}
}
@media (min-width: 992px) {
.fa_program-area .programm-tabs {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.fa_program-area .programm-tabs li:first-child {
margin-left: 0;
}
.program-area {
background: #f4f9ff;
}
.program-area__title {
margin-bottom: 5px;
}
@media (min-width: 992px) {
.program-area__title {
margin-bottom: 12px;
}
}
.program-area__desc {
font-family: IBM Plex Sans;
font-size: 14px;
margin-bottom: 20px;
}
@media (max-width: 575.98px) {
.program-area__desc {
max-width: 250px;
}
}
@media (min-width: 992px) {
.program-area__desc {
font-size: 16px;
margin-bottom: 30px;
text-align: center;
}
}
.fa_program-grid {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.fa_program-grid__item {
padding: 0 10px;
margin-bottom: 10px;
width: 100%;
}
.fa_program-card {
border-radius: 8px;
padding: 15px 30px;
background-position: center;
background-size: cover;
position: relative;
height: 90px;
border: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.fa_program-card__mediabox {
display: none;
}
.fa_program-card__title {
color: #fff;
border-color: #fff;
border-bottom: 1px dashed #fff;
display: inline;
}
.search-form {
width: 100%;
height: 40px;
line-height: 40px;
background: #fff;
border: 1px solid #c7d2e3;
border-radius: 5px;
padding: 0 5px 0 14px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 992px) {
.search-form {
border-radius: 8px;
width: 268px;
height: 45px;
line-height: 45px;
padding: 0 9px 0 21px;
}
}
.search-form_mobile {
margin-bottom: 4px;
}
@media (min-width: 992px) {
.search-form_mobile {
display: none;
}
}
.search-form__inp {
border: none;
background-color: transparent;
font-size: 14px;
width: -webkit-calc(100% - 35px);
width: calc(100% - 35px);
font-family: Roboto;
font-weight: 300;
color: #000;
}
@media (min-width: 992px) {
.search-form__inp {
font-size: 15px;
font-style: italic;
}
}
.search-form__inp::-webkit-input-placeholder {
color: #7f8998;
}
.search-form__inp::-moz-placeholder {
color: #7f8998;
}
.search-form__inp:-moz-placeholder {
color: #7f8998;
}
.search-form__inp:-ms-input-placeholder {
color: #7f8998;
}
.search-form__inp:focus::-webkit-input-placeholder {
color: transparent;
}
.search-form__inp:focus::-moz-placeholder {
color: transparent;
}
.search-form__inp:focus:-moz-placeholder {
color: transparent;
}
.search-form__inp:focus:-ms-input-placeholder {
color: transparent;
}
.search-form__btn {
width: 35px;
height: 35px;
background: transparent url(../images/search.svg) center no-repeat;
border: none;
padding: 0;
cursor: pointer;
background-size: 13px 13px;
}
@media (min-width: 992px) {
.search-form__btn {
background-size: 15px 15px;
}
}
@media (min-width: 768px) {
.fa_program-area h2 {
text-align: left;
}
.fa_program-grid__item {
margin-bottom: 24px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
}
.fa_program-card {
padding: 22px;
height: 230px;
max-width: 190px;
position: relative;
overflow: hidden;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.fa_program-card:before {
display: block;
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
background-color: #f2f8fc;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
.fa_program-card:hover:before {
opacity: 1;
}
.fa_program-card__mediabox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 82px;
position: relative;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.fa_program-card:hover .fa_program-card__mediabox {
opacity: 1;
}
.fa_program-card__title {
font-size: 18px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
}
.fa_program-card:hover .fa_program-card__title {
color: #0b3077;
border-color: #0b3077;
}
}
@media (min-width: 992px) {
.fa_program-area h2 {
font-size: 46px;
margin-bottom: 60px;
}
.fa_program-grid__item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.fa_program-grid_catalog .fa_program-grid__item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33%;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
}
}
@media (min-width: 1200px) {
.fa_program-grid__item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
}
.fa_program-grid_catalog .fa_program-grid__item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
}
@media (min-width: 992px) {
.menu-programm {
margin-bottom: 1.5rem;
}
}
.menu-programm ul {
margin: 0;
padding: 0;
list-style-type: none;
}
@media (min-width: 992px) {
.menu-programm li {
margin-bottom: 20px;
text-align: left;
margin-right: 5px;
font-family: IBM Plex Sans;
font-weight: normal;
}
}
@media (min-width: 992px) {
.menu-programm li.current-menu-item {
padding-left: 15px;
border-left: 2px solid #ed3a2f;
}
}
.menu-programm li.current-menu-item a {
color: #ed3a2f;
}
.menu-programm a {
border-color: transparent;
font-size: 14px;
}
@media (min-width: 768px) {
.menu-programm a {
font-size: 16px;
}
}
@media (min-width: 1200px) {
.menu-programm a {
font-size: 18px;
}
}
.info-menu li {
font-family: Roboto;
}
@media (max-width: 991.98px) {
.info-menu li {
margin-bottom: 6px;
}
}
.info-menu li:last-child {
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.info-menu a {
white-space: normal !important;
line-height: 1.25 !important;
}
}
.programm-selelect {
padding: 10px 14px;
border-radius: 5px;
background: #ffffff;
color: #7f8998;
position: relative;
}
@media (max-width: 991.98px) {
.programm-selelect {
margin-bottom: 0px;
min-height: 40px;
}
}
@media (min-width: 992px) {
.programm-selelect {
cursor: pointer;
border-radius: 8px;
min-width: 205px;
height: 45px;
padding: 10px 12px;
-webkit-transition: border-color 0.3s;
-o-transition: border-color 0.3s;
transition: border-color 0.3s;
display: inline-block;
}
}
@media (min-width: 992px) {
.programm-selelect_higher {
display: none !important;
}
}
.programm-selelect.active span:before {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.programm-selelect span {
display: block;
padding-right: 33px;
font-size: 14px;
font-weight: 300;
position: relative;
}
@media (min-width: 992px) {
.programm-selelect span {
padding-right: 48px;
font-size: 19px;
font-weight: normal;
color: #ed3a2f;
}
}
.programm-selelect span:before {
position: absolute;
display: block;
content: "";
top: 3px;
right: 0;
width: 10px;
height: 16px;
background: url(../images/prog-select.svg) center no-repeat;
background-size: 10px 6px;
}
@media (min-width: 992px) {
.programm-selelect span:before {
top: 10px;
width: 12px;
height: 8px;
background-size: 12px 8px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
}
.programm-selelect span i {
position: relative;
font-style: normal;
}
@media (max-width: 991.98px) {
.retraining-programm {
margin-bottom: 22px;
}
}
@media (min-width: 992px) {
.retraining-programm {
width: auto;
position: absolute;
left: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
pointer-events: none;
border: 1px solid rgba(255, 255, 255, 0.5);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
min-width: 260px;
}
}
.retraining-programm.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
@media (min-width: 992px) {
.retraining-programm ul {
padding: 13px 21px;
list-style-type: none;
background: #ffffff;
border: 1px solid #c7d2e3;
border-radius: 8px;
}
}
@media (min-width: 992px) {
.retraining-programm ul a {
border-color: transparent;
line-height: 1.8;
white-space: nowrap;
font-size: 17px;
}
}
.retraining-programm ul a:hover {
color: #ed3a2f;
}
@media (min-width: 992px) {
.retraining-programm .current-menu-item a {
color: #ed3a2f;
}
}
@media (max-width: 991.98px) {
.select-menu {
margin-top: -4px;
margin-bottom: 8px;
display: none;
}
}
@media (max-width: 991.98px) {
.select-menu ul {
margin: 0;
list-style-type: none;
background: #ffffff;
border: 1px solid #c7d2e3;
border-radius: 5px;
padding: 11px 10px 14px;
}
}
@media (max-width: 991.98px) {
.select-menu ul a {
line-height: 2;
white-space: nowrap;
font-size: 14px;
border-color: transparent;
}
}
.programm-selelect-wrapper {
position: relative;
border: 1px solid #c7d2e3;
margin-right: 10px;
border-radius: 8px;
}
.retraining-aside .menu-item-780 a {
color: #fff !important;
border-color: transparent !important;
}
.retraining-aside .retraining-programm {
display: none;
}
@media (min-width: 992px) {
.retraining-aside .programm-selelect,
.fa_program-area__aside .programm-selelect,
.fa_info-page__sidebar .programm-selelect {
display: none;
}
}
.programm-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.programm-header {
margin-bottom: 50px;
}
}
@media (min-width: 992px) {
.serch-area__search {
margin-left: 13px;
margin-bottom: 0;
}
}
.serch-area__result {
width: 100%;
font-weight: 300;
font-family: IBM Plex Sans;
margin-bottom: 15px;
}
@media (min-width: 992px) {
.serch-area__result {
font-size: 20px;
font-weight: normal;
margin-bottom: 0;
}
}
.serch-area__collapse {
text-align: center;
}
@media (min-width: 992px) {
.serch-area__collapse {
display: none;
}
}
.serch-area__collapse span {
font-size: 14px;
color: #b1ecff;
border-bottom: 1px dashed #b1ecff;
}
.tabs {
position: relative;
}
.tabs__item {
position: absolute;
opacity: 0;
left: -10000px;
}
.tabs__item.active {
position: relative;
left: 0;
opacity: 1;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
@media (min-width: 992px) {
.programm-tabs {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #c7d2e3;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (min-width: 992px) {
.programm-tabs__item {
margin: 0 27px;
}
}
@media (min-width: 992px) {
.programm-tabs__item.active .programm-tabs__link {
border-color: #ed3a2f;
color: #ed3a2f;
font-weight: normal;
}
}
@media (min-width: 992px) {
.programm-tabs__link {
display: inline-block;
padding-bottom: 18px;
border-bottom: 2px solid transparent;
font-size: 19px;
}
}
.license-area {
background: #eaf4ff;
}
.license-area .title {
margin-bottom: 28px;
text-align: center;
}
@media (min-width: 992px) {
.license-area .title {
margin-bottom: 65px;
}
}
@media (max-width: 991.98px) {
.license-area .fa_maintabs-nav li {
margin-bottom: 0;
}
}
.license-area .fa_maintabs-nav a {
text-decoration: none;
}
.license-area .fa_maintabs-nav a:hover {
text-decoration: none !important;
}
.license-area .fa_maintabs-nav a span {
color: #7f8998;
border-bottom: 1px dashed #7f8998;
}
@media (min-width: 992px) {
.license-area .fa_maintabs-nav a span {
border-color: transparent;
}
}
.license-area .fa_maintabs-nav a.active span {
color: #ed3a2f;
border-color: transparent;
}
.license-area__right h3 {
margin-bottom: 0;
}
.license-area__left {
margin-bottom: 38px;
}
.license-area__desc {
font-size: 14px;
width: 250px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (min-width: 992px) {
.license-area__desc {
font-size: 15px;
margin-top: 24px;
}
}
.license-area__what {
font-size: 13px;
margin-bottom: 10px;
display: inline-block;
}
.page-template-template-license .license-area {
background-color: #fff;
}
.fa_license-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.fa_license-list__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 20px;
}
.fa_license-list__item:last-child {
margin-bottom: 0;
}
.fa_license-list__item picture {
display: block;
width: 37px;
}
.fa_license-list__item:nth-child(1) picture {
width: 46px;
}
.fa_license-list__mediabox {
width: 59px;
padding-left: 3px;
padding-top: 5px;
}
.fa_license-list__item:nth-child(1) .fa_license-list__mediabox {
padding-left: 0;
}
.fa_license-list__body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 14px;
}
.license-slider__wrap {
position: relative;
padding: 0 35px;
margin-bottom: 8px;
margin-left: -8px;
margin-right: -8px;
height: 320px;
}
@media (min-width: 768px) {
.license-slider__wrap {
padding: 0 55px;
}
}
@media (min-width: 992px) {
.license-slider__wrap {
height: 420px;
}
}
/*@media (min-width: 992px){.license-slider__wrap{height:400px}}*/
@media (max-width: 767.98px) {
.license-slider img {
max-width: 225px;
margin-left: auto;
margin-right: auto;
}
}
.license-slider__item {
text-align: center;
}
.license-slider__arrow {
width: 16px;
height: 34px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
cursor: pointer;
z-index: 5;
}
@media (min-width: 992px) {
.license-slider__arrow {
width: 31px;
height: 63px;
}
}
.license-slider__arrow_next {
right: 13px;
}
@media (min-width: 1200px) {
.license-slider__arrow_next {
right: 0;
}
}
.license-slider__arrow_next svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.license-slider__arrow_prev {
left: 13px;
}
@media (min-width: 1200px) {
.license-slider__arrow_prev {
left: 0;
}
}
.license-slider__ico {
fill: #dadada;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.license-slider__arrow:hover .license-slider__ico {
fill: #ed3a2f;
}
.fa_license-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: -8px;
margin-right: -8px;
margin-bottom: 8px;
}
.fa_license-grid__item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
padding: 0 4px;
}
@media (min-width: 768px) {
.license-area .fa_title {
margin-bottom: 50px;
}
.license-area__right {
width: 50%;
padding: 0 15px;
}
.license-area__left {
width: 50%;
padding: 0 15px;
}
.fa_license-list {
padding-right: 50px;
}
.fa_license-list__item {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 992px) {
.license-area h2 {
margin-left: auto;
margin-right: auto;
margin-bottom: 65px;
}
.license-area__right h3 {
width: 280px;
margin-bottom: 8px;
}
.license-area__left {
margin-bottom: 0;
}
.license-area__desc {
font-size: 14px;
width: 380px;
margin-bottom: 0px;
}
.license-area__what {
margin-bottom: 9px;
}
.fa_license-list {
padding-right: 75px;
}
.fa_license-list__item {
margin-bottom: 24px;
}
.fa_license-list__mediabox {
width: 108px;
padding-left: 7px;
}
.fa_license-list__mediabox picture {
width: auto !important;
}
.fa_license-list__item:nth-child(1) .fa_license-list__mediabox {
padding-left: 0;
}
.fa_license-list__body {
font-size: 16px;
}
}
@media (min-width: 1200px) {
.license-area h2 {
margin-left: auto;
margin-right: auto;
}
}
.lic-tab-navs {
margin-bottom: 12px;
}
@media (min-width: 768px) {
.lic-tab-navs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (min-width: 992px) {
.lic-tab-navs {
margin-bottom: 45px;
}
}
.lic-tab-nav {
margin-bottom: 8px;
text-align: center;
}
@media (min-width: 768px) {
.lic-tab-nav {
padding: 0 15px;
}
}
.lic-tab-nav__link {
font-size: 15px;
border-bottom: 1px dashed #3aa1ec;
font-weight: 300;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #3aa1ec;
cursor: pointer;
}
@media (min-width: 992px) {
.lic-tab-nav__link {
font-size: 20px;
}
}
.lic-tab-nav__link.active {
color: #000000;
font-weight: normal;
border-color: transparent;
}
.lic-tab-nav__link:hover {
border-color: transparent;
}
.lic-tabs {
position: relative;
}
.lic-tab {
position: absolute;
left: -10000px;
top: 0;
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.lic-tab.active {
position: relative;
opacity: 1;
left: 0;
}
.advantages-area h2 {
width: 200px;
}
@media (min-width: 768px) {
.advantages-area h2 {
width: auto;
}
}
.adv-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
}
@media (min-width: 768px) {
.adv-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.adv-grid {
grid-template-columns: repeat(3, 1fr);
grid-gap: 35px 25px;
}
}
@media (min-width: 1200px) {
.adv-grid__item:nth-child(3) .adv-card__text {
padding-right: 50px;
}
}
@media (min-width: 1200px) {
.adv-grid__item:nth-child(6) .adv-card__text {
padding-right: 50px;
}
}
@media (min-width: 1200px) {
.adv-grid__item:nth-child(7) .adv-card {
padding-right: 50px;
}
}
@media (min-width: 1200px) {
.adv-grid__item:nth-child(9) .adv-card__label {
padding-right: 50px;
}
}
@media (min-width: 1200px) {
.adv-grid__item:nth-child(10) .adv-card__label {
padding-right: 40px;
}
}
@media (min-width: 1200px) {
.adv-grid__item:nth-child(11) .adv-card__label {
padding-right: 80px;
}
}
.adv-ico {
width: 40px;
height: 40px;
}
.adv-ico_1 {
width: 34px;
height: 34px;
}
@media (min-width: 992px) {
.adv-ico_1 {
width: 49px;
height: 49px;
}
}
.adv-ico_2 {
width: 34px;
height: 34px;
}
@media (min-width: 992px) {
.adv-ico_2 {
width: 49px;
height: 44px;
}
}
.adv-ico_3 {
width: 34px;
height: 36px;
}
@media (min-width: 992px) {
.adv-ico_3 {
width: 52px;
height: 56px;
}
}
.adv-ico_4 {
width: 35px;
height: 35px;
}
@media (min-width: 992px) {
.adv-ico_4 {
width: 50px;
height: 50px;
}
}
.adv-ico_5 {
width: 34px;
height: 31px;
}
@media (min-width: 992px) {
.adv-ico_5 {
width: 52px;
height: 52px;
}
}
.adv-ico_6 {
width: 35px;
height: 34px;
}
@media (min-width: 992px) {
.adv-ico_6 {
width: 50px;
height: 48px;
}
}
.adv-ico_7 {
width: 36px;
height: 36px;
}
@media (min-width: 992px) {
.adv-ico_7 {
width: 55px;
height: 52px;
}
}
.adv-ico_8 {
width: 36px;
height: 46px;
}
@media (min-width: 992px) {
.adv-ico_8 {
width: 51px;
height: 65px;
}
}
.adv-ico_9 {
width: 36px;
height: 36px;
}
@media (min-width: 992px) {
.adv-ico_9 {
width: 52px;
height: 52px;
}
}
.adv-ico_10 {
width: 45px;
height: 45px;
}
@media (min-width: 992px) {
.adv-ico_10 {
width: 62px;
height: 62px;
}
}
.adv-ico_11 {
width: 40px;
height: 34px;
}
@media (min-width: 992px) {
.adv-ico_11 {
width: 59px;
height: 50px;
}
}
.adv-ico_12 {
width: 33px;
height: 43px;
}
@media (min-width: 992px) {
.adv-ico_12 {
width: 47px;
height: 60px;
}
}
@media (max-width: 991.98px) {
.adv-card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.adv-card__body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.adv-card__mediabox {
margin-right: 13px;
width: 45px;
padding-bottom: 12px;
border-bottom: 1px solid #ed3a2f;
}
@media (min-width: 992px) {
.adv-card__mediabox {
width: 70px;
padding-bottom: 14px;
height: 80px;
margin-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.adv-card__mediabox svg {
margin-top: auto;
}
.adv-card__label {
font-weight: 400;
margin-bottom: 3px;
font-size: 16px;
}
@media (min-width: 992px) {
.adv-card__label {
font-size: 20px;
}
}
@media (min-width: 992px) {
.adv-card__text {
font-size: 15px;
}
}
@media (max-width: 767.98px) {
.steps-area__title {
max-width: 240px;
}
}
@media (min-width: 992px) {
.steps-area__title {
margin-bottom: 35px;
}
}
@media (min-width: 992px) {
.steps-area__cont {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.steps-area__right {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 24px;
}
@media (min-width: 992px) {
.steps-area__right {
margin-bottom: 0;
}
}
.steps-area__left {
margin-right: 4%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 36%;
-ms-flex: 0 0 36%;
flex: 0 0 36%;
}
.steps-list {
margin: 0;
padding: 0;
list-style-type: none;
}
@media (min-width: 992px) {
.steps-list {
margin-left: 10px;
}
}
.steps-list li {
margin-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.steps-list li:last-child {
margin-bottom: 0;
}
@media (min-width: 992px) {
.steps-list li {
align-items: center;
margin-bottom: 14px;
}
}
.steps-list span {
display: block;
height: 35px;
line-height: 35px;
color: #ed3a2f;
border-right: 1px solid #ed3a2f;
font-size: 25px;
margin-right: 10px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 21px;
-ms-flex: 0 0 21px;
flex: 0 0 21px;
font-weight: normal;
}
@media (min-width: 992px) {
.steps-list span {
-webkit-box-flex: 0;
-webkit-flex: 0 0 26px;
-ms-flex: 0 0 26px;
flex: 0 0 26px;
height: 38px;
line-height: 38px;
margin-right: 12px;
font-size: 32px;
}
}
.steps-list p {
margin: 0;
font-size: 14px;
}
@media (min-width: 992px) {
.steps-list p {
font-size: 16px;
}
}
.steps-card {
background: #ffffff;
border-radius: 8px;
padding: 11px 13px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (min-width: 992px) {
.steps-card {
padding: 21px 20px;
}
}
.steps-card__mediabox {
width: 37px;
margin-right: 15px;
}
@media (min-width: 992px) {
.steps-card__mediabox {
width: 50px;
margin-right: 16px;
}
}
.steps-card__body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.steps-card__title {
margin-top: 0;
margin-bottom: 3px;
font-weight: normal;
font-size: 16px;
}
@media (min-width: 992px) {
.steps-card__title {
margin-bottom: 8px;
font-size: 20px;
}
}
.steps-card p {
font-size: 14px;
margin: 0;
}
@media (min-width: 992px) {
.steps-card p {
font-size: 15px;
}
}
.stepscard-item {
margin-bottom: 8px;
}
.steps-ico_1 {
width: 36px;
height: 36px;
}
@media (min-width: 992px) {
.steps-ico_1 {
width: 49px;
height: 49px;
}
}
.steps-ico_2 {
width: 35px;
height: 35px;
}
@media (min-width: 992px) {
.steps-ico_2 {
width: 47px;
height: 48px;
}
}
.steps-ico_3 {
width: 37px;
height: 37px;
}
@media (min-width: 992px) {
.steps-ico_3 {
width: 50px;
height: 50px;
}
}
.fa_mazo-area {
background-color: #fff;
overflow: hidden;
}
.fa_mazo-area h2 {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.fa_mazo-area h2 {
margin-bottom: 36px;
width: auto;
}
}
.fa_maintabs-cont__body {
position: relative;
}
.fa_maintabs-nav {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 22px;
}
@media (min-width: 992px) {
.fa_maintabs-nav {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-bottom: 1px solid #c7d2e3;
margin-bottom: 74px;
}
}
.fa_maintabs-nav li {
margin-right: 40px;
margin-bottom: 6px;
}
@media (min-width: 992px) {
.fa_maintabs-nav li {
margin-left: 22px;
margin-right: 22px;
margin-bottom: 0;
}
}
.fa_maintabs-nav li:last-child {
margin-right: 0;
}
.fa_maintabs-nav a {
font-size: 15px;
display: inline-block;
}
@media (min-width: 992px) {
.fa_maintabs-nav a {
border-color: transparent;
padding-bottom: 18px;
font-size: 19px;
}
}
.fa_maintabs-nav a.active {
color: #ed3a2f;
font-weight: 400;
border-color: transparent;
}
@media (min-width: 992px) {
.fa_maintabs-nav a.active {
border-bottom: 1px solid #ed3a2f;
}
}
.fa_maintabs-nav a:hover {
color: #ed3a2f;
}
@media (max-width: 991.98px) {
.fa_maintabs-nav a:hover {
border-color: #ed3a2f;
}
}
.fa_maintabs {
position: absolute;
left: -10000px;
top: 0;
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.fa_maintabs.active {
opacity: 1;
left: 0;
position: relative;
}
.fa_maintabs h3 {
font-weight: normal;
font-size: 16px;
}
@media (min-width: 992px) {
.fa_maintabs h3 {
font-size: 20px;
}
}
.fa_maintabs p {
font-size: 14px;
margin-bottom: 16px;
}
@media (min-width: 992px) {
.fa_maintabs p {
font-size: 15px;
}
}
.fa_maintabs.iphone p {
/* font-size:8px */
}
.fa_maintabs.iphone .dash-list li {
/* font-size:8px */
}
.fa_maintabs.iphone.missiontabs p {
/* font-size:12px */
}
.fa_maintabs h4 {
font-size: 14px;
margin-top: 0;
margin-bottom: 5px;
font-family: IBM Plex Sans;
font-weight: 500;
}
@media (min-width: 992px) {
.fa_maintabs h4 {
margin-bottom: 10px;
}
}
.fa_maintabs
.tab1-list:first-child
.tab1-list__item:last-child
.fa_topcard__mediabox {
margin-top: 3px;
}
.fa_maintabs .tab1-list:last-child .tab1-list__item:last-child {
margin-bottom: 0;
}
.tab1-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.tab1-list__item {
margin-bottom: 24px;
}
.digits-list {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
}
@media (min-width: 768px) {
.digits-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.digits-list {
grid-template-columns: repeat(3, 1fr);
grid-gap: 50px;
}
}
.digits-card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
color: #000000;
}
.digits-card__mediabox {
-webkit-box-flex: 0;
-webkit-flex: 0 0 45px;
-ms-flex: 0 0 45px;
flex: 0 0 45px;
border-bottom: 1px solid #ed3a2f;
padding-bottom: 6px;
margin-right: 15px;
}
@media (min-width: 992px) {
.digits-card__mediabox {
-webkit-box-flex: 0;
-webkit-flex: 0 0 70px;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
padding-bottom: 15px;
margin-right: 25px;
}
}
.digits-card__body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.digits-card__num {
font-size: 25px;
}
@media (min-width: 992px) {
.digits-card__num {
font-size: 40px;
margin-bottom: 6px;
}
}
.digits-card__text {
font-size: 14px;
font-family: IBM Plex Sans;
}
@media (min-width: 992px) {
.digits-card__text {
font-size: 16px;
}
}
.digits-ico_1 {
width: 34px;
height: 34px;
}
@media (min-width: 992px) {
.digits-ico_1 {
width: 48px;
height: 48px;
}
}
.digits-ico_2 {
width: 40px;
height: 34px;
}
@media (min-width: 992px) {
.digits-ico_2 {
width: 58px;
height: 50px;
}
}
.digits-ico_3 {
width: 38px;
height: 38px;
}
@media (min-width: 992px) {
.digits-ico_3 {
width: 54px;
height: 55px;
}
}
.digits-ico_4 {
width: 33px;
height: 38px;
}
@media (min-width: 992px) {
.digits-ico_4 {
width: 51px;
height: 59px;
}
}
.digits-ico_5 {
width: 36px;
height: 36px;
}
@media (min-width: 992px) {
.digits-ico_5 {
width: 52px;
height: 53px;
}
}
.digits-ico_6 {
width: 37px;
height: 32px;
}
@media (min-width: 992px) {
.digits-ico_6 {
width: 60px;
height: 53px;
}
}
.acons-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 29px;
}
@media (min-width: 992px) {
.acons-grid {
grid-template-columns: 4fr 8fr;
grid-gap: 10px;
}
}
@media (min-width: 992px) {
.acons-grid__right {
padding-left: 40px;
}
}
.acons-grid__right h3 {
margin-bottom: 15px;
}
@media (min-width: 992px) {
.acons-grid__right h3 {
margin-bottom: 40px;
}
}
.acons-grid h3 {
margin-top: 0;
}
.acons {
font-size: 14px;
}
@media (min-width: 992px) {
.acons {
font-size: 15px;
padding: 25px 30px;
background-color: #f4f9ff;
border-radius: 8px;
}
}
.acons h3 {
margin-bottom: 3px;
}
@media (min-width: 992px) {
.acons h3 {
margin-bottom: 14px;
}
}
.acons p {
margin-bottom: 0;
font-family: IBM Plex Sans;
}
.acons-list {
font-size: 14px;
margin: 0;
padding: 0;
list-style-type: none;
font-family: IBM Plex Sans;
}
@media (min-width: 992px) {
.acons-list {
font-size: 15px;
}
}
.acons-list li {
margin-bottom: 25px;
}
@media (min-width: 992px) {
.acons-list li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.acons-list li div:first-child {
-webkit-box-flex: 0;
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
}
.acons-list li div:last-child {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media (min-width: 992px) {
.acons-list li div:last-child {
padding-left: 35px;
}
}
.acons-list li:last-child {
margin-bottom: 0;
}
.acons-list li:nth-child(1) img {
width: 117px;
}
@media (min-width: 992px) {
.acons-list li:nth-child(1) img {
width: 163px;
}
}
.acons-list li:nth-child(2) img {
width: 149px;
}
@media (min-width: 992px) {
.acons-list li:nth-child(2) img {
width: 195px;
}
}
.acons-list li:nth-child(3) img {
width: 134px;
}
@media (min-width: 992px) {
.acons-list li:nth-child(3) img {
width: 186px;
}
}
.acons-list li:nth-child(4) img {
width: 150px;
}
@media (min-width: 992px) {
.acons-list li:nth-child(4) img {
width: 208px;
}
}
.acons-list li:nth-child(5) img {
width: 141px;
}
.acons-list li:nth-child(5) img {
width: 150px;
}
.acons-list li:nth-child(6) img {
width: 150px;
}
@media (min-width: 992px) {
.acons-list li:nth-child(5) img {
width: 195px;
}
.acons-list li:nth-child(6) img {
width: 186px;
}
}
@media (max-width: 991.98px) {
.acons-list img {
margin-bottom: 2px;
}
}
@media (min-width: 992px) {
.missiontabs {
text-align: center;
}
}
.missiontabs h3 {
margin-bottom: 3px;
}
@media (min-width: 992px) {
.missiontabs h3 {
margin-bottom: 14px;
}
}
.missiontabs p {
max-width: 500px;
}
@media (min-width: 992px) {
.missiontabs p {
margin-left: auto;
margin-right: auto;
}
}
.fa_awards-slider-cont {
padding: 0 25px;
}
.fa_awards-slider img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 300px;
}
.fa_awards-slider__arrow {
width: 16px;
height: 43px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
z-index: 100;
}
.fa_awards-slider__arrow_next {
background-image: url(../images/next-arrow2.svg);
right: 0;
}
.fa_awards-slider__arrow_prev {
left: 0;
background-image: url(../images/prev-arrow2.svg);
}
@media (min-width: 992px) {
.fa_tab6-cont {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media (min-width: 992px) {
.fa_tab6-cont .picture {
display: block;
margin-right: 56px;
}
}
@media (min-width: 992px) {
.fa_tab6-cont__body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}
.fa_tab6-cont .fa_dost {
margin-top: 36px;
}
.dash-list {
margin: 0;
padding: 0;
list-style-type: none;
font-family: IBM Plex Sans;
font-size: 15px;
}
.dash-list li {
margin-bottom: 10px;
position: relative;
padding-left: 18px;
}
@media (max-width: 991.98px) {
.dash-list li {
margin-bottom: 15px;
padding-left: 22px;
}
}
.dash-list li:before {
display: block;
position: absolute;
left: 0;
top: 8px;
content: "";
width: 10px;
height: 2px;
background-color: #ed3a2f;
}
@media (min-width: 992px) {
.dash-list li:before {
top: 9px;
}
}
@media (min-width: 576px) {
.fa_awards-slider__item {
padding: 0 8px;
}
.fa_awards-slider img {
max-width: 100%;
}
}
@media (min-width: 768px) {
.fa_mazo-area h2 {
margin-bottom: 40px;
}
.fa_maintabs-cont__body {
padding-bottom: 0;
}
.fa_maintabs p {
font-size: 15px;
}
.fa_maintabs h4 {
font-size: 15px;
}
#tab1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tab1-list {
width: 50%;
padding-right: 30px;
}
.tab1-list__item {
margin-bottom: 40px;
}
.fa_topcard img {
width: 56px;
}
.fa_topcard__label {
font-size: 21px;
}
.fa_topcard__text {
font-size: 15px;
}
.fa_topcard__mediabox {
text-align: center;
}
#tab2 h4 {
margin-top: 32px;
margin-bottom: 32px;
}
.tab2-list picture {
width: auto !important;
}
.tab2-list__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
}
.tab2-list__item:last-child {
margin-bottom: 0;
}
.tab2-list__mediabox {
width: 40%;
}
.tab2-list__body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.fa-logo-cont picture {
width: auto !important;
}
.fa_tab6-cont ul li:last-child {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.fa_awards-slider-cont {
padding: 0;
}
.fa_awards-slider .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fa_awards-slider__item {
padding: 0 8px;
width: 33%;
margin-bottom: 16px;
}
.fa_awards-slider__arrow {
display: none;
}
.fa-logo-cont span {
width: auto !important;
margin-right: 35px;
}
.fa_maintabs .tab1-list:last-child .tab1-list__item {
margin-bottom: 32px;
}
.fa_maintabs .tab1-list:last-child .tab1-list__item:last-child {
margin-bottom: 0;
}
.fa_circle-list li:before {
width: 7px;
height: 7px;
}
.tab2-list__item img {
width: auto !important;
}
}
.clients-area {
background-color: #fff;
}
@media (min-width: 768px) {
.clients-area__block {
text-align: center;
}
}
.page-template-template-home .fa_faq-area {
background-color: #f4f9ff;
}
@media (min-width: 992px) {
.fa_faq-area__title {
margin-bottom: 70px;
}
}
.fa_faq-area__link {
font-size: 14px;
}
.fa_faq-grid__item {
margin-bottom: 10px;
}
.fa_faq-card {
border-radius: 8px;
padding: 16px 18px 8px 16px;
background-color: #fff;
}
.fa_faq-card__title {
position: relative;
padding-right: 20px;
margin-bottom: 8px;
cursor: pointer;
font-size: 16px;
font-weight: normal;
}
.fa_faq-card__title br {
display: none;
}
.fa_faq-card__title:before {
display: block;
position: absolute;
right: 0;
top: 1px;
content: "";
width: 11px;
height: 8px;
background-image: url(../images/faq-arrow.svg);
background-size: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.fa_faq-card__title.active:before {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.fa_faq-card__title a {
color: #000;
border-bottom: none;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.fa_faq-card__title a:hover {
color: #000;
}
.fa_faq-card__body {
display: none;
font-family: IBM Plex Sans;
font-size: 14px;
padding-top: 4px;
padding-bottom: 4px;
}
.fa_faq-card__body.active {
display: block;
}
.fa_faq-card__body p {
font-size: 14px;
}
.fa_faq-card__body p:last-child {
margin-bottom: 0;
}
.page-template-template-license .fa_faq-card {
background-color: #f4f9ff;
}
@media (min-width: 768px) {
.fa_faq-area h2 {
width: auto;
margin-left: 0;
}
.fa_faq-area__form-wrap {
background-color: transparent;
padding: 0;
}
.fa_faq-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 0;
margin-bottom: 0;
}
.fa_faq-grid__item {
width: 50%;
}
.fa_faq-grid__item:nth-child(even) {
padding-right: 25px;
}
.fa_faq-grid__item:nth-child(odd) {
padding-left: 10px;
padding-right: 15px;
}
.fa_faq-card__title {
padding-right: 24px;
}
.fa_faq-card__title:before {
right: 0;
width: 11px;
height: 6px;
top: 7px;
}
.fa_faq-card__body {
padding-top: 14px;
}
.fa_faq-card p {
font-size: 15px;
margin-bottom: 26px;
}
}
@media (min-width: 992px) {
.fa_faq-area__link {
font-size: 16px;
}
.fa_faq-grid {
margin-bottom: 30px;
}
.fa_faq-grid__section {
width: 50%;
margin-bottom: 30px;
}
.fa_faq-grid__section:first-child {
padding-right: 10px;
}
.fa_faq-grid__section:last-child {
padding-left: 15px;
padding-right: 0;
}
.fa_faq-card__title {
font-size: 20px;
}
.fa_faq-card__title:before {
right: 5px;
width: 12px;
height: 9px;
}
.fa_faq-card__title a span {
position: relative;
}
.fa_faq-card__title a span.active span:before {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.fa_faq-card p {
font-size: 16px;
}
}
@media (min-width: 1200px) {
.fa_faq-grid__item:nth-child(even) {
padding-right: 0;
padding-left: 10px;
}
.fa_faq-grid__item:nth-child(odd) {
padding-left: 0;
padding-right: 10px;
}
.fa_faq-card {
padding: 18px 18px 10px 22px;
}
}
.btn {
display: inline-block;
border: none;
background-color: #ed3a2f;
border-radius: 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-weight: normal;
text-align: center;
color: #fff;
cursor: pointer;
font-family: Roboto;
text-decoration: none;
}
.btn:hover {
background-color: #dd160a;
color: #fff;
}
@media (min-width: 992px) {
.btn {
border-radius: 8px;
}
}
.fa_form-cont {
padding: 0 20px;
color: #ffffff;
text-align: center;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.fa_form-cont_modal {
background-color: #103c8f;
padding-top: 16px;
border-radius: 8px;
overflow: hidden;
font-family: "IBM Plex Sans", sans-serif;
}
.fa_form-cont a {
color: #b1ecff;
border-bottom: 1px dashed #b1ecff;
}
.fa_form-cont a:hover {
color: #b1ecff;
border-color: transparent;
}
.fa_form-cont h3 {
font-weight: 500;
font-size: 20px;
line-height: 1.2;
margin-top: 0;
margin-bottom: 5px;
}
.fa_form-cont__question {
display: none;
}
.fa_form-cont__body {
margin-bottom: 36px;
}
.fa_form-cont__info {
background-color: #0b3077;
border-radius: 8px;
padding: 20px 16px;
}
.fa_form-cont_modal .fa_form-cont__info {
margin-left: -20px;
margin-right: -20px;
border-radius: 0;
}
.fa_form-cont__info-tile {
text-align: center;
font-weight: normal;
font-size: 17px;
margin-bottom: 16px;
}
.fa_form__group {
margin-bottom: 11px;
}
.fa_form__group_submit {
margin-top: 20px;
}
.fa_form__send {
position: absolute;
left: 50%;
top: 50%;
width: 50px;
height: 38px;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: none;
}
.fa_form__agree {
font-size: 10px;
line-height: 1.1;
width: 238px;
margin-left: auto;
margin-right: auto;
}
.fa_form__agree a {
color: #b1ecff;
border-bottom: 1px dashed #b1ecff;
}
.fa_form__agree a:hover {
border-color: transparent;
}
.fa_form input[type="tel"],
.fa_form input[type="email"] {
border: none;
border-radius: 5px;
height: 45px;
line-height: 45px;
font-family: "IBM Plex Sans", sans-serif;
font-weight: 300;
font-size: 13px;
line-height: 30px;
color: #fff;
width: 100%;
padding: 0 40px 0 20px;
}
.fa_form input[type="tel"]:focus::-webkit-input-placeholder,
.fa_form input[type="email"]:focus::-webkit-input-placeholder {
color: transparent;
}
.fa_form input[type="tel"]:focus::-moz-placeholder,
.fa_form input[type="email"]:focus::-moz-placeholder {
color: transparent;
}
.fa_form input[type="tel"]:focus:-moz-placeholder,
.fa_form input[type="email"]:focus:-moz-placeholder {
color: transparent;
}
.fa_form input[type="tel"]:focus:-ms-input-placeholder,
.fa_form input[type="email"]:focus:-ms-input-placeholder {
color: transparent;
}
.fa_form input[type="tel"]::-webkit-input-placeholder,
.fa_form input[type="email"]::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
.fa_form input[type="tel"]::-moz-placeholder,
.fa_form input[type="email"]::-moz-placeholder {
color: #fff;
opacity: 1;
}
.fa_form input[type="tel"]:-moz-placeholder,
.fa_form input[type="email"]:-moz-placeholder {
color: #fff;
opacity: 1;
}
.fa_form input[type="tel"]:-ms-input-placeholder,
.fa_form input[type="email"]:-ms-input-placeholder {
color: #fff;
opacity: 1;
}
.fa_form input[type="tel"].error,
.fa_form input[type="email"].error {
border: 1px solid red;
}
.fa_form input[type="email"] {
background: rgba(255, 255, 255, 0.1)
url(../images/mail.svg) -webkit-calc(100% - 20px) center no-repeat;
background: rgba(255, 255, 255, 0.1) url(../images/mail.svg) calc(100% - 20px)
center no-repeat;
}
.fa_form input[type="tel"] {
background: rgba(255, 255, 255, 0.1)
url(../images/phone.svg) -webkit-calc(100% - 20px) center no-repeat;
background: rgba(255, 255, 255, 0.1) url(../images/phone.svg)
calc(100% - 20px) center no-repeat;
}
.fa_form__inp-submit {
padding: 0 25px;
height: 45px;
line-height: 45px;
font-size: 15px;
}
.fa_ico-list {
margin: 0;
padding: 0;
list-style-type: none;
width: 228px;
margin-left: auto;
margin-right: auto;
}
.fa_ico-list li {
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 18px;
}
.fa_ico-list li:last-child {
margin-bottom: 0;
}
.fa_ico-list__mediabox {
width: 22px;
text-align: center;
margin-right: 10px;
border-bottom: 2px solid #e05b23;
}
.fa_ico-list__body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 13px;
}
.fa_form-curator-cont {
background: #ffffff;
border-radius: 8px;
max-width: 355px;
padding: 24px 32px 32px;
}
.fa_form-curator-cont h3 {
font-weight: 300;
font-size: 30px;
margin-top: 0;
color: #000000;
margin-bottom: 18px;
line-height: 1.2;
}
.fa_form_curator input[type="email"] {
background: #edf4f9 url(../images/c-mail.svg) -webkit-calc(100% - 20px) center
no-repeat;
background: #edf4f9 url(../images/c-mail.svg) calc(100% - 20px) center
no-repeat;
border-radius: 5px;
height: 50px;
line-height: 50px;
padding: 0 48px 0 20px;
font-weight: 300;
font-size: 14px;
color: #626262;
font-family: IBM Plex Sans;
}
.fa_form_curator input[type="email"]::-webkit-input-placeholder {
color: #626262;
}
.fa_form_curator input[type="email"]::-moz-placeholder {
color: #626262;
}
.fa_form_curator input[type="email"]:-moz-placeholder {
color: #626262;
}
.fa_form_curator input[type="email"]:-ms-input-placeholder {
color: #626262;
}
.fa_form_curator .fa_form__textarea {
background: #edf4f9;
border-radius: 5px;
height: 110px;
padding: 15px 20px;
font-weight: 300;
font-size: 14px;
color: #626262;
border: none;
width: 100%;
resize: none;
font-family: IBM Plex Sans;
}
.fa_form_curator .fa_form__textarea::-webkit-input-placeholder {
color: #626262;
}
.fa_form_curator .fa_form__textarea::-moz-placeholder {
color: #626262;
}
.fa_form_curator .fa_form__textarea:-moz-placeholder {
color: #626262;
}
.fa_form_curator .fa_form__textarea:-ms-input-placeholder {
color: #626262;
}
.fa_form_curator .fa_form__textarea:focus::-webkit-input-placeholder {
color: transparent;
}
.fa_form_curator .fa_form__textarea:focus::-moz-placeholder {
color: transparent;
}
.fa_form_curator .fa_form__textarea:focus:-moz-placeholder {
color: transparent;
}
.fa_form_curator .fa_form__textarea:focus:-ms-input-placeholder {
color: transparent;
}
.fa_form_curator .fa_form__group {
margin-bottom: 8px;
}
.fa_form_curator .fa_form__submit {
height: 50px;
line-height: 50px;
}
.fa_form_curator .fa_form__group_submit {
margin-top: 18px;
}
.fa_form_curator .fa_form__agree {
font-size: 13px;
}
.fa_form_curator .fa_form__agree a {
color: #3aa1ec;
border-color: #3aa1ec;
}
.fa_form_curator .fa_form__agree a:hover {
border-color: transparent;
}
@media (min-width: 768px) {
.fa_form-cont {
border-radius: 8px;
background-color: #103c8f;
width: 100%;
max-width: 100%;
padding: 0;
overflow: hidden;
text-align: left;
}
.fa_form-cont__info {
border-radius: 0;
}
.fa_form-cont_modal .fa_form-cont__info {
margin-left: 0;
margin-right: 0;
}
.fa_form-cont__body {
padding: 32px;
margin-bottom: 0;
}
.fa_form-cont__question {
display: inline;
font-size: 15px;
}
.fa_form-cont h3 {
font-size: 27px;
}
.fa_form__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 8px;
}
.fa_form__group {
margin-bottom: 0;
margin-right: 7px;
}
.fa_form__group:last-child {
margin-right: 0;
}
.fa_form__group_submit {
margin-top: 0;
}
.fa_form__agree {
font-size: 11px;
width: 100%;
}
.fa_form input[type="tel"],
.fa_form input[type="email"] {
height: 50px;
line-height: 50px;
font-size: 14px;
}
.fa_form__inp-submit {
height: 50px;
line-height: 50px;
font-size: 17px;
}
.fa_list-circle {
font-size: 15px;
margin-bottom: 15px;
}
.fa_ico-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: auto;
}
.fa_ico-list li {
width: 33%;
padding-right: 15px;
}
}
@media (min-width: 992px) {
.fa_form-cont {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.fa_form-cont_modal {
max-width: 930px;
margin-left: 0;
margin-right: 0;
}
.fa_form-cont__info {
width: 290px;
padding: 34px 32px 35px;
}
.fa_form-cont__body {
width: -webkit-calc(100% - 290px);
width: calc(100% - 290px);
}
.fa_form-cont__info-tile {
font-size: 22px;
margin-bottom: 20px;
text-align: left;
}
.fa_form__row {
margin-bottom: 12px;
}
.fa_form__group {
margin-right: 7px;
}
.fa_form__inp-submit {
padding: 0 29px;
}
.fa_form input[type="tel"],
.fa_form input[type="email"] {
font-weight: 200;
}
.fa_ico-list {
margin-left: 5px;
font-size: 14px;
margin-bottom: 4px;
}
.fa_ico-list li {
width: 100%;
padding-right: 0;
margin-bottom: 20px;
}
.fa_ico-list__mediabox {
width: 25px;
margin-right: 18px;
padding-bottom: 6px;
}
.fa_ico-list__mediabox img {
width: 19px;
}
.fa_ico-list__body {
font-size: 14px;
font-weight: 200;
}
}
@media (min-width: 1200px) {
.fa_form-cont_modal {
max-width: 980px;
}
.fa_form input[type="tel"],
.fa_form input[type="email"] {
width: 239px;
}
.fa_form__inp-submit {
width: 183px;
}
.fa_form_modal input[type="tel"],
.fa_form_modal input[type="email"] {
width: 226px;
}
.fa_form_curator input[type="tel"],
.fa_form_curator input[type="email"] {
width: 100%;
}
}
.fa_modal {
background-color: transparent;
padding: 0;
max-width: 480px;
}
.fa_modal_help {
max-width: 349px;
}
.fancybox-close-small {
top: 16px !important;
right: 14px !important;
width: 15px;
height: 15px;
padding: 0 !important;
background: url(../images/close.svg) center no-repeat;
background-size: 100% auto;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.fancybox-close-small svg {
display: none;
}
.fancybox-close-small:hover {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#form-curator .fancybox-close-small {
background: url(../images/close.svg) center no-repeat;
}
.fa_modal-cont {
font-family: Roboto;
background-color: #fff;
border-radius: 8px;
padding: 22px 20px;
}
.fa_modal-cont h3 {
font-weight: 300;
font-size: 17px;
line-height: 20px;
margin-top: 0;
margin-bottom: 12px;
color: #000000;
}
@media (max-width: 767.98px) {
.fa_modal-cont h3 {
width: 250px;
}
}
.fa_modal-cont_help h3 {
font-size: 20px;
}
.fa_modal-cont p {
font-size: 13px;
margin-bottom: 16px;
}
.fa_modal-cont p:last-child {
margin-bottom: 0;
}
.fa_modal-cont i {
font-size: 11px;
}
.fa_modal-cont_help p {
font-size: 12px;
}
.fa_modal-cont ul {
list-style-type: none;
margin: 0 0 0 8px;
padding: 0;
list-style-type: none;
font-size: 13px;
}
.fa_modal-cont ul li {
position: relative;
padding-left: 12px;
margin-bottom: 4px;
}
.fa_modal-cont ul li:before {
display: block;
position: absolute;
left: 0;
top: 6px;
content: "";
width: 5px;
height: 5px;
background-color: #e05b23;
border-radius: 50%;
}
@media (min-width: 768px) {
.fa_modal {
padding-top: 0;
max-width: 572px;
}
.fa_modal_help {
max-width: 389px;
}
.fa_modal-cont {
padding: 30px 35px;
}
.fa_modal-cont h3 {
font-size: 20px;
font-weight: 400;
}
.fa_modal-cont_help h3 {
font-size: 19px;
}
.fa_modal-cont p {
font-size: 15px;
}
.fa_modal-cont i {
font-size: 12px;
}
.fa_modal-cont_help p {
font-size: 13px;
margin-bottom: 26px;
}
.fa_modal-cont ul {
font-size: 14px;
}
}
@media (min-width: 992px) {
.fa_modal_long.fancybox-content {
padding-top: 0;
}
}
@media (min-width: 1200px) {
.fa_modal_long {
max-width: 760px;
width: 1010px;
}
}
#sert-modal h3 {
max-width: 470px;
}
.fa_contact-area h2 {
margin-bottom: 24px;
}
.fa_contact-area__wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fa_contact-area__body {
margin-bottom: 20px;
font-size: 14px;
}
.fa_contact-area__map {
width: 100%;
}
.fa_contact-area #map {
width: 100%;
height: 197px;
}
.fa_contact-list {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 14px;
font-family: IBM Plex Sans;
}
@media (min-width: 992px) {
.fa_contact-list {
font-size: 16px;
}
}
.fa_contact-list li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 16px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 14px;
}
.fa_contact-list li:last-child {
margin-bottom: 0;
}
.fa_contact-list__mediabox {
width: 25px;
padding-bottom: 4px;
margin-right: 14px;
border-bottom: 1px solid #ed3a2f;
text-align: center;
margin-top: 4px;
}
.fa_contact-list__mediabox img {
width: 80%;
}
.fa_contact-list__body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.contact-ico_1 {
width: 16px;
height: 25px;
}
@media (min-width: 992px) {
.contact-ico_1 {
width: 20px;
height: 30px;
}
}
.contact-ico_2 {
width: 20px;
height: 20px;
}
@media (min-width: 992px) {
.contact-ico_2 {
width: 23px;
height: 23px;
}
}
.contact-ico_3 {
width: 18px;
height: 23px;
}
@media (min-width: 992px) {
.contact-ico_3 {
width: 22px;
height: 28px;
}
}
.contact-ico_4 {
width: 22px;
height: 15px;
}
@media (min-width: 992px) {
.contact-ico_4 {
width: 26px;
height: 18px;
}
}
@media (min-width: 768px) {
.fa_contact-area h2 {
font-size: 39px;
margin-bottom: 25px;
text-align: left;
}
.fa_contact-area__body {
width: 40%;
padding-right: 15px;
}
.fa_contact-area__body p {
margin-bottom: 22px;
}
.fa_contact-area__map {
width: 60%;
padding-top: 8px;
}
.fa_contact-area #map {
height: 276px;
}
}
@media (min-width: 992px) {
.fa_contact-area h2 {
-moz-text-align-last: left;
text-align-last: left;
font-size: 45px;
}
.fa_contact-area__body {
width: 34%;
padding-right: 30px;
}
.fa_contact-area__map {
width: 66%;
max-width: 495px;
}
.fa_contact-list li {
margin-bottom: 18px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.fa_contact-list__mediabox img {
width: auto;
}
}
@media (min-width: 1200px) {
.fa_contact-area__body {
width: 34%;
padding-right: 30px;
}
.fa_contact-area__map {
width: 66%;
}
}
.fa_footer__top {
padding-top: 26px;
font-size: 11px;
}
.fa_footer__bottom {
padding-bottom: 19px;
font-size: 11px;
}
@media (min-width: 992px) {
.fa_contact-area__wrap {
justify-content: space-between;
}
.fa_footer__top {
font-size: 15px;
}
.fa_footer__bottom {
font-size: 13px;
}
}
.fa_footer__bottom a {
line-height: 1.5;
}
.fa_footer__bottom a:hover {
border-color: transparent;
}
.fa_footer__logo {
display: flex;
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
.footer__logo--1 {
width: 131px;
}
.footer__logo--2 {
width: 155px;
}
.footer__logo--3 {
width: 169px;
}
@media (min-width: 992px) {
.fa_footer__logo {
gap: 35px;
}
.footer__logo--1 {
width: 204px;
}
.footer__logo--2 {
width: 197px;
}
.footer__logo--3 {
width: 274px;
}
}
.fa_footer__col_burger {
padding-bottom: 15px;
}
@media (max-width: 991.98px) {
.fa_footer__col_burger {
width: 100%;
display: flex;
justify-content: space-between;
}
}
@media (min-width: 992px) {
.fa_footer__col_burger {
padding-bottom: 0;
}
}
@media (max-width: 991.98px) {
.fa_footer__col_null {
display: none;
}
}
@media (max-width: 991.98px) {
.fa_footer__col_menu {
display: none;
}
}
.fa_footer__coursename {
font-size: 10px;
margin-top: 4px;
padding-left: 8px;
}
.fa_footer__bottom-col {
margin-bottom: 2px;
}
.fa_footer__bottom-col:nth-child(2) {
margin-bottom: 0;
}
.fa_footer__bottom-col p {
margin: 0;
}
.fa_menu {
margin: 0;
padding: 0;
list-style-type: none;
padding-right: 15px;
width: 110px;
}
.fa_menu li {
margin-bottom: 8px;
line-height: 1;
}
.fa_menu li:last-child {
margin-bottom: 0;
}
.fa_menu a {
font-size: 15px;
border-bottom: none;
color: inherit;
line-height: 1;
padding-left: 19px;
display: inline-block;
position: relative;
}
.fa_menu a:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 6px;
width: 10px;
height: 2px;
background-color: #ed3a2f;
}
.fa_menu a:hover {
color: #ed3a2f;
}
@media (min-width: 768px) {
.fa_menu {
margin-top: 0;
}
}
@media (min-width: 992px) {
.fa_footer .copy {
width: 240px;
margin-left: auto;
margin-right: auto;
}
.fa_footer__top {
padding-top: 24px;
margin-bottom: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
.fa_footer__bottom {
justify-content: space-between;
font-size: 13px;
display: flex;
align-items: center;
padding-top: 15px;
padding-bottom: 32px;
border-top: 1px solid rgba(212, 221, 227, 0.6);
}
.fa_footer__logo {
margin-left: 0;
}
.fa_footer__col {
margin-bottom: 0;
}
.fa_footer__coursename {
font-size: 13px;
text-align: left;
width: 220px;
}
.fa_footer__bottom-col {
margin-bottom: 0;
}
.fa_footer__bottom-col:nth-child(1) {
text-align: left;
}
.fa_footer__bottom-col:nth-child(2) {
text-align: right;
padding: 0 0 0 15px;
}
.fa_menu {
width: auto;
padding-right: 0;
padding-left: 0;
}
.fa_menu li {
margin-bottom: 14px;
}
}
@media (min-width: 1200px) {
.fa_footer__bottom-col {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
}
#footer-left-menu {
margin-left: 20px;
}
}
.page-template-template-thank .site-header h1 {
margin-bottom: 13px;
}
@media (max-width: 575.98px) {
.fa_thank-text {
width: 270px;
}
}
.fa_thank-text p {
font-size: 14px;
margin-bottom: 20px;
}
.fa_sotial-block {
background: #ffffff;
border: 1px solid #e6f1ff;
border-radius: 10px;
padding: 17px 15px 22px 20px;
}
@media (max-width: 767.98px) {
.fa_sotial-block {
width: 252px;
}
}
.fa_sotial-block p {
font-size: 14px;
margin-bottom: 16px;
font-family: IBM Plex Sans;
}
.ya-share2__link {
border-bottom: none;
}
.ya-share2__container_size_m .ya-share2__icon {
width: 30px !important;
height: 30px !important;
background-repeat: no-repeat !important;
background-position: center !important;
border-radius: 3px;
}
.ya-share2__item_service_facebook .ya-share2__icon {
background-size: 24px auto !important;
}
.ya-share2__item_service_odnoklassniki .ya-share2__icon {
background-size: 24px auto !important;
}
.ya-share2__item_service_twitter .ya-share2__icon {
background-size: 24px auto !important;
}
@media (min-width: 768px) {
.fa_thank-text {
max-width: 480px;
margin-bottom: 60px;
font-family: IBM Plex Sans;
}
.fa_thank-text p {
font-size: 21px;
}
.fa_sotial-block {
padding: 22px 19px 33px;
max-width: 650px;
}
.fa_sotial-block p {
font-size: 16px;
margin-bottom: 30px;
}
.ya-share2__container_size_m .ya-share2__icon {
width: 40px !important;
height: 40px !important;
}
.ya-share2__container_size_m .ya-share2__item {
margin-left: 4px;
margin-right: 4px;
}
.ya-share2__item_service_vkontakte .ya-share2__icon {
background: url(../images/vk.svg) center no-repeat !important;
background-size: 20px auto !important;
}
.ya-share2__item_service_facebook .ya-share2__icon {
background-size: 30px auto !important;
}
.ya-share2__item_service_odnoklassniki .ya-share2__icon {
background-size: 30px auto !important;
}
.ya-share2__item_service_twitter .ya-share2__icon {
background-size: 30px auto !important;
}
}
@media (min-width: 992px) {
.fa_sotial-block {
max-width: 490px;
}
}
.fa_info-page {
font-size: 14px;
}
.fa_info-page .fa_title {
font-size: 21px;
}
.fa_info-page h3 {
font-size: 16px;
font-weight: normal;
margin-bottom: 4px;
}
.fa_info-nav {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 24px;
margin-left: -9px;
margin-right: -9px;
}
.fa_info-nav li {
margin-left: 9px;
margin-right: 9px;
text-align: center;
margin-bottom: 4px;
}
.fa_info-nav li.current_page_item a {
font-weight: 500;
color: #000;
border: none;
}
.fa_info-nav a {
font-size: 11px;
}
@media (min-width: 992px) {
.fa_info-page .fa_title {
font-size: 45px;
margin-bottom: 50px;
}
.fa_info-page h3 {
display: block;
font-weight: normal;
font-size: 20px;
margin-top: 0;
margin-bottom: 24px;
color: #000;
}
.fa_info-page p {
margin-bottom: 24px;
margin-top: 0;
}
.fa_info-page__row {
display: grid;
grid-template-columns: 4fr 8fr;
grid-gap: 10px;
}
.fa_info-page__body {
font-size: 15px;
padding-right: 60px;
}
.fa_info-nav {
padding: 18px 18px 18px 35px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background: #ffffff;
border-radius: 8px;
margin-left: 0;
margin-right: 0;
}
.fa_info-nav li {
margin-right: 0;
text-align: left;
margin-bottom: 18px;
margin-left: 0;
}
.fa_info-nav li:last-child {
margin-bottom: 0;
}
.fa_info-nav a {
font-size: 16px;
}
}
.program-list {
font-size: 14px;
}
@media (min-width: 992px) {
.program-list {
font-size: 18px;
}
}
.program-list .termlink span {
font-weight: normal;
}
@media (min-width: 992px) {
.program-list .termlink {
display: none;
}
}
@media (max-width: 991.98px) {
.program-list .termname {
display: none;
}
}
.program-list__item {
border-bottom: 1px dashed #c7d2e3;
padding-bottom: 18px;
padding-top: 18px;
font-family: IBM Plex Sans;
font-size: 14px;
margin-bottom: 19px;
margin-bottom: 0;
}
@media (min-width: 992px) {
.program-list__item {
display: grid;
grid-template-columns: 3fr 2fr 2.5fr 1.5fr;
grid-gap: 10px;
border-bottom: 1px dashed #c7d2e3;
padding-bottom: 9px;
font-size: 17px;
padding-top: 9px;
}
}
.program-list__item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.program-list__item_head {
display: none;
background: #f4f9ff;
border-radius: 8px;
border: none;
font-weight: normal;
font-size: 16px;
}
@media (min-width: 992px) {
.program-list__item_head {
display: grid;
margin-bottom: 10px;
background: #fff;
padding-top: 0;
margin-top: 50px;
font-size: 15px;
}
.program-list__col_time span {
display: none;
}
}
.program-list__item_head .program-list__col {
display: flex;
align-items: center;
font-family: Roboto;
flex-wrap: wrap;
padding: 14px 0 14px 15px;
line-height: 1.2;
}
.program-list__item_head .program-list__col:first-child {
padding: 14px 0 14px 24px;
}
.program-list__item_head .program-list__col span {
width: 100%;
}
.program-list__item_search {
grid-template-columns: 3fr 3fr 2fr 2.5fr 1.5fr;
}
.program-list__col {
min-width: 0;
}
@media (min-width: 992px) {
.program-list__col {
padding: 14px 0 14px 15px;
min-width: 0;
}
}
.program-list__col:before {
display: inline-block;
margin-right: 3px;
}
@media (min-width: 992px) {
.program-list__col:before {
display: none;
}
}
.program-list__col_name {
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin-bottom: 2px;
position: relative;
}
.program-list__item:has(.program-list__col_name.active) {
padding-bottom: 26px;
}
@media (max-width: 991.98px) {
.program-list__col_name {
padding-right: 22px;
cursor: pointer;
}
.program-list__col_name:before {
position: absolute;
display: block;
content: "";
top: 3px;
right: 10px;
width: 10px;
height: 16px;
background: url(../images/prog-select.svg) center no-repeat;
background-size: 10px 6px;
}
.program-list__col_time,
.program-list__col_price,
.program-list__col_btn {
display: none;
}
}
@media (min-width: 992px) {
.program-list__col_name {
font-family: IBM Plex Sans;
font-weight: 300;
font-size: 14px;
margin-bottom: 0;
padding-left: 24px;
}
}
.program-list__col_time:before {
content: "Стандартный срок обучения:";
}
@media (min-width: 992px) {
.program-list__col_price .rub {
font-size: 13px;
}
}
@media (max-width: 991.98px) {
.program-list__col_btn {
padding-top: 10px;
}
}
@media (min-width: 992px) {
.program-list__col_btn {
padding: 7px 0;
}
}
.program-list__btn {
font-size: 14px;
height: 35px;
line-height: 35px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.program-list__btn {
font-size: 15px;
height: 40px;
line-height: 40px;
padding-left: 20px;
padding-right: 20px;
}
}
.program-list__old-price {
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
color: #7f8998;
}
.program-list__old-price span {
text-decoration: none;
}
@media (min-width: 992px) {
.program-list__old-price span {
display: none;
}
}
.program-list__new-price {
color: #ed3a2f;
}
@media (min-width: 992px) {
.program-list__new-price {
font-weight: normal;
}
}
.program-list__price-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 992px) {
.program-list__price-block {
display: none;
}
}
.program-list__label {
margin-right: 3px;
}
.program-list__price {
display: none;
}
.program-list__price.active {
display: block;
}
.sale-price {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-family: IBM Plex Sans;
font-size: 14px;
}
@media (min-width: 992px) {
.sale-price {
font-size: 13px;
}
}
.sale-price__item {
margin-right: 18px;
}
@media (min-width: 992px) {
.sale-price__item {
margin-right: 7px;
}
}
.sale-price__item:last-child {
margin-right: 0;
}
.sale-price__link.active {
font-weight: normal;
color: #ed3a2f;
border-color: transparent;
}
@media (max-width: 991.98px) {
.offer__note span {
display: none;
}
}
/* program list mobile accordion */
@media (max-width: 991.98px) {
.program-list__col_name:before {
transition: transform 0.35s ease;
transform: rotate(0deg);
transform-origin: center;
}
.program-list__col_name.active:before {
transform: rotate(180deg);
}
.program-list__col_time,
.program-list__col_price,
.program-list__col_btn {
display: block;
max-height: 0;
overflow: hidden;
opacity: 0;
transform: translateY(-6px);
transition:
max-height 0.35s ease,
opacity 0.35s ease,
transform 0.35s ease;
padding-top: 0;
}
.program-list__col_name.active ~ .program-list__col_time,
.program-list__col_name.active ~ .program-list__col_price,
.program-list__col_name.active ~ .program-list__col_btn {
max-height: 700px;
opacity: 1;
transform: translateY(0);
}
.program-list__col_name.active ~ .program-list__col_btn {
padding-top: 10px;
}
}
/* custom.css */
@media (min-width: 992px) {
.fa_top-section__logo-cont {
padding-top: 11px;
}
}
/*start button with loader*/
.fa_form__inp-submit.active {
background: #e05b23 url(../images/loader.gif) center no-repeat;
background-size: auto 22px;
font-size: 0;
}
/*eof button with loader*/
.graduates-prezent__mediabox img {
max-height: 350px;
}
.programm-header__right {
position: relative;
}
.programm-header__right_search {
display: flex;
}
.programm-aside__search {
/*margin-bottom: 22px;*/
}
.navigation h2 {
display: none !important;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.programm-header__search-title {
font-size: 36px !important;
}
}
@media (max-width: 991.98px) {
.programm-header__right {
display: none;
}
.programm-header_serch {
/*flex-direction: column*/
}
.programm-header__search-cont {
display: none;
margin-bottom: 14px;
}
.programm-header__title {
margin-bottom: 14px !important;
}
.serch-area .program-list {
margin-top: 20px;
}
}
@media (min-width: 992px) {
/*.programm-selelect-wrapper:hover span:before {
transform: rotate(0);
top: 6px;
}*/
/* .programm-selelect-wrapper:hover .programm-selelect {
border-color: transparent;
}*/
.programm-header .fa_title {
margin-bottom: 0;
/*margin-right: 23px*/
}
.retraining-aside .programm-selelect {
display: none;
}
.programm-aside__search {
display: none;
}
}
.rukovod-table {
border-collapse: collapse;
}
.rukovod-table tr td {
padding: 5px;
border: 1px solid grey;
}
.wp-block-table {
border-collapse: collapse;
}
.wp-block-table tr td {
padding: 5px;
border: 1px solid grey;
}
/* Block cookies */
.cookies {
position: fixed;
z-index: 10000000000;
bottom: 0;
background: #282828;
width: 100%;
padding: 16px 0;
max-width: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.6s;
}
.cookies.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.cookies_container {
display: flex;
align-items: center;
}
.cookies_text {
font-size: 12px;
color: #fff;
line-height: 18px;
}
.cookies_text a {
color: inherit;
text-decoration: none;
border-bottom: 1px solid #fff;
transition: border-color 0.3s;
}
.cookies_text a:hover {
border-color: transparent;
}
.cookies_btn {
height: 34px;
width: 60px;
background: #0094ff;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
border: none;
cursor: pointer;
font-weight: 300;
color: #ffffff;
font-size: 15px;
margin-left: 6%;
flex-shrink: 0;
}
@media (max-width: 767.98px) {
.cookies {
padding: 12px 0;
}
.cookies_btn {
margin-left: 8px;
}
.cookies_container {
justify-content: space-between;
}
}
.varriant-area__subtitle {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 112%;
color: #000000;
padding-left: 7px;
border-left: 2px solid #ed3a2f;
display: block;
margin-bottom: 6px;
}
.varriant-area__media img {
/*width: 100%;*/
height: 279px;
max-width: none;
display: block;
}
@media (min-width: 576px) {
.varriant-area__media img {
height: auto;
width: 100%;
}
}
h2.title.varriant-area__title {
text-align: left;
}
.varriant-area p:last-child {
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.varriant-area__title {
width: 80%;
}
.varriant-area {
padding-bottom: 0;
background: #f4f9ff;
}
.varriant-area__container {
padding-bottom: 36px;
}
}
@media (min-width: 992px) {
h2.title.varriant-area__title {
margin-bottom: 55px;
}
.varriant-area {
background: #f4f9ff url(../images/varriant-bg.jpg) calc(50% + 120px) top
no-repeat;
background-size: auto 100%;
height: auto;
position: relative;
overflow: hidden;
padding-top: 75px;
}
.varriant-area p {
margin-bottom: 25px;
line-height: 125%;
/*width: 80%;*/
}
.varriant-area__container {
position: relative;
z-index: 2;
}
.varriant-area__body {
width: 57%;
}
.varriant-area__media {
display: none;
}
.varriant-area__subtitle {
font-size: 20px;
padding-left: 9px;
}
}
@media (min-width: 1200px) {
.varriant-area {
background-size: auto 645px;
height: 575px;
}
.varriant-area p {
width: 85%;
}
}
.varriant-area_2 {
background: #f4f9ff;
}
.varriant-area_2__subtitle {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 112%;
color: #000000;
padding-left: 7px;
border-left: 2px solid #ed3a2f;
display: block;
margin-bottom: 6px;
}
.varriant-area_2__media img {
height: 260px;
max-width: none;
display: block;
}
@media (max-width: 575.98px) {
.varriant-area_2__media img {
transform: translateX(-50px);
}
}
@media (min-width: 576px) {
.varriant-area_2__media img {
height: auto;
width: 100%;
}
}
h2.title.varriant-area_2__title {
text-align: left;
}
.varriant-area_2__btn {
margin-top: 14px;
padding: 11px 22px;
font-size: 16px;
}
@media (max-width: 991.98px) {
.varriant-area_2 {
padding-bottom: 0;
}
.varriant-area_2__container {
/*padding-bottom: 16px;*/
}
}
@media (min-width: 992px) {
.varriant-area_2__btn {
margin-top: 30px;
padding: 13px 25px;
font-size: 18px;
}
h2.title.varriant-area_2__title {
/*margin-bottom: 20px;*/
}
.varriant-area_2 {
background: #f4f9ff url(../images/varriant_2-bg.jpg) calc(50% - 75px) top
no-repeat;
background-size: auto 100%;
height: auto;
position: relative;
overflow: hidden;
padding-top: 85px;
}
.varriant-area_2 p {
margin-bottom: 25px;
line-height: 125%;
}
.varriant-area_2__container {
position: relative;
z-index: 2;
}
.varriant-area_2__body {
width: 55%;
}
.varriant-area_2__media {
display: none;
}
.varriant-area_2__subtitle {
font-size: 20px;
padding-left: 9px;
}
}
@media (min-width: 1200px) {
.varriant-area_2 {
background-size: auto 505px;
height: 505px;
}
}
.varriant-area_3__subtitle {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 112%;
color: #000000;
padding-left: 7px;
border-left: 2px solid #ed3a2f;
display: block;
margin-bottom: 6px;
}
.varriant-area_3__media img {
/*width: 100%;*/
height: 310px;
max-width: none;
display: block;
}
@media (min-width: 576px) {
.varriant-area_3__media img {
height: auto;
width: 100%;
}
}
h2.title.varriant-area_3__title {
text-align: left;
}
.varriant-area_3 p:last-child {
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.varriant-area_3__title {
/*width: 80%;*/
}
.varriant-area_3 {
padding-bottom: 0;
}
.varriant-area_3__container {
padding-bottom: 16px;
}
}
@media (min-width: 992px) {
h2.title.varriant-area_3__title {
/*margin-bottom: 20px;*/
}
.varriant-area_3 {
background: #fff url(../images/varriant_3-bg.jpg) calc(50% - 80px) top
no-repeat;
background-size: auto 100%;
height: auto;
position: relative;
overflow: hidden;
padding-top: 90px;
}
.varriant-area_3 p {
margin-bottom: 25px;
line-height: 125%;
/*width: 80%;*/
}
.varriant-area_3__container {
position: relative;
z-index: 2;
}
.varriant-area_3__body {
width: 57%;
margin-left: auto;
}
.varriant-area_3__media {
display: none;
}
.varriant-area_3__subtitle {
font-size: 20px;
padding-left: 9px;
}
}
@media (min-width: 1200px) {
.varriant-area_3 {
background-size: auto 560px;
height: 560px;
}
.varriant-area_3 p {
/*width: 80%;*/
}
}
.doc-area {
background: #f4f9ff;
}
.doc-notes {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 30px;
}
.doc-notes__item {
display: flex;
gap: 17px;
align-items: center;
background: #fff;
border-radius: 5px;
padding: 16px 10px 20px 18px;
}
.doc-notes__mediabox {
padding-top: 3px;
height: 42px;
border-right: 1px solid #ed3a2f;
flex: 0 0 50px;
}
.doc-notes__body {
flex: 1;
font-size: 14px;
}
.doc-notes__img {
display: block;
}
.doc-notes__img_1 {
width: 34px;
height: 34px;
}
.doc-notes__img_2 {
width: 38px;
height: 38px;
}
@media (min-width: 992px) {
.doc-notes {
flex-direction: row;
gap: 18px;
max-width: 888px;
margin-left: auto;
margin-right: auto;
margin-top: 60px;
}
.doc-notes__item {
gap: 20px;
flex: 1;
padding: 23px 10px 23px 32px;
}
.doc-notes__mediabox {
/*padding-top: 3px;*/
height: 50px;
flex: 0 0 67px;
}
.doc-notes__mediabox--long {
flex: 0 0 85px;
}
.doc-notes__img_1 {
width: 46px;
height: 44px;
}
.doc-notes__img_2 {
width: 60px;
height: 52px;
}
.doc-notes__body {
font-size: 15px;
}
}
.reserved-form {
max-width: 760px;
}
@media (min-width: 768px) {
.reserved-form {
background: #ffffff;
border-radius: 9px;
overflow: hidden;
}
}
@media (max-width: 767.98px) {
.reserved-form__body {
background: #ffffff;
border-radius: 9px;
padding: 20px;
}
}
@media (min-width: 768px) {
.reserved-form__body {
padding: 16px;
}
}
@media (min-width: 992px) {
.reserved-form__body {
padding: 32px;
/*padding-bottom: 0;*/
}
}
@media (min-width: 1200px) {
.reserved-form__body {
padding: 38px 45px 25px 45px;
}
}
@media (max-width: 767.98px) {
.reserved-form_modal .reserved-form__body {
padding: 15px 20px 25px;
}
}
.reserved-form__header {
margin-bottom: 16px;
}
@media (min-width: 992px) {
.reserved-form__header {
margin-bottom: 14px;
}
}
@media (max-width: 767.98px) {
.reserved-form__info {
margin-top: 28px;
/*background: #F4F9FF url(../images/m-reserved-bg.jpg) right center no-repeat;*/
}
}
@media (min-width: 768px) {
.reserved-form__info {
padding: 16px;
display: flex;
align-items: center;
background-color: #f4f9ff;
}
}
@media (min-width: 992px) {
.reserved-form__info {
padding: 32px 16px;
}
}
@media (min-width: 1200px) {
.reserved-form__info {
padding: 25px 45px;
}
}
.reserved-form__info h3 {
margin-top: 0;
margin-bottom: 6px;
font-weight: normal;
font-size: 16px;
width: 190px;
}
@media (max-width: 767.98px) {
.reserved-form__info h3 br {
display: none;
}
}
@media (min-width: 768px) {
.reserved-form__info h3 {
flex: 0 0 33%;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.reserved-form__info h3 {
font-size: 18px;
padding-right: 40px;
}
}
.reserved-form__info ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 150px;
}
@media (min-width: 767px) {
.reserved-form__info ul {
display: flex;
align-items: center;
gap: 5%;
width: auto;
}
}
@media (min-width: 1200px) {
.reserved-form__info ul {
width: 100%;
}
}
@media (min-width: 1200px) {
.reserved-form__info ul br {
display: none;
}
}
.reserved-form__info ul li {
padding-left: 19px;
position: relative;
margin-bottom: 7px;
font-size: 14px;
}
@media (min-width: 1200px) {
.reserved-form__info ul li {
padding-left: 10px;
/*margin-bottom: 11px;*/
font-size: 15px;
}
}
.reserved-form__info ul li:last-child {
margin-bottom: 0;
}
.reserved-form__info ul li:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 8px;
width: 10px;
height: 2px;
background-color: #ed3a2f;
}
@media (min-width: 768px) {
.reserved-form__info ul li {
/* border-left: 2px solid #ED3A2F;
padding-left: 11px;*/
}
.reserved-form__info ul li:before {
top: 50%;
width: 2px;
height: 30px;
transform: translateY(-50%);
}
}
@media (min-width: 1200px) {
.reserved-form__info ul li:before {
/*width: 12px*/
}
}
.reserved-form h2 {
margin: 0;
}
@media (max-width: 991.98px) {
.reserved-form h2 {
display: inline;
font-weight: 300;
font-size: 23px;
margin-right: 3px;
line-height: 1;
}
}
@media (min-width: 768px) {
.reserved-form h2 {
font-weight: normal;
}
}
@media (min-width: 992px) {
.reserved-form h2 {
font-size: 31px;
}
}
.form__row {
margin-bottom: 7px;
}
@media (min-width: 768px) {
.form__row {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
margin-bottom: 20px;
}
}
.form__group {
font-size: 12px;
}
@media (min-width: 768px) {
.form__group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 13px;
}
}
.form__group p {
margin: 0;
margin-top: 6px;
max-width: 261px;
}
@media (min-width: 768px) {
.form__group p {
margin-top: 0;
max-width: 100%;
}
}
.profil-area {
background: #eaf4ff;
}
.profiles-cont {
margin-top: 30px;
display: flex;
gap: 15px;
flex-direction: column;
}
.profiles {
border-radius: 8px;
background: #fff;
padding: 17px 22px 25px;
font-size: 14px;
}
.profiles-cont__item {
flex: 1;
}
.profiles__title {
padding-bottom: 14px;
margin-bottom: 14px;
margin-top: 0;
font-weight: 400;
font-size: 16px;
line-height: 1.25;
color: #ed3a2f;
border-bottom: 1px solid #ed3a2f;
}
.profiles__list {
margin: 0;
padding: 0;
list-style-type: none;
}
.profiles__list li {
padding: 6px 0;
font-weight: 300;
line-height: 1.28571;
color: #000;
font-family: "IBM Plex Sans", sans-serif;
transition: all 0.3s ease;
}
/*.profiles__list li:not(:last-child){
border-bottom: 1px dashed #bbc6d7;
}*/
.profiles__list li.with-border {
border-bottom: 1px dashed #bbc6d7;
}
.profiles__list li:last-child {
border-bottom: none !important;
}
.profiles__footer {
padding-top: 15px;
}
.profiles__more {
font-weight: 400;
line-height: 1.42857;
color: #ed3a2f;
text-decoration: none;
border-bottom: 1px solid #ed3a2f;
}
@media (min-width: 992px) {
.profiles-cont {
margin-top: 70px;
flex-direction: row;
}
.profiles {
padding: 22px 30px 36px;
display: flex;
flex-direction: column;
font-size: 16px;
}
.profiles__title {
font-size: 20px;
margin-bottom: 22px;
min-height: 65px;
min-height: 65px;
}
.profiles__list li {
padding: 8px 0;
line-height: 1.3125;
}
.profiles__footer {
margin-top: auto;
}
.profiles__more {
transition: all 0.3s;
}
.profiles__more:hover {
border-color: transparent;
}
}
.form__btn-submit.active {
background: #ed3a2f url(../images/loader.gif) center no-repeat;
background-size: auto 32px;
font-size: 0;
}
.acceptance {
display: flex;
align-items: flex-start;
gap: 13px;
}
.acceptance:before {
width: 22px;
height: 22px;
border-radius: 5px;
border: 1px solid #c7d2e3;
display: block;
content: "";
flex-shrink: 0;
}
.acceptance:has(input:checked):before {
background: url('data:image/svg+xml;charset=UTF-8,')
center no-repeat;
background-size: 14px 10px;
}
.acceptance__check {
display: none;
}
.acceptance__text {
line-height: 1.5;
flex: 1;
text-align: left;
}
@media (max-width: 767.98px) {
.acceptance {
flex-wrap: wrap;
margin-bottom: 16px;
}
.acceptance:before {
transform: translateY(6px);
}
.acceptance_desktop {
display: none;
}
}
@media (min-width: 768px) {
.acceptance {
margin-top: 24px;
align-items: center;
}
.acceptance_mobile {
display: none !important;
}
}
.acceptance_error {
position: relative;
}
.acceptance_error:before {
border: 2px solid #ff0000 !important;
box-shadow: 0 0 5px rgba(255, 0, 0, 0.3);
}
.acceptance__error {
display: block;
color: #ff0000;
font-size: 12px;
margin-top: 5px;
animation: fadeIn 0.3s ease-in;
}
@media (max-width: 767.98px) {
.acceptance__error {
margin-left: 0;
width: 100%;
}
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-5px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Блок Education */
.education {
padding: 30px 0;
}
.education__container {
display: flex;
flex-direction: column;
/* По умолчанию для мобилок */
gap: 35px;
}
/* На мобильных текст идет первым (согласно макету мобайл) */
.education__content {
order: 1;
}
.education__gallery {
order: 2;
}
/* Типографика */
.education__title {
font-weight: 300;
font-size: 25px;
line-height: 112%;
color: #000;
margin-bottom: 20px;
}
.education__text p {
margin-bottom: 18px;
font-family: "IBM Plex Sans", sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 129%;
color: #000;
}
.education__text p:last-child {
margin-bottom: 0;
}
.education__text p strong {
font-weight: 500;
}
/* Галерея */
.education__main-image-wrapper {
display: block;
position: relative;
margin-bottom: 10px;
text-decoration: none;
}
.education__main-img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
/* Иконка лупы */
.education__magnifier {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
background-color: #ed3a2f;
/* Красный цвет */
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.2s ease;
}
.education__main-image-wrapper:hover .education__magnifier {
transform: translate(-50%, -50%) scale(1.1);
}
/* Сетка миниатюр на Flexbox */
.education__thumbnails {
display: flex;
gap: 8px;
margin-bottom: 20px;
}
.education__thumb {
flex: 1;
/* Равномерно распределяем 3 фото */
cursor: pointer;
position: relative;
}
.education__thumb img {
width: 100%;
height: auto;
display: block;
border-bottom: 3px solid transparent;
transition: border-color 0.2s ease;
}
.education__thumb:before {
position: absolute;
content: "";
bottom: 2px;
left: 0;
width: 100%;
height: 4px;
}
/* Активный статус миниатюры */
.education__thumb--active:before {
background-color: #ed3a2f;
/* border-bottom-color: #ed3a2f; */
}
/* Подпись */
.education__university {
border-left: 2px solid #ed3a2f;
padding-left: 15px;
font-family: "IBM Plex Sans", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 113%;
color: #000;
}
@media (max-width: 767.98px) {
.education__magnifier {
display: none;
}
}
/* --- ПК Версия --- */
@media (min-width: 992px) {
.education {
padding: 80px 0 120px;
}
.education__container {
flex-direction: row;
/* В ряд */
gap: 45px;
}
.education__gallery {
order: 1;
/* Галерея слева */
width: 39%;
margin-top: 8px;
}
.education__content {
order: 2;
/* Текст справа */
width: 55%;
}
.education__title {
font-size: 44px;
margin-bottom: 45px;
}
.education__text p {
font-size: 16px;
}
.education__thumbnails {
gap: 15px;
}
.education__main-image-wrapper {
margin-bottom: 20px;
}
.education__thumbnails {
margin-bottom: 30px;
}
.education__university {
font-size: 20px;
border-left: 3px solid #e63946;
}
}
/* Блок Portal */
.portal {
padding: 80px 0 100px;
text-align: center;
background: #e4eefa;
}
.portal__header {
margin-bottom: 50px;
}
.portal__title {
font-weight: 300;
font-size: 45px;
line-height: 112%;
text-align: center;
color: #000;
margin-bottom: 10px;
}
.portal__subtitle {
font-weight: 300;
font-size: 15px;
line-height: 133%;
color: #000;
}
/* Обертка для слайдера (чтобы позиционировать стрелки) */
.portal__slider-wrapper {
position: relative;
max-width: 666px;
/* Ширина самого скриншота */
margin: 0 auto;
}
/* Слайдер */
.portal__slider {
width: 100%;
background-color: #fff;
/* Устанавливаем пропорции для белой заглушки. Уберите aspect-ratio, когда поставите реальные фото */
aspect-ratio: 1.548;
overflow: hidden;
}
.portal__slide {
display: flex;
justify-content: center;
align-items: center;
}
.portal__link {
display: block;
width: 100%;
height: 100%;
}
.portal__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Навигация (Стрелки) для ПК */
.portal__prev,
.portal__next {
color: #f04033;
/* Красный цвет стрелок */
width: 36px;
height: 74px;
margin-top: -37px;
/* Выравнивание по центру */
}
.portal__prev {
background: url('data:image/svg+xml;charset=UTF-8,')
center no-repeat;
background-size: contain;
}
.portal__next {
background: url('data:image/svg+xml;charset=UTF-8,')
center no-repeat;
background-size: contain;
}
/* Выносим стрелки за пределы картинки */
.portal__prev {
left: -90px;
}
.portal__next {
right: -90px;
}
/* Пагинация (Точки) */
.portal__pagination {
display: none;
/* Скрываем на десктопе */
}
.swiper-pagination-bullet {
width: 13px;
height: 13px;
background: #fff;
opacity: 1;
margin: 0 5px !important;
}
.swiper-pagination-bullet-active {
background: #f04033;
/* Активная красная точка */
}
/* --- АДАПТИВНОСТЬ ДЛЯ МОБАЙЛА --- */
@media (max-width: 1024px) {
/* Прячем стрелки на планшетах и телефонах */
.portal__prev,
.portal__next {
display: none;
}
/* Показываем точки внизу */
.portal__slider-wrapper {
padding-bottom: 50px;
}
.portal__pagination {
display: block;
bottom: 0 !important;
}
}
@media (max-width: 991.98px) {
.portal__title {
font-size: 36px;
}
}
@media (max-width: 767.98px) {
.portal {
padding: 30px 0 40px;
}
.portal__title {
font-size: 25px;
}
.portal__header {
margin-bottom: 30px;
}
.portal__subtitle {
font-size: 14px;
}
}
@media (max-width: 480px) {
/* Убираем принудительный перенос строки на мобильных, чтобы текст переносился естественно */
.portal__title br {
display: none;
}
}
/* ==========================================================================
Block: About (Mobile First)
========================================================================== */
.about {
display: flex;
flex-direction: column;
position: relative;
background-color: #ffffff;
overflow: hidden;
/* Скрываем вылеты картинок */
}
@media (min-width: 992px) {
.about {
flex-direction: row;
align-items: center;
min-height: 784px;
/* Минимальная высота секции на ПК */
}
}
/* Container for left content */
.about__container {
width: 100%;
padding-top: 30px;
padding-bottom: 37px;
position: relative;
z-index: 2;
/* Текст всегда поверх возможного наложения фото */
}
@media (min-width: 992px) {
.about__container {
padding-top: 80px;
padding-bottom: 95px;
}
}
/* Content Area */
.about__content {
max-width: 100%;
}
@media (min-width: 992px) {
.about__content {
max-width: 520px;
/* Ограничиваем ширину левой текстовой колонки */
}
}
/* Title */
.about__title {
font-size: 25px;
font-weight: 300;
line-height: 1.2;
color: #000;
margin: 0 0 30px 0;
}
@media (min-width: 992px) {
.about__title {
font-size: 36px;
margin-bottom: 50px;
line-height: 1;
}
}
@media (min-width: 1200px) {
.about__title {
font-size: 45px;
}
}
/* List */
.about__list {
list-style: none;
padding: 0;
margin: 0 0 30px 0;
display: flex;
flex-direction: column;
gap: 20px;
}
@media (min-width: 992px) {
.about__list {
max-width: 380px;
}
}
/* Item */
.about__item {
display: flex;
align-items: center;
}
/* Icon Wrapper (Фиксированная ширина для идеального выравнивания) */
.about__icon-wrapper {
flex: 0 0 40px;
/* Иконки будут центрироваться в блоке 50px шириной */
display: flex;
align-items: center;
}
@media (min-width: 992px) {
.about__icon-wrapper {
flex: 0 0 45px;
/* Иконки будут центрироваться в блоке 50px шириной */
}
}
/* Icon */
.about__icon {
width: auto;
height: 35px;
max-width: 40px;
}
.about__icon--1 {
width: 32px;
height: 32px;
}
.about__icon--2 {
width: 33px;
height: 36px;
}
.about__icon--3 {
width: 33px;
height: 43px;
}
.about__icon--4 {
width: 33px;
height: 30px;
}
.about__icon--5 {
width: 22px;
height: 28px;
}
@media (min-width: 992px) {
.about__icon--1 {
width: 39px;
height: 39px;
}
.about__icon--2 {
width: 40px;
height: 44px;
}
.about__icon--3 {
width: 40px;
height: 52px;
}
.about__icon--4 {
width: 40px;
height: 37px;
}
.about__icon--5 {
width: 22px;
height: 28px;
}
}
/* Text (с фиксированной линией слева) */
.about__text {
flex-grow: 1;
font-size: 14px;
line-height: 1.29;
color: #000;
padding-left: 12px;
margin-left: 5px;
/* Добавляем позиционирование и флекс для центрирования */
position: relative;
display: flex;
align-items: center;
min-height: 45px;
/* Ограничиваем минимальную высоту размером линии */
}
@media (min-width: 992px) {
}
/* Сама красная линия */
.about__text::before {
font-family: "IBM Plex Sans", sans-serif;
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
/* Выравниваем линию строго по центру блока */
width: 1px;
height: 45px;
/* Фиксированная высота на мобильных */
background-color: #ed3a2f;
}
@media (min-width: 992px) {
.about__text {
min-height: 50px;
margin-left: 15px;
font-size: 16px;
}
.about__text::before {
height: 50px;
/* Фиксированная высота на десктопе */
}
}
/* Highlighted Item (Блок с адресом) */
.about__item--highlighted {
background-color: #f4f9ff;
/* Светло-синий/серый фон из макета */
padding: 11px 9px;
border-radius: 8px;
margin-top: 25px;
max-width: 426px;
}
/* Настраиваем позиционирование иконки в карточке с фоном */
.about__item--highlighted .about__icon-wrapper {
flex: 0 0 35px;
}
@media (min-width: 992px) {
.about__item--highlighted {
/* Делаем блок адреса чуть шире левой колонки для эффекта выхода */
width: 110%;
padding: 18px 17px;
}
.about__item--highlighted .about__icon-wrapper {
flex: 0 0 28px;
}
}
/* ==========================================================================
Image wrapper and background layout
========================================================================== */
.about__image-wrapper {
width: 100%;
display: block;
line-height: 0;
/* Убирает нижний отступ у picture/img */
}
@media (min-width: 992px) {
.about__image-wrapper {
position: absolute;
top: 0;
left: calc(50% - 223px);
bottom: 0;
/* Выделяем правую часть экрана. На "about-pic.jpg" уже есть диагональный
белый срез, поэтому мы просто располагаем его справа. */
width: 1080px;
height: 100%;
z-index: 1;
}
}
@media (min-width: 1200px) {
.about__image-wrapper {
/* z-index: 100; */
}
}
.about__image {
width: 100%;
min-height: 244px;
/* Задаем минимальную высоту для телефонов */
height: auto;
display: block;
object-fit: cover;
/* Гарантирует, что картинка заполнит блок и обрежется по краям */
object-position: center;
}
@media (min-width: 992px) {
.about__image {
height: 100%;
object-position: right center;
/* Прижимаем фото влево, чтобы диагональный вырез был виден */
}
}
/* ==========================================================================
Блок: Documents (Mobile First)
========================================================================== */
.documents {
padding: 30px 0;
background: #f4f9ff;
}
@media (min-width: 992px) {
.documents {
padding: 80px 0;
}
}
.documents__container {
display: flex;
flex-direction: column;
gap: 50px;
}
@media (min-width: 992px) {
.documents__container {
flex-direction: row;
align-items: flex-start;
gap: 40px;
}
}
/* Элемент: Group (Колонки) */
.documents__group {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
@media (min-width: 992px) {
.documents__group--accreditation {
width: 65%;
/* Занимает 2/3 ширины на ПК */
}
.documents__group--license {
width: 35%;
/* Занимает 1/3 ширины на ПК */
}
}
/* Элемент: Title */
.documents__title {
font-size: 18px;
font-weight: 400;
text-align: center;
line-height: 1.3;
margin-bottom: 30px;
color: #000;
}
@media (min-width: 992px) {
.documents__title {
font-size: 24px;
margin-bottom: 40px;
min-height: 93px;
/* Выравнивание заголовков по высоте */
}
}
/* Элемент: Slider (Левый блок) */
.documents__slider {
width: 100%;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.documents__slider-wrapper {
position: relative;
width: 100%;
padding: 0 46px;
/* Отступы для красных стрелок на мобильных */
}
@media (min-width: 992px) {
.documents__slider-wrapper {
padding: 0 2px;
}
.documents__slider {
padding: 0;
/* На ПК стрелки скрыты, отступы не нужны */
overflow: hidden;
}
}
@media (max-width: 767.98px) {
.documents__image {
max-width: 258px;
margin-left: auto;
margin-right: auto;
}
}
/* Элемент: Single doc (Правый блок) */
.documents__single {
width: 100%;
}
@media (max-width: 767.98px) {
.documents__single {
max-width: 350px;
/* Ограничитель, чтобы документ не был гигантским */
}
}
@media (max-width: 991.98px) {
.documents__single {
padding: 0 46px;
}
}
@media (min-width: 992px) {
.documents__single {
max-width: 100%;
}
}
/* Элемент: Ссылка-обертка документа */
.documents__link {
display: block;
transition:
transform 0.3s ease,
box-shadow 0.3s ease;
}
/* Элемент: Изображение документа */
.documents__image {
width: 100%;
height: auto;
display: block;
border: 1px solid #eaeaea;
/* Тонкая рамка документа */
}
/* Навигация слайдера (Красные стрелки) */
.documents__prev,
.documents__next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 17px;
height: 34px;
background: none;
}
.documents__next svg {
transform: rotate(180deg);
}
.documents__prev {
left: 10px;
}
.documents__next {
right: 10px;
}
@media (min-width: 992px) {
/* Скрываем стрелки на десктопе, т.к. показываем оба документа разом */
.documents__prev,
.documents__next {
display: none !important;
}
}
/* Элемент: Ссылка "Проверить" */
.documents__check-link {
display: inline-block;
margin-top: 14px;
font-size: 12px;
color: #7f8998;
text-decoration: none;
border-bottom: 1px dashed #7f8998;
transition:
color 0.3s,
border-color 0.3s;
}
.documents__check-link:hover {
border-bottom-color: transparent;
}
@media (min-width: 992px) {
.documents__check-link {
margin-top: 26px;
font-size: 13px;
}
}
.license-area--white {
background-color: #fff;
}
.fa_sotial-wrap {
display: flex;
font-size: 0;
}
.sotial-max-btn {
background: #443dea url(../images/max.png) center no-repeat;
background-size: 20px 20px;
border-radius: 5px;
width: 30px;
height: 30px;
display: block;
margin-left: 7px;
transition: all 0.3s ease;
}
.sotial-max-btn:hover {
opacity: 0.8;
}
.ya-share2__list {
display: flex !important;
gap: 7px !important;
}
.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
margin: 0 !important;
}
.ya-share2__badge {
border-radius: 3px !important;
}
.ya-share2__list.ya-share2__list_direction_horizontal {
margin: 0 !important;
}
.ya-share2__item_service_vkontakte .ya-share2__icon {
background: #2882b4 url(../images/vk2.svg) center no-repeat !important;
background-size: 16px 16px !important;
}
.ya-share2__item_service_odnoklassniki .ya-share2__badge {
background-color: #fe9b48 !important;
}
@media (min-width: 992px) {
.ya-share2__list {
gap: 9px !important;
}
.ya-share2__badge {
border-radius: 5px !important;
}
.ya-share2__item_service_vkontakte .ya-share2__icon {
background-size: 22px 22px !important;
}
.sotial-max-btn {
background-size: 28px 28px;
width: 40px;
height: 40px;
margin-left: 9px;
}
}