:root { --color-dark-blue--nv: #041d34; --color-gray--nv: #ebebeb; --color-gray--nv2: #e3e3e3; --color-silver--nv: #f8f8f8; --color-silver-line--nv: #e3e3e3; --color-silver-text--nv: #929395; --color-red--nv: #c71441; --color-green: #1ab299; --card-height: 40vw; --card-margin: 4vw; --card-top-offset: 40px; --numcards: 4; } /* Main */ #rotating_logo { width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 1; transform-style: preserve-3d; perspective: 200px; } #rotating_logo img { width: 20%; height: auto; display: block; opacity: 10%; } /* -------------- SLIDER -------------- */ #slider__nv { height: calc(100vh - 100px); max-height: 700px; background: var(--color-silver--nv) url(../img/nagyvallalati/bgr-slides-3.png) no-repeat left center; background-size: contain; } #slider__nv .slider_wrap { height: 100%; line-height: 100%; display: flex; align-items: center; } #slider__nv .text_wrap { padding-right: 50px; flex: 1; } #slider__nv .text_wrap .subtitle { margin: 20px 0; font-size: 14px; font-weight: 700; color: var(--color-red--nv); line-height: 100%; letter-spacing: 2px; } #slider__nv .text_wrap .title { margin: 10px 0; font-size: 50px; font-weight: 700; color: var(--color-dark-blue--nv); line-height: 120%; } #slider__nv .text_wrap .text { margin: 10px 0; line-height: 30px; } #slider__nv .slide_marquee_wrap { width: 540px; height: 100%; display: flex; justify-content: space-between; overflow: hidden; } #slider__nv .slide_marquee_wrap .slide_marquee { width: calc(50% - 20px); height: 100%; } #slider__nv .slide_marquee_wrap .slide_marquee.first { -webkit-mask-image: linear-gradient(to bottom, rgba(249 249 251 / 100%) 1%, rgba(249 249 251/ 100%) 80%, rgba(249 249 251 / 0%) 100%); mask-image: linear-gradient(to bottom, rgba(249 249 251 / 100%) 1%, rgba(249 249 251/ 100%) 80%, rgba(249 249 251 / 0%) 100%); } #slider__nv .slide_marquee_wrap .slide_marquee.last { -webkit-mask-image: linear-gradient(to bottom, rgba(249 249 251 / 0%) 0%, rgba(249 249 251 / 0%) 0%, rgba(249 249 251 / 100%) 20%, rgba(249 249 251 / 100%) 100%); mask-image: linear-gradient(to bottom, rgba(249 249 251 / 0%) 0%, rgba(249 249 251 / 0%) 0%, rgba(249 249 251 / 100%) 20%, rgba(249 249 251 / 100%) 100%); } #slider__nv .slide_marquee_wrap .slide_marquee .slide_image_wrap { width: 100%; -webkit-animation: animate-marquee-vert 30s infinite linear; animation: animate-marquee-vert 30s infinite linear; transition: .7s margin-left ease-out; will-change: transform; } #slider__nv .slide_marquee_wrap .slide_marquee .slide_image_wrap.inverse { -webkit-animation: animate-marquee-vert-inverse 30s infinite linear; animation: animate-marquee-vert-inverse 30s infinite linear; transition: .7s margin-left ease-out; will-change: transform; } #slider__nv .slide_marquee_wrap .slide_marquee .slide_image_wrap img { max-width: 100%; height: auto; margin: 40px 0; display: block; border-radius: 10px; } .marquee { display: flex; flex-wrap: nowrap !important; white-space: nowrap; overflow: hidden; -webkit-mask-image: linear-gradient(to right, rgba(255 255 255 / 0%) 0%, rgba(255 255 255 / 100%) 30%, rgba(255 255 255 / 100%) calc(100% - 30%), rgba(255 255 255 / 0%) 100%); mask-image: linear-gradient(to right, rgba(255 255 255 / 0%) 0%, rgba(255 255 255 / 100%) 30%, rgba(255 255 255 / 100%) calc(100% - 30%), rgba(255 255 255 / 0%) 100%); } .marquee .logos_wrap { margin: 20px 0; display: flex; flex-wrap: nowrap !important; white-space: nowrap; -webkit-animation: animate-marquee-vert 50s infinite linear; animation: animate-marquee-vert 50s infinite linear; transition: .7s margin-left ease-out; will-change: transform, margin-left; } .marquee.second_row .logos_wrap { animation-direction: reverse; } .marquee .logo img { width: auto; max-width: 200px; height: auto; max-height: 80px; display: block; } @-webkit-keyframes animate-marquee-vert { 0% { transform: translateY(0%) translateZ(0); } 100% { transform: translateY(-100%) translateZ(0); } } @keyframes animate-marquee-vert { 0% { transform: translateY(0%) translateZ(0); } 100% { transform: translateY(-100%) translateZ(0); } } @-webkit-keyframes animate-marquee-vert-inverse { 0% { transform: translateY(-100%) translateZ(0); } 100% { transform: translateY(0%) translateZ(0); } } @keyframes animate-marquee-vert-inverse { 0% { transform: translateY(-100%) translateZ(0); } 100% { transform: translateY(0%) translateZ(0); } } /* ------------------------- MARKETING TEXT #1 ------------------------- */ #marketing_text_1__nv { padding: 100px 0; } #marketing_text_1__nv .animate_text { max-width: 90%; font-size: 40px; font-weight: 700; color: var(--color-dark-blue--nv); line-height: 120%; } /* ------------------------- HOW DOES IT WORK? ------------------------- */ #how_it_work__nv { padding: 100px 0; } #cards #card-1 { --index: 1; } #cards #card-2 { --index: 2; } #cards #card-3 { --index: 3; } #cards #card-4 { --index: 4; } #cards #card-5 { --index: 5; } #cards .card { top: 50px; padding-top: calc(var(--index) * 50px); position: sticky; } #cards .card .card_content { padding: 30px; color: var(--color-dark-blue--nv); background: var(--color-silver--nv); outline: 5px solid white; display: flex; align-items: center; border-radius: 15px; position: relative; overflow: hidden; } #cards .card .card_content .wrap_left { width: 50%; height: 100%; padding: 50px 50px 50px 0; display: flex; align-items: center; position: relative; } #cards .card .card_content .wrap_left h3 { width: 100%; margin-bottom: 20px; font-size: 30px !important; font-weight: 700 !important; color: var(--color-dark-blue--nv) !important; line-height: 120%; } #cards .card .card_content .wrap_left .count { width: 50px; height: 50px; margin-top: -50px; margin-bottom: 20px; color: white; background: var(--color-red--nv); display: flex; justify-content: center; align-items: center; border-radius: 50%; } #cards .card .card_content .wrap_right { width: 50%; } #cards .card .card_content .wrap_right img { max-width: 100%; height: auto; display: block; object-fit: cover; } #cards .card .card_content .wrap_right figure { height: 100%; min-height: 480px; border-radius: 15px; display: flex; align-items: center; } /* -------------- WHY US -------------- */ #why_us__nv { padding: 100px 0; background: var(--color-silver--nv); } #why_us__nv .why_us_wrap { display: flex; } #why_us__nv .why_us_wrap .wrap_left { width: 50%; } #why_us__nv .why_us_wrap .wrap_left .button { width: 100%; } #why_us__nv .why_us_wrap .wrap_right { width: 50%; display: flex; align-items: center; justify-content: center; } #why_us__nv .why_us_wrap .wrap_right img { max-width: 100%; height: auto; display: block; } /* ----------- USP ----------- */ #usp__nv { padding: 100px 0; } #usp__nv .section_title { max-width: 600px; margin-left: auto; margin-right: auto; } #usp__nv .usp_wrap { display: flex; } #usp__nv .usp_wrap .usp { width: 33.3333333333%; margin-top: 50px; padding-right: 30px; font-size: 16px; line-height: 25px; } #usp__nv .usp_wrap .usp:nth-child(-n+3) { margin-top: 0; } #usp__nv .usp_wrap .usp img { width: auto; height: 40px; margin-bottom: 30px; display: flex; } #usp__nv .usp_wrap .usp h3 { margin-bottom: 10px !important; font-size: 20px !important; font-weight: 700 !important; color: var(--color-dark-blue--nv) !important; line-height: 100%; } /* ------------- VIDEO ------------- */ #video__nv { margin: 50px 0; } #video__nv .video_wrap { max-width: 960px; margin-left: auto; margin-right: auto; } #video__nv .iframe_wrap { height: 0; padding-bottom: 56.25%; padding-top: 25px; position: relative; } #video__nv .iframe_wrap iframe { width: 100%; height: 100%; left: 0; top: 0; position: absolute; } /* ------------------- SCREENSHOTS ------------------- */ #screenshots__nv { padding: 100px 0; padding-top: 50px; background: var(--color-silver--nv); } #screenshots__nv .screenshots_wrap { display: flex; justify-content: space-between; } #screenshots__nv .screenshots_wrap .accordions { margin-right: 50px; flex: 1; } #screenshots__nv .screenshots_wrap .accordions .acc { margin-bottom: 10px; padding: 30px; background: rgba(255 255 255 / 0%); border-radius: 10px; cursor: pointer; } #screenshots__nv .screenshots_wrap .accordions .acc:last-child { margin-bottom: 0; } #screenshots__nv .screenshots_wrap .accordions .acc .acc_header { font-size: 25px; font-weight: 700; color: var(--color-dark-blue--nv); line-height: 120%; opacity: 50%; } #screenshots__nv .screenshots_wrap .accordions .acc .acc_content { padding-top: 20px; display: none; } #screenshots__nv .screenshots_wrap .accordions .acc.active { background: var(--color-gray--nv); } #screenshots__nv .screenshots_wrap .accordions .acc.active .acc_header { opacity: 100%; } #screenshots__nv .screenshots_wrap .app_screenshots { width: 600px; height: auto; min-height: 550px; position: relative; } #screenshots__nv .screenshots_wrap .app_screenshots .scr-acc { width: 100%; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-position: center; background-size: 100% auto; position: absolute; -webkit-animation: 1s ease 0s normal forwards 1 fadeOut; animation: 1s ease 0s normal forwards 1 fadeOut; } #screenshots__nv .screenshots_wrap .app_screenshots .scr-acc .scr { max-width: 48%; height: auto; display: block; position: absolute; border-radius: 10px; box-shadow: 0 5px 10px rgba(0 0 0 / 20%); } #screenshots__nv .screenshots_wrap .app_screenshots .scr-acc .scr.scr_0 { max-width: 80%; left: 50%; top: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #screenshots__nv .screenshots_wrap .app_screenshots .scr-acc .scr.scr_1 { z-index: 2; animation: slideOut 1s ease-out both; animation-delay: 0s; } #screenshots__nv .screenshots_wrap .app_screenshots .scr-acc .scr.scr_2 { z-index: 3; animation: slideOut 1s ease-out both; animation-delay: 0s; } #screenshots__nv .screenshots_wrap .app_screenshots .scr-acc .scr.scr_3 { z-index: 4; } #screenshots__nv .screenshots_wrap .app_screenshots .scr-acc.active { opacity: 100%; -webkit-animation: 1s linear 0s normal forwards 1 fadeIn; animation: 1s linear 0s normal forwards 1 fadeIn; } #screenshots__nv .screenshots_wrap .app_screenshots .scr-acc.active .scr_1 { animation: slideIn 1s ease-out both; animation-delay: 0.5s; } #screenshots__nv .screenshots_wrap .app_screenshots .scr-acc.active .scr_2 { animation: slideIn 1s ease-out both; animation-delay: 0.9s; } #screenshots__nv .screenshots_wrap .app_screenshots #scr-acc-1 .scr_1 { left: 0; top: 10%; } #screenshots__nv .screenshots_wrap .app_screenshots #scr-acc-1 .scr_2 { right: 0; top: 40%; } #screenshots__nv .screenshots_wrap .app_screenshots #scr-acc-2 .scr_1 { left: 0; top: 55%; } #screenshots__nv .screenshots_wrap .app_screenshots #scr-acc-2 .scr_2 { right: 0; top: 15%; } #screenshots__nv .screenshots_wrap .app_screenshots #scr-acc-3 .scr_1 { left: 0; top: 15%; } #screenshots__nv .screenshots_wrap .app_screenshots #scr-acc-3 .scr_2 { right: 0; top: 55%; } #screenshots__nv .screenshots_wrap .app_screenshots #scr-acc-4 .scr_1 { left: 0; top: 10%; } #screenshots__nv .screenshots_wrap .app_screenshots #scr-acc-4 .scr_2 { right: 0; top: 60%; } @keyframes fadeIn{ 0% { opacity: 0; } 100% { opacity: 100%; } } @-webkit-keyframes fadeIn{ 0% { opacity: 0; } 100% { opacity: 100%; } } @keyframes fadeOut{ 0% { opacity: 100%; } 100% { opacity: 0; } } @-webkit-keyframes fadeOut{ 0% { opacity: 100%; } 100% { opacity: 0; } } @-webkit-keyframes slideIn { 0% { transform: translateY(0); opacity: 0; } 100% { transform: translateY(-30px); opacity: 100%; } } @keyframes slideIn { 0% { transform: translateY(0); opacity: 0; } 100% { transform: translateY(-30px); opacity: 100%; } } @-webkit-keyframes slideOut { 0% { transform: translateY(-30px); opacity: 100%; } 100% { transform: translateY(-30px); opacity: 0; } } @keyframes slideOut { 0% { transform: translateY(-30px); opacity: 100%; } 100% { transform: translateY(-30px); opacity: 0; } } /* -------------------- INTAGRATIONS -------------------- */ #integrations__nv { height: 500px; background-image: url(../img/nagyvallalati/bgr_integrations2.png); background-image: url(../img/nagyvallalati/bgr_integrations2.png), -webkit-linear-gradient(left, rgba(17 15 39 / 100%) 0%, rgba(17 68 74 / 100%) 100%); background-image: url(../img/nagyvallalati/bgr_integrations2.png), linear-gradient(to right, rgba(17 15 39 / 100%) 0%, rgba(17 68 74 / 100%) 100%); background-repeat: no-repeat; background-position: center; } #integrations__nv .inner { height: 100%; display: flex; align-items: center; } #integrations__nv .integrations_text_wrap { max-width: 600px; } #integrations__nv .integrations_text_wrap .section_title { width: 100%; color: white; line-height: 120%; } #integrations__nv .integrations_text_wrap .marketing_text { width: 100%; color: white; } /* ----------------------- PACKAGE CONTENT ----------------------- */ #package_contents__nv { padding: 100px 0; } #package_contents__nv .section_title { max-width: 800px; margin-left: auto; margin-right: auto; } #package_contents__nv .section_intro { max-width: 800px; margin-left: auto; margin-right: auto; } #package_contents__nv .package_contents_wrap { max-width: 800px; margin: auto; } #package_contents__nv .package_contents_wrap header { top: 60px; padding: 15px 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #999; line-height: 20px; background: var(--color-silver--nv); border-top: 1px solid var(--color-silver-line--nv); border-bottom: 1px solid var(--color-silver-line--nv); position: sticky; } #package_contents__nv .package_contents_wrap ul.package_contents_list { margin-left: 0 !important; margin-bottom: 0 !important; list-style: none !important; } #package_contents__nv .package_contents_wrap ul.package_contents_list li { padding: 15px 20px !important; font-weight: 700; color: black !important; border-bottom: 1px solid var(--color-silver-line--nv); } #package_contents__nv .package_contents_wrap ul.package_contents_list li:last-child { border-bottom: none; } #package_contents__nv .package_contents_wrap ul.package_contents_list li:before { display: none !important; } /* ----------------- FUNCTIONS ----------------- */ #functions__nv { padding: 100px 0; } #functions__nv .section_title { max-width: 800px; margin-left: auto; margin-right: auto; } #functions__nv .section_title span { color: var(--color-red--nv); } #functions__nv .section_intro { max-width: 800px; margin-left: auto; margin-right: auto; } #functions__nv .functions_wrap { display: flex; justify-content: space-between; } #functions__nv .functions_wrap .function { width: calc(33.3333333333% - 15px); margin-top: 30px; padding: 30px; background: var(--color-silver--nv); border-radius: 10px; box-shadow: 0 2px 3px rgba(0 0 0 / 3%); overflow: hidden; } #functions__nv .functions_wrap .function .screenshot { padding: 20px; background: white; overflow: hidden; border-radius: 10px; } #functions__nv .functions_wrap .function .screenshot img { width: 100%; height: auto; display: block; } #functions__nv .functions_wrap .function .entry { margin-bottom: 30px; } #functions__nv .functions_wrap .function .entry h3 { margin-bottom: 10px !important; font-size: 25px !important; font-weight: 700 !important; color: var(--color-dark-blue--nv) !important; line-height: 120%; } #functions__nv .functions_wrap .function:nth-child(-n+2) { width: calc(50% - 15px); margin-top: 0; } #functions__nv .fixed_images { position: relative; } #functions__nv .fixed_images_wrap { min-height: 100vh; display: flex; position: relative; z-index: 2; } #functions__nv .fixed_images_wrap .wrap_left.images { width: 50%; height: calc(100vh - 100px); top: 100px; display: flex; align-items: center; align-content: center; position: sticky; } #functions__nv .fixed_images_wrap .wrap_left.images img { max-width: 100%; height: auto; top: 50%; position: absolute; transform: translateY(-50%); opacity: 0; z-index: 1; -webkit-transition: all 1000ms ease-out; transition: all 1000ms ease-out; } #functions__nv .fixed_images_wrap .wrap_left.images img.active { opacity: 100%; z-index: 2; } #functions__nv .fixed_images_wrap .wrap_left.images img:first-child { opacity: 100%; } #functions__nv .fixed_images_wrap .wrap_right.content { width: 50%; } #functions__nv .fixed_images_wrap .wrap_right.content h3 { margin-bottom: 20px !important; font-size: 30px !important; font-weight: 700 !important; color: var(--color-red--nv) !important; line-height: 120% !important; } #functions__nv .fixed_images_wrap .wrap_right.content .fixed_image_content { min-height: 100vh; padding-left: 50px; display: flex; align-items: center; align-content: center; } #functions__nv .fixed_images_wrap .wrap_right.content .fixed_image_content img { display: none; } /* ----------- FAQ ----------- */ #faq__nv { padding: 100px 0; } #faq__nv .section_title { max-width: 600px; } #faq__nv .faq_wrap { display: flex; justify-content: space-between; } #faq__nv .faq_wrap .faq { width: calc(50% - 10px); height: fit-content; margin-top: 20px; background: var(--color-silver--nv); border-radius: 10px; } #faq__nv .faq_wrap .faq:nth-child(-n+2) { margin-top: 0; } #faq__nv .faq_wrap .faq .faq_header { padding: 15px 20px; font-size: 20px; font-weight: 500; color: var(--color-dark-blue--nv); line-height: 100%; position: relative; cursor: pointer; } #faq__nv .faq_wrap .faq .faq_header:after { width: 50px; height: 50px; right: 0; top: 0; font-size: 38px; font-weight: 400; display: flex; align-items: center; justify-content: center; position: absolute; content: '+'; } #faq__nv .faq_wrap .faq .faq_header.active:after { content: '-'; } #faq__nv .faq_wrap .faq .faq_content { padding: 0 20px 20px; color: var(--color-dark-blue--nv); display: none; } /* ---------------------- PARTNERS LOGOS ---------------------- */ #partner_logo { padding: 50px 0; } #partner_logo h3 { margin-bottom: 20px !important; font-size: 30px !important; font-weight: 700 !important; color: var(--color-red--nv) !important; line-height: 120% !important; } #partner_logo .marquee { display: flex; flex-wrap: nowrap !important; white-space: nowrap; overflow: hidden; -webkit-mask-image: linear-gradient(to right, rgba(255 255 255 / 0%) 0%, rgba(255 255 255 / 100%) 30%, rgba(255 255 255 / 100%) calc(100% - 30%), rgba(255 255 255 / 0%) 100%); mask-image: linear-gradient(to right, rgba(255 255 255 / 0%) 0%, rgba(255 255 255 / 100%) 30%, rgba(255 255 255 / 100%) calc(100% - 30%), rgba(255 255 255 / 0%) 100%); } #partner_logo .marquee .logos_wrap { display: flex; flex-wrap: nowrap !important; white-space: nowrap; -webkit-animation: animate-marquee 50s infinite linear; animation: animate-marquee 50s infinite linear; transition: .7s margin-left ease-out; will-change: transform, margin-left; } #partner_logo .marquee .logo { width: 240px; height: 120px; margin: 0 30px; display: flex; justify-content: center; align-items: center; border-radius: 5px; } #partner_logo .marquee .logo img { width: auto; max-width: 180px; height: auto; max-height: 80px; display: block; } @-webkit-keyframes animate-marquee { 0% { transform: translateX(0%) translateZ(0); } 100% { transform: translateX(-100%) translateZ(0); } } @keyframes animate-marquee { 0% { transform: translateX(0%) translateZ(0); } 100% { transform: translateX(-100%) translateZ(0); } } /* --------------- CONTENT --------------- */ #container.nv .inner, #container.homepage .inner { max-width: 1400px !important; padding-left: 20px; padding-right: 20px; } #container.nv .section_title { margin-bottom: 30px; font-size: 50px; font-weight: 700; color: var(--color-dark-blue--nv); line-height: 110%; } #container.nv .integrations_text_wrap .section_title { color: var(--color-gray--nv); } #container .section_subtitle { margin-bottom: 20px; font-size: 12px; font-weight: 500; text-transform: uppercase; color: var(--color-red--nv); line-height: 100%; letter-spacing: 1px; } #container .section_subtitle.has_background { padding: 8px 15px; color: white !important; background: var(--color-red--nv); display: inline-block; border-radius: 15px; } #container .section_intro { margin-bottom: 30px; } #container p { margin-bottom: 30px; } #container strong { font-weight: 700; } #container ul { margin-left: 20px; margin-bottom: 20px; } #container ul.has_check{ margin-left: 0; list-style: none; } #container ul.has_check li{ margin-bottom: 10px; padding-left: 28px; position: relative; } #container ul.has_check li:last-child { margin-bottom: 0; } #container ul.has_check li:before { width: 20px; height: 20px; left: 0; top: 3px; font-size: 12px !important; color: white !important; background: var(--color-green); display: flex; align-items: center; justify-content: center; position: absolute; border-radius: 50%; content: '✔'; } #container ol { margin-left: 20px; margin-bottom: 20px; } #container ol.has_check{ margin-left: 0; list-style: none; } #container ol.has_check li { margin-bottom: 8px; position: relative; display: block; padding: 8px 18px; border-radius: 5px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .15); } #container ol.has_check li:last-child { margin-bottom: 0; } #container ol.has_check li:before { width: 20px; height: 20px; line-height: 12px; left: -10px; top: 10px; font-size: 12px !important; color: white !important; background: var(--color-green); display: flex; align-items: center; justify-content: center; position: absolute; border-radius: 50%; content: '★'; } #container ol.has_check li { font-size: 12px; line-height: 17px; margin-bottom: 6px; position: relative; display: block; padding: 8px 18px; border-radius: 5px; box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.15); } #container ol.has_check li:before { width: 16px; height: 16px; line-height: 11px; left: -8px; top: 8px; font-size: 10px !important; color: white !important; background: var(--color-green); display: flex; align-items: center; justify-content: center; position: absolute; border-radius: 50%; content: '★'; } #container ul.has_check.small li { font-size: 14px; line-height: 20px; color: #7e8398; } .flexwrap * { flex-wrap: wrap; } .flexwrap ul { padding-left: 0; } /* COUNDOWN */ .countdown_wrap { flex-wrap: wrap; margin: 30px 0; display: flex; justify-content: left; } .countdown_wrap .countdown_intro { width: 100%; margin-bottom: 12px; font-weight: 700; text-align: left; } .countdown_wrap .countdown { display: flex; } .countdown_wrap .countdown > div { width: 58px; height: 52px; margin: 0 2px; font-size: 14px; font-weight: 700; text-align: center; color: rgb(72, 72, 72); line-height: 100%; background: white; border: solid 1px #e4e4e4; display: flex; align-items: center; align-content: center; justify-content: center; border-radius: 5px; } .countdown_wrap .countdown > div span { width: 100%; font-size: 12px; line-height: 16px; display: block; } strong.title2 { font-size: 20px; margin-bottom: 15px; display: block; } span.special-price { color: #c60f49;font-weight: 700; } span.special-price b { text-decoration: line-through; } #container .section_title.special { font-size: 44px !important; } #container .animate_text.special { font-size: 30px !important; } #container .special-price.special { font-size: 20px !important; } #container .info-text-special { font-size: 11px !important; ; color:dimgray; } .wrap_left.images.hide_in_960 img { width: 85%; } #newsletter_signup .wrap_left ul { margin-left: 0; margin-bottom: 20px; padding-left: 20px; padding-bottom: 10px; } #newsletter_signup .wrap_left ul li { margin-bottom: 4px; } #newsletter_signup .wrap_left p { font-size: 20px; } #newsletter_signup .countdown_wrap { margin: 15px 0; margin-top: 0; } #newsletter_signup .countdown_wrap .countdown > div { color: white; background: #121028; border: solid 1px #12434a; display: block;} #newsletter_signup #feliratkozas { height: calc(100vh - 100px); max-height: 700px; background: var(--color-silver--nv) url(../img/nagyvallalati/bgr-slides-3.png) no-repeat left center; background-size: contain; } .offer-modal .modal-content { background: var(--color-silver--nv) url(../img/nagyvallalati/bgr-slides-3.png) no-repeat left center; background-size: contain; } .offer-modal .close { font-size: 40px; color: #c60f49; filter: alpha(opacity = 100); opacity: 1; } .offer-modal .modal-body .newsletter_signup_bottom_wrap { padding: 0 !important; background: transparent !important; } .offer-modal .modal-dialog { width: 100%; max-width: 900px; } .offer-modal .modal-body { padding: 24px 36px; } ul.package_contents_list li small { color: #797979; font-weight: 500; font-style: italic; } .homepage .wrap_left p { color: #62748e; } /* ----------- RWD ----------- */ @media only screen and (max-width: 1440px) { /* SLIDER */ #slider__nv .text_wrap .title { font-size: 40px; } #slider__nv .slide_marquee_wrap { width: 450px; } } @media only screen and (max-width: 1200px) { /* MARKETING TEXT #1 */ #marketing_text_1__nv { padding: 75px 0; } #marketing_text_1__nv .animate_text { max-width: none; font-size: 30px; } /* HOW DOES IT WORK? */ #how_it_work__nv { padding: 75px 0; } /* WHY US */ #why_us__nv { padding: 75px 0; } /* USP */ #usp__nv { padding: 75px 0; } #usp__nv .usp_wrap .usp { width: 50%; } #usp__nv .usp_wrap .usp:nth-child(3) { margin-top: 50px; } /* SCREENSHOTS */ #screenshots__nv .screenshots_wrap .accordions { width: calc(50% - 50px); } #screenshots__nv .screenshots_wrap .app_screenshots { width: 50%; flex: none; } /* INTAGRATIONS */ #integrations__nv { background-position: right center; } #integrations__nv .integrations_text_wrap { max-width: none; padding-right: 500px; } /* PACKAGE CONTENT */ #package_contents__nv { padding: 75px 0; } /* FUNCTIONS */ #functions__nv { padding: 75px 0; } /* FAQ */ #faq__nv { padding: 75px 0; } /* CONTENT */ #container .section_title { font-size: 40px; } } @media only screen and (max-width: 960px) { /* SLIDER */ #slider__nv { height: auto; max-height: none; } #slider__nv .text_wrap { width: 100%; padding: 50px 0; } #slider__nv .text_wrap .subtitle { margin-top: 0; } #slider__nv .text_wrap .title { font-size: 30px; } #slider__nv .slide_marquee_wrap { width: 100%; max-width: 640px; height: 300px; margin: auto; } .slide_marquee_wrap img { max-width: 100%; } /* MARKETING TEXT #1 */ #marketing_text_1__nv { padding: 50px 0; } #marketing_text_1__nv .animate_text { font-size: 25px; line-height: 150%; } /* HOW DOES IT WORK? */ #how_it_work__nv { padding: 50px 0; } #cards { display: block; } #cards .card { top: auto; margin-bottom: 50px; padding-top: 0; position: relative; } #cards .card .card_content { padding: 20px; outline: none; } #cards .card .card_content .wrap_left { width: 100%; margin-bottom: 30px; padding: 0; } #cards .card .card_content .wrap_left .count { margin-top: 0; } #cards .card .card_content .wrap_right { width: 100%; } #cards .card .card_content .wrap_right figure { min-height: inherit; } /* WHY US */ #why_us__nv { padding: 50px 0; } #why_us__nv .why_us_wrap .wrap_left { width: 100%; } #why_us__nv .why_us_wrap .wrap_right { width: 100%; } /* USP */ #usp__nv { padding: 50px 0; } /* INTAGRATIONS */ #integrations__nv { height: auto; background-image: -webkit-linear-gradient(left, rgba(17 15 39 / 100%) 0%, rgba(17 68 74 / 100%) 100%); background-image: linear-gradient(to right, rgba(17 15 39 / 100%) 0%, rgba(17 68 74 / 100%) 100%); } #integrations__nv .integrations_text_wrap { padding: 50px 0; } /* PACKAGE CONTENT */ #package_contents__nv { padding: 50px 0; } /* SCREENSHOTS */ #screenshots__nv .screenshots_wrap .accordions { width: 100%; margin-right: 0; } #screenshots__nv .screenshots_wrap .accordions .acc { padding: 30px 20px; } #screenshots__nv .screenshots_wrap .accordions .acc .acc_header { font-size: 25px; } #screenshots__nv .screenshots_wrap .app_screenshots { width: 100%; min-height: inherit; } #screenshots__nv .screenshots_wrap .app_screenshots:before { padding-top: 100%; display: block; content: ''; } #screenshots__nv .screenshots_wrap .app_screenshots .scr-acc .scr.scr_0 { max-height: 80%; } /* FUNCTIONS */ #functions__nv { padding: 50px 0; } #functions__nv .fixed_images_wrap { min-height: auto; } #functions__nv .fixed_images_wrap .wrap_right.content { width: 100%; max-width: 640px; margin: auto; } #functions__nv .fixed_images_wrap .wrap_right.content .fixed_image_content { min-height: auto; padding-left: 0; } #functions__nv .fixed_images_wrap .wrap_right.content .fixed_image_content img { width: 100%; height: auto; display: block; } /* FAQ */ #faq__nv { padding: 50px 0; } #faq__nv .faq_wrap .faq { width: 100%; } #faq__nv .faq_wrap .faq:nth-child(2) { margin-top: 20px; } /* CONTENT */ #container .section_title { font-size: 30px; } } @media only screen and (max-width: 768px) { /* SLIDER */ #slider__nv .slide_marquee_wrap .slide_marquee { width: calc(50% - 10px); height: 100%; } #slider__nv .slide_marquee_wrap .slide_marquee .slide_image_wrap img { margin: 20px 0; } /* USP */ #usp__nv .usp_wrap .usp { width: 100%; } #usp__nv .usp_wrap .usp:nth-child(2) { margin-top: 50px; } /* SCREENSHOTS */ #screenshots__nv .screenshots_wrap .accordions .acc .acc_header { font-size: 20px; } } @media only screen and (max-width: 480px) { /* DISPLAY: None */ .hide_in_480 { display: none !important; } /* DEFAULT */ body { font-size: 17px !important; } /* MARKETING TEXT #1 */ #marketing_text_1__nv .animate_text { font-size: 20px; } /* HOW DOES IT WORK? */ #cards .card .card_content .wrap_left h3 { font-size: 25px !important; } #cards .card .card_content .wrap_left .count { display: none; } /* PARTNERS LOGOS */ #partner_logo .marquee { padding-left: 20px; padding-right: 20px; -webkit-mask-image: none; } #partner_logo .marquee .logos_wrap { display: flex; flex-wrap: wrap !important; justify-content: space-between; white-space: nowrap; -webkit-animation: none; animation: none; } #partner_logo .marquee .logo { width: calc(50% - 10px); margin: 10px 0; } #partner_logo .marquee .logo img { max-width: 80%; max-height: 60px; } } .sticky-button { display: none; position: fixed; bottom: 0px; right: 0px; padding: 18px; width: 100%; background: #ffffff; color: #555555; box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2); z-index: 10; } div#sticky-button .special-price.special { font-size: 16px !important; } .mobil-margin { margin-right: 20px; } .mobil-line { display: inline-block; } @media only screen and (max-width: 900px) { :root { font-size: 18px; } body { font-size: 1.0625rem !important; /* 17px */ } #marketing_text_1__nv .animate_text { font-size: 1.25rem; /* 20px */ } #cards .card .card_content .wrap_left h3 { font-size: 1.5625rem !important; /* 25px */ } #partner_logo .marquee .logo img { font-size: 0.9375rem; /* 15px */ } #slider__nv .text_wrap .subtitle { font-size: 0.875rem; /* 14px */ } #slider__nv .text_wrap .title { font-size: 2.5rem; } #marketing_text_1__nv .animate_text { font-size: 2.5rem; /* 40px */ } #cards .card .card_content .wrap_left h3 { font-size: 1.875rem !important; /* 30px */ } #usp__nv .usp_wrap .usp { font-size: 1rem; /* 16px */ } #usp__nv .usp_wrap .usp h3 { font-size: 1.25rem !important; /* 20px */ } #container .section_title { font-size: 2.2rem; } #container .section_subtitle { font-size: 0.8rem; } #container ol.has_check li { font-size: 1rem; line-height: 1.4rem; } .countdown_wrap .countdown > div { font-size: 0.875rem; /* 14px */ } .countdown_wrap .countdown > div span { font-size: 0.75rem; /* 12px */ } strong.title2 { font-size: 1.25rem; /* 20px */ } strong.title2 { font-size: 1.4rem; line-height: 1.8rem; margin-top: 2.2rem; } #container .section_title.special { font-size: 2rem !important; } #container .animate_text.special { font-size: 1.7rem !important; line-height: 1.9rem; } #container .special-price.special { font-size: 1.25rem !important; /* 20px */ } #container .info-text-special { font-size: 0.9rem !important; line-height: 1.2rem !important; display: block; margin: 0.8rem 0; } .nv .button { font-size: 1rem; padding: 0.8rem; height: auto; line-height: 1.5rem; margin: 0.3rem 0; } div#sticky-button .special-price.special { font-size: 12px !important; line-height: 16px !important; } div#sticky-button { flex-direction: column-reverse; } .mobil-margin { margin-right: 0px; } div#sticky-button a.button { font-size: 0.7rem !important; } .mobil-line { line-height: 12px; } #slider__nv .text_wrap .title, #container.nv .section_title { font-size: 1.5rem!important; } #slider__nv .slide_marquee_wrap img { position: relative!important; } }