:root { /* color */ --color-def: #1A1A18; --color-yellow: #EFCE00; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 100; font-display: swap; src: url(pxiAyp8kv8JHgFVrJJLmE0tMMPKhSkFEkm8.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: 'Poppins'; font-style: italic; font-weight: 100; font-display: swap; src: url(pxiAyp8kv8JHgFVrJJLmE0tCMPKhSkFE.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 200; font-display: swap; src: url(pxiDyp8kv8JHgFVrJJLmv1pVGdeOYktMqlap.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: 'Poppins'; font-style: italic; font-weight: 200; font-display: swap; src: url(pxiDyp8kv8JHgFVrJJLmv1pVF9eOYktMqg.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 300; font-display: swap; src: url(pxiDyp8kv8JHgFVrJJLm21lVGdeOYktMqlap.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: 'Poppins'; font-style: italic; font-weight: 300; font-display: swap; src: url(pxiDyp8kv8JHgFVrJJLm21lVF9eOYktMqg.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 400; font-display: swap; src: url(pxiGyp8kv8JHgFVrJJLufntAOvWDSHFF.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: 'Poppins'; font-style: italic; font-weight: 400; font-display: swap; src: url(pxiGyp8kv8JHgFVrJJLucHtAOvWDSA.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 500; font-display: swap; src: url(pxiDyp8kv8JHgFVrJJLmg1hVGdeOYktMqlap.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: 'Poppins'; font-style: italic; font-weight: 500; font-display: swap; src: url(pxiDyp8kv8JHgFVrJJLmg1hVF9eOYktMqg.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 600; font-display: swap; src: url(pxiDyp8kv8JHgFVrJJLmr19VGdeOYktMqlap.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: 'Poppins'; font-style: italic; font-weight: 600; font-display: swap; src: url(pxiDyp8kv8JHgFVrJJLmr19VF9eOYktMqg.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 700; font-display: swap; src: url(pxiDyp8kv8JHgFVrJJLmy15VGdeOYktMqlap.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: 'Poppins'; font-style: italic; font-weight: 700; font-display: swap; src: url(pxiDyp8kv8JHgFVrJJLmy15VF9eOYktMqg.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 800; font-display: swap; src: url(pxiDyp8kv8JHgFVrJJLm111VGdeOYktMqlap.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: 'Poppins'; font-style: italic; font-weight: 800; font-display: swap; src: url(pxiDyp8kv8JHgFVrJJLm111VF9eOYktMqg.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 900; font-display: swap; src: url(pxiDyp8kv8JHgFVrJJLm81xVGdeOYktMqlap.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: 'Poppins'; font-style: italic; font-weight: 900; font-display: swap; src: url(pxiDyp8kv8JHgFVrJJLm81xVF9eOYktMqg.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; font-display: swap; src: url(pxiGyp8kv8JHgFVrLPTufntAOvWDSHFF.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: 'Poppins'; font-style: normal; font-weight: 100; font-display: swap; src: url(pxiGyp8kv8JHgFVrLPTucHtAOvWDSA.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url(pxiByp8kv8JHgFVrLFj_Z1JlFd2JQEl8qw.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: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url(pxiByp8kv8JHgFVrLFj_Z1xlFd2JQEk.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.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: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.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: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(pxiEyp8kv8JHgFVrJJfecnFHGPc.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.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: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.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: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.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: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url(pxiByp8kv8JHgFVrLDD4Z1JlFd2JQEl8qw.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: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url(pxiByp8kv8JHgFVrLDD4Z1xlFd2JQEk.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;} /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url(pxiByp8kv8JHgFVrLBT5Z1JlFd2JQEl8qw.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: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url(pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.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;} html, body { height: 100%; } body, body * { font-family: 'Poppins'; font-size: 16px; font-weight: 300; } main { background-image: url(../../images/bg.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; } main.index { margin-top: -40px; } a, p { margin: 0px; } a { text-decoration: none !important; color: var(--color-def); } a:hover, a:hover * { color: var(--color-yellow) !important; } ul, li { margin: 0px; padding: 0px; } ul { padding-left: 15px; } li { margin-top: 2px; } i, i *, .i, .i * { font-style: italic; } b, b *, .b, .b * { font-weight: 600 !important; } strong, strong *, .strong, .strong * { font-weight: 700 !important; } small, small * { font-size: 14px !important } .text-white, .text-white * { color: #fff; } @media (max-width: 1200px) { .container { max-width: 100% !important; } } .black-bg { background-color: var(--color-def); } .yellow-bg { background-color: var(--color-yellow); } .white-bg { background-color: #fff; } .yellow { color: var(--color-yellow); } .btn { padding:15px 40px 15px 40px; border-radius: 25px; font-size: 14px; text-transform: uppercase; font-weight: 600; outline: unset !important; border: unset !important; box-shadow: unset !important; } .btn.black-bg { color: var(--color-yellow); } header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 99999; } header .top { height: 55px; } header .top a span { font-size: 15px; color: #fff; font-weight: 300; } header nav { width: 100%; height: 80px; min-height: 80px; background-color: var(--color-yellow); border-radius: 17px; box-shadow: 0px 4px 14px rgba(0, 0, 0, .25); padding-left: 20px; padding-right: 20px; position: relative; } header nav a { font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 600; } header nav a:hover, header nav a.active { color: var(--color-def) !important; } header button { background: unset; border: unset; width: 60px; min-width: 60px; height: 60px; min-height: 60px; background-image: url(../../images/menu.svg); background-repeat: no-repeat; background-position: center; outline: unset; position: absolute; top: 0px; right: 10px; } header.open button { background-image: url(../../images/close.svg);} header.open nav div { display: flex !important; } header.scrolled .logo-s { display: none !important; } header.scrolled .logo-f { display: flex !important; margin-top: 0px; } header.scrolled .spacer { display: none !important; } header.scrolled .menu { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } header.scrolled .menu-container { width: unset !important; display: flex; justify-content: flex-end; } header.open.scrolled .menu-container { width: 100% !important; } header.scrolled .menu-container a { margin-left: 20px; } @media (max-width: 992px) { header.scrolled .menu { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (max-width: 768px) { header nav { height: auto; min-height: 65px; } header nav a { font-size: 20px; margin-top: 20px; } header .menu-container { padding-bottom: 20px; } } .cover { width: 100%; height: 100vh; position: relative; display: flex; align-items: self-end; } .cover-container { padding-bottom: 100px; overflow: hidden; } .cover .container { position: relative; z-index: 99; bottom: -100px; } .cover-img { width: 100%; height: 100%; object-fit: cover; object-position: right; position: absolute; top: 0px; left: 0px; z-index: 9; } .cover .black-box { position: absolute; z-index: 999; bottom: 35%; } .cover .black-box figure img { width: 150px; height: auto; } .cover .black-box img.venobox { width: 50px; height: auto; cursor: pointer !important; } .cover .title { position: absolute; z-index: 999; top: 200px; left: 0px; width: 375px; } .cover .title h1 { font-size: 50px; font-weight: 300; display: flex; flex-direction: column; align-items: self-end; } .cover .title h1 span { font-size: 30px; font-weight: 500; } .cover .subtitle { position: absolute; z-index: 999; top: 400px; right: -100px; display: flex; flex-direction: column; align-items: self-end; transform: rotate(90deg); } .cover .subtitle h2 { font-size: 100px; font-weight: 700; color: #fff; text-align: right; } .cover .subtitle h3 { font-size: 30px; font-weight: 500; color: #fff; text-align: right; } .cover .subtitle p { font-size: 18px; font-weight: 500; color: #fff; text-align: right; } .cover .auto { opacity: 0; position: absolute; bottom: 0px; right: -50%; transition: all .5s; } .cover .auto.show { opacity: 1; left: 0px; width: 90%; } @media (max-width: 1300px) { .cover .title { top: 170px; left: 30px; width: unset; } .cover .title h1 { font-size: 40px; align-items: self-start; } .cover .title h1 span { font-size: 20px; } .cover .auto.show { width: 80%; } } @media (max-width: 524px) { .cover .title { left: 15px; width: unset; padding: 10px 20px; border-radius: 30px; background-color: #EFCE00; } .cover .title h1 { font-size: 30px; color: #fff; } .cover .title h1 span { color: #fff; } .cover .auto.show { width: 120%; } } .tech-cover { width: 100%; height: 100vh; position: relative; display: flex; align-items: center; } .tech-cover .container-fluid { position: relative; z-index: 99; } .tech-cover-img { width: 100%; height: 100%; object-fit: cover; object-position: right; position: absolute; top: 0px; left: 0px; z-index: 9; } @media (max-width: 992px) { .cover { height: 85vh; } .tech-cover { align-items: self-end; } .cover .black-box { bottom: 10%; padding: 10px; } } @media (max-width: 768px) { .cover { height: 60vh; } .tech-cover { height: 70vh; } .tech-cover h3, .tech-cover h3 * { font-size: 25px; } .cover .subtitle { top: 330px; } .cover .subtitle h2 { font-size: 80px; } .cover .subtitle h3 { font-size: 17px; font-weight: 700; } .cover .subtitle p { font-size: 15px; } } @media (max-height: 768px) { .tech-cover { align-items: self-end; } .tech-cover h3, .tech-cover h3 * { font-size: 25px; } .cover .black-box { padding: 10px; } } @media (max-width: 524px) { .tech-cover { height: 100vh; } .tech-cover h3, .tech-cover h3 * { font-size: 20px; } .cover .black-box { bottom: 0px !important; } } @media (max-height: 850px) { .cover .black-box { bottom: 20px; } } .black-box { background-color: rgba(26, 26, 26, .8); padding: 30px; } .black-box.right { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } .black-box.left { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .black-box h3 { color: #fff; font-weight: 600; } .dupla { background: linear-gradient(90deg, rgba(26,26,24,1) 0%, rgba(26,26,24,1) 50%, rgba(239,206,0,1) 50%); position: relative; z-index: 2; } .dupla .btn-container { position: absolute; width: 100%; display: flex; justify-content: center; left: 0px; bottom: -25px; z-index: 1; } .dupla .row div:nth-child(1) .btn:hover { background: var(--color-yellow); color: var(--color-def) !important; } .dupla .row div:nth-child(2) .btn:hover { background: var(--color-def); color: var(--color-yellow); } .dupla ul { width: 50%; } @media (max-width: 992px) { .dupla { background: unset; } .dupla .row div:nth-child(1) { background: var(--color-def); } .dupla .row div:nth-child(2) { background: var(--color-yellow); } } @media (max-width: 768px) { .dupla ul { width: 100%; } } h1, h1 * { font-size: 30px; font-weight: 700; } h2, h2 * { font-size: 50px; font-weight: 700; } h3, h3 * { font-size: 30px; font-weight: 300; } h4, h4 * { font-size: 24px; font-weight: 700; } h5, h5 * { font-size: 20px; font-weight: 700; } @media (max-width: 768px) { body, body * { font-size: 15px; } h1 { font-size: 25px; } h2, h2 * { font-size: 40px; } h3, h3 * { font-size: 20px; } } td { padding: 10px; border: 1px solid #212529; font-size: 14px; } thead td { font-weight: 700; } .beforeAfter { position: relative; z-index: 1; width: 100%; } .beforeAfter img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center; } .beforeAfterRef { position: relative; z-index: 1; width: 100%; border: 3px solid #fff; } .beforeAfterRef img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center; } .beforeAfter-content { position: absolute; z-index: 3; width: 350px; max-width: 100%; top: 100px; } @media (max-width: 768px) { .beforeAfter img { width: 100%; height: 70vh; aspect-ratio: unset; } .beforeAfterRef img { width: 100%; height: 300px; aspect-ratio: unset; } } .testimonial { background-color: #F5F5F5; background-image: url(../../images/r.svg); background-repeat: no-repeat; background-position: top 50px center; background-size: 80%; } .testimonial .box { background-color: var(--color-yellow); border-radius: 9px; padding: 15px 30px 15px 30px; box-shadow: 4px 4px 4px rgba(0, 0, 0, .15); margin: 20px; } .testimonial .box span { font-weight: 700; font-size: 40px; line-height: 1px; display: inline-block; bottom: -22px; position: relative; } .testimonial .box p { } .testimonial .box i { font-size: 14px; font-weight: 200; } .gyik { background-color: #fff; } .gyik .accordion .accord { border: 1px solid #D9D9D9; border-radius: 9px; margin-bottom: 10px; padding: 15px 20px 15px 20px; } .gyik .accordion .accord h4 { cursor: pointer !important; margin: unset !important; color: var(--color-yellow); background-image: url(../../images/gyik-open.svg); background-repeat: no-repeat; background-position: right top; background-size: 13px; } .gyik .accordion .accord h4.collapsed { color: var(--color-def); background-image: url(../../images/gyik-close.svg); } .gyik .accordion .accord .accord-body { margin-top: 15px; } .legjobbmegoldas .image { background-image: url(../../images/legjobb-megoldas.jpg); background-repeat: no-repeat; background-position: right center; background-size: cover; } .legjobbmegoldas .image .black-box { width: 60%; } .legjobbmegoldas .content { width: 60%; padding: 30px; background-image: url(../../images/et.svg); background-repeat: no-repeat; background-position: right center; } @media (max-width: 1200px) { .legjobbmegoldas .image .black-box { width: 80%; } .legjobbmegoldas .content { width: 100%; } } .koltseghatekony { background-color: rgba(217, 217, 217, .3); background-image: url(../../images/r.svg); background-repeat: no-repeat; background-position: top 50px center; background-size: 80%; } .negyesbox .pb-6 { padding-bottom: 70px !important; } .negyesbox figure { width: 90px; height: 80px; display: flex; justify-content: center; align-items: center; } .negyesbox .technologia { border-top: 4px solid #fff; } .negyesbox .technologia img { position: relative; top: -70px; width: auto; height: 140px; } .negyesbox .technologia div { position: relative; top: -50px; } @media (max-width: 768px) { .negyesbox .technologia img { top: -60px; height: 100px; } .negyesbox .technologia div { position: relative; top: -40px; } } .play { background-color: #fff; border: 6px solid var(--color-yellow); border-radius: 50%; padding: 20px; width: 170px; height: 170px; cursor: pointer !important; } .hogyan-epul-fel { position: relative; } .hogyan-epul-fel img { position: relative; z-index: 1; } .hogyan-epul-fel .play { position: absolute; z-index: 2; left: 20%; bottom: -90px; } .miisez .play { position: absolute; z-index: 2; left: 0px; bottom: 50px; } @media (max-width: 768px) { .miisez .play { left: 10px; bottom: 0px; } } .szolgaltatasok { background-repeat: no-repeat; background-size: cover; background-position: center; border-bottom: 4px solid #fff; } .szolgaltatasok:first-child { padding-top: 220px !important; } .szolgaltatasok .black-box { width: 40%; max-width: 450px; } .szolgaltatasok .black-box * { color: #fff; margin: unset; } .szolgaltatasok .black-box p { margin-top: 15px; } .szolgaltatasok .black-box h3 { color: var(--color-yellow); } .szolgaltatasok:first-child .black-box { background-color: rgba(239, 206, 0, .7); } .szolgaltatasok:first-child .black-box h3 { color: var(--color-def); } .szolgaltatasok:first-child .black-box h4 { font-size: 22px; } @media (max-width: 768px) { .szolgaltatasok .black-box { width: 80%; max-width: 300px; } } .pb-100 { padding-bottom: 100px !important; } footer { background-color: var(--color-def); padding: 20px; text-align: center; border-top: 3px solid var(--color-yellow); } footer small { font-size: 10px !important; } footer a { color: #fff; } .gb { position: relative; display: flex; justify-content: center; align-items: center; } .gb:not(:last-child) { border-right: .5rem solid #fff !important; } .gb div { width: 100%; height: 270px; position: relative; z-index: 1; } .gb div img { flex: 0 0 50%; max-width: 50%; display: block; object-fit: cover; object-position: center; } .gb figure { position: absolute; background-color: #fff; border-radius: 25px; width: 50px; height: 50px; z-index: 2; display: flex; justify-content: center; align-items: center; top: calc( 50% - 25px ); left: calc( 50% - 25px ); } @media (max-width: 992px) { .gb:not(:last-child) { border-right: unset; } .gb:nth-child(even) { border-right: .5rem solid #fff !important; } } .referenciak { margin-top: 200px; } .beforeAfterVideo { position: relative; z-index: 1; cursor: pointer !important; } .beforeAfterVideo figure { position: absolute; width: 80px; height: 80px; z-index: 2; display: flex; justify-content: center; align-items: center; top: calc( 50% - 40px ); left: calc( 50% - 40px ); } .beforeAfterVideo figure img { width: 100%; height: 100%; } .beforeAfterVideo img.videopic { position: relative; z-index: 1; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center; border: 3px solid #fff; } #kapcsolat { position: relative; } #kapcsolat iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0px; filter: grayscale(1); position: relative; z-index: 1; display: flex; } #kapcsolat .black-box { position: absolute; z-index: 2; top: 45%; left: 0px; } @media (max-width: 768px) { #kapcsolat iframe { width: 100%; height: 100vh; aspect-ratio: unset; } #kapcsolat .black-box { top: unset; bottom: 10%; } } .uzenet { margin-top: 200px; padding-bottom: 30px; } .szoveg { padding-top: 170px; padding-bottom: 30px; }