@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); /* font-family: "Inter", sans-serif; */ @font-face { font-family: 'VremyaFWF'; src: url('fonts/VremyaFWF.eot'); src: url('fonts/VremyaFWF.eot?#iefix') format('embedded-opentype'), url('fonts/VremyaFWF.woff2') format('woff2'), url('fonts/VremyaFWF.woff') format('woff'), url('fonts/VremyaFWF.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'VremyaFWF'; src: url('fonts/VremyaFWFBold.eot'); src: url('fonts/VremyaFWFBold.eot?#iefix') format('embedded-opentype'), url('fonts/VremyaFWFBold.woff2') format('woff2'), url('fonts/VremyaFWFBold.woff') format('woff'), url('fonts/VremyaFWFBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'VremyaFWF'; src: url('fonts/VremyaFWFBoldItalic.eot'); src: url('fonts/VremyaFWFBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/VremyaFWFBoldItalic.woff2') format('woff2'), url('fonts/VremyaFWFBoldItalic.woff') format('woff'), url('fonts/VremyaFWFBoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'VremyaFWF'; src: url('fonts/VremyaFWFItalic.eot'); src: url('fonts/VremyaFWFItalic.eot?#iefix') format('embedded-opentype'), url('fonts/VremyaFWFItalic.woff2') format('woff2'), url('fonts/VremyaFWFItalic.woff') format('woff'), url('fonts/VremyaFWFItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } /* @import url('https://fonts.googleapis.com/css2?family=Anybody:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); */ /* font-family: "Anybody", sans-serif; */ /*** The new CSS reset - version 1.11.3 (last updated 25.08.2024) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { /* all: unset; display: revert; */ } video { display: block; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; margin: 0; } /* Fix mobile Safari increase font-size on landscape mode */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; font-size: 16px; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; text-decoration: none; } /* Remove list styles (bullets/numbers) */ ol, ul, menu, summary { list-style: none; margin: 0; padding: 0; } /* Firefox: solve issue where nested ordered lists continue numbering from parent (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */ ol { counter-reset: revert; } /* For images to not be able to exceed their container */ img { display: block; /* max-inline-size: 100%; max-block-size: 100%; */ } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; box-sizing: border-box; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; box-sizing: border-box; } /* Remove details summary webkit styles */ ::-webkit-details-marker { display: none; } strong { font-weight: 700; } html, body { overscroll-behavior: none; touch-action: none; } body { font-family: "Inter", sans-serif; } .font-inter { font-family: "Inter", sans-serif !important; } .font-VremyaFWF { font-family: 'VremyaFWF', sans-serif !important; } .container_fluid { max-width: 100%; margin: 0 auto; padding: 0 20px; } .container { max-width: 1230px; margin: 0 auto; /* padding: 0 20px; */ } .container_inner { max-width: 1058px; margin: 0 auto; /* padding: 0 20px; */ } .img-fluid { max-width: 100%; height: auto; } .heading1 { font-family: 'VremyaFWF'; font-weight: 400; font-style: italic; font-size: 48px; line-height: normal; text-align: center; color: #A94812; } .heading2 { font-family: 'VremyaFWF'; font-weight: 400; font-style: italic; font-size: 32px; line-height: normal; text-align: center; color: #A94812; } .withLines { position: relative; display: flex; align-items: center; justify-content: center; } .withLines:before, .withLines:after { content: ""; width: 0; height: 1px; background: #D9D9D9; margin: 0 20px; transition: all 0.5s ease; } .withLines.animation-done:before, .withLines.animation-done:after { width: 170px; transition: all 0.5s ease; transition-delay: 1s; } p { font-weight: 400; font-size: 14px; text-align: center; color: #222020; } p a { color: inherit; text-decoration: underline; } .text-decoration-none { text-decoration: none; } .text-decoration-underline { text-decoration: underline; } .tagLine { font-weight: 700; font-size: 18px; text-align: center; vertical-align: middle; color: #E1981B; } .subContentWrapper .heading2 { padding-bottom: 25px; } .subContentWrapper p { margin-top: 20px; } .overflow-hidden { overflow: hidden; } [data-speed] { height: 120%; } .position-fixed { position: fixed; } .position-absolute { position: absolute; } .position-relative { position: relative; } .position-sticky { position: sticky; } .position-static { position: static; } .overflow-auto { overflow: auto; } .d-none { display: none; } .d-block { display: block; } .d-inline { display: inline; } .d-inline-block { display: inline-block; } .d-flex { display: flex; } .d-inline-flex { display: inline-flex; } .w-100 { width: 100%; } .w-50 { width: 50%; } .w-25 { width: 25%; } .w-75 { width: 75%; } .w-10 { width: 10%; } .w-20 { width: 20%; } .w-30 { width: 30%; } .w-40 { width: 40%; } .w-60 { width: 60%; } .w-80 { width: 80%; } .w-90 { width: 90%; } .justify-content-between { justify-content: space-between; } .justify-content-center { justify-content: center; } .justify-content-start { justify-content: flex-start; } .justify-content-end { justify-content: flex-end; } .justify-content-around { justify-content: space-around; } .justify-content-evenly { justify-content: space-evenly; } .align-items-center { align-items: center; } .align-items-start { align-items: flex-start; } .align-items-end { align-items: flex-end; } .align-items-baseline { align-items: baseline; } .align-items-stretch { align-items: stretch; } .flex-wrap { flex-wrap: wrap; } .flex-column { flex-direction: column; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-column-reverse { flex-direction: column-reverse; } .flex-row-reverse { flex-direction: row-reverse; } .flex-column-reverse { flex-direction: column-reverse; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-uppercase { text-transform: uppercase; } .text-white { color: #fff; } .text-black { color: #000; } .text-brown { color: #AA4923; } .italic-none { font-style: normal !important; } .m-0-auto { margin: 0 auto; } .m-0 { margin: 0; } .m-1 { margin: 1rem; } .m-2 { margin: 2rem; } .m-3 { margin: 3rem; } .m-4 { margin: 4rem; } .m-5 { margin: 5rem; } .mt-1 { margin-top: 1rem; } .mt-2 { margin-top: 2rem; } .mt-3 { margin-top: 3rem; } .mt-4 { margin-top: 4rem; } .mt-5 { margin-top: 5rem; } .mb-1 { margin-bottom: 1rem; } .mb-2 { margin-bottom: 2rem; } .mb-3 { margin-bottom: 3rem; } .mb-4 { margin-bottom: 4rem; } .mb-5 { margin-bottom: 5rem; } .ml-1 { margin-left: 1rem; } .ml-2 { margin-left: 2rem; } .ml-3 { margin-left: 3rem; } .ml-4 { margin-left: 4rem; } .ml-5 { margin-left: 5rem; } .mr-1 { margin-right: 1rem; } .mr-2 { margin-right: 2rem; } .mr-3 { margin-right: 3rem; } .mr-4 { margin-right: 4rem; } .mr-5 { margin-right: 5rem; } .p-0 { padding: 0; } .p-1 { padding: 1rem; } .p-2 { padding: 2rem; } .p-3 { padding: 3rem; } .p-4 { padding: 4rem; } .p-5 { padding: 5rem; } .pt-0 { padding-top: 0; } .pt-1 { padding-top: 1rem; } .pt-2 { padding-top: 2rem; } .pt-3 { padding-top: 3rem; } .pt-4 { padding-top: 4rem; } .pt-5 { padding-top: 5rem; } .pb-1 { padding-bottom: 1rem; } .pb-2 { padding-bottom: 2rem; } .pb-3 { padding-bottom: 3rem; } .pb-4 { padding-bottom: 4rem; } .pb-5 { padding-bottom: 5rem; } .pl-1 { padding-left: 1rem; } .pl-2 { padding-left: 2rem; } .pl-3 { padding-left: 3rem; } .pl-4 { padding-left: 4rem; } .pl-5 { padding-left: 5rem; } .pr-1 { padding-right: 1rem; } .pr-2 { padding-right: 2rem; } .pr-3 { padding-right: 3rem; } .pr-4 { padding-right: 4rem; } .pr-5 { padding-right: 5rem; } .gap-0 { gap: 0; } .gap-1 { gap: 1rem; } .gap-2 { gap: 2rem; } .gap-3 { gap: 3rem; } .gap-4 { gap: 4rem; } .gap-5 { gap: 5rem; } @media screen and (max-width: 768px) { .heading1Black { font-size: 32px; } .heading1 { font-size: 26px; } .heading2 { font-size: 22px; } p { font-size: 14px; } .withLines.animation-done:before, .withLines.animation-done:after { width: 70px; } .withLines:before, .withLines:after { margin: 0 10px; } .container-fluid, .container_inner, .container { max-width: 100%; padding: 0 20px; } .d-block-xs { display: block; } .d-inline-xs { display: inline; } .d-inline-block-xs { display: inline-block; } .d-none-xs { display: none; } .d-flex-xs { display: flex; } .d-inline-flex-xs { display: inline-flex; } .justify-content-between-xs { justify-content: space-between; } .justify-content-center-xs { justify-content: center; } .justify-content-start-xs { justify-content: flex-start; } .justify-content-end-xs { justify-content: flex-end; } .justify-content-around-xs { justify-content: space-around; } .justify-content-evenly-xs { justify-content: space-evenly; } .align-items-center-xs { align-items: center; } .align-items-start-xs { align-items: flex-start; } .align-items-end-xs { align-items: flex-end; } .align-items-baseline-xs { align-items: baseline; } .align-items-stretch-xs { align-items: stretch; } .text-center-xs { text-align: center; } .text-left-xs { text-align: left; } .text-right-xs { text-align: right; } .text-uppercase-xs { text-transform: uppercase; } .text-white-xs { color: #fff; } .text-black-xs { color: #000; } .flex-wrap-xs { flex-wrap: wrap; } .flex-column-xs { flex-direction: column; } .flex-row-xs { flex-direction: row; } .flex-row-reverse-xs { flex-direction: row-reverse; } .flex-column-reverse-xs { flex-direction: column-reverse; } .flex-row-reverse-xs { flex-direction: row-reverse; } .m-0-xs { margin: 0; } .m-1-xs { margin: 1rem; } .m-2-xs { margin: 2rem; } .m-3-xs { margin: 3rem; } .m-4-xs { margin: 4rem; } .m-5-xs { margin: 5rem; } .mt-0-xs { margin-top: 0; } .mt-1-xs { margin-top: 1rem; } .mt-2-xs { margin-top: 2rem; } .mt-3-xs { margin-top: 3rem; } .mt-4-xs { margin-top: 4rem; } .mt-5-xs { margin-top: 5rem; } .mb-0-xs { margin-bottom: 0; } .mb-1-xs { margin-bottom: 1rem; } .mb-2-xs { margin-bottom: 2rem; } .mb-3-xs { margin-bottom: 3rem; } .mb-4-xs { margin-bottom: 4rem; } .mb-5-xs { margin-bottom: 5rem; } .ml-0-xs { margin-left: 0; } .ml-1-xs { margin-left: 1rem; } .ml-2-xs { margin-left: 2rem; } .ml-3-xs { margin-left: 3rem; } .ml-4-xs { margin-left: 4rem; } .ml-5-xs { margin-left: 5rem; } .mr-0-xs { margin-right: 0; } .mr-1-xs { margin-right: 1rem; } .mr-2-xs { margin-right: 2rem; } .mr-3-xs { margin-right: 3rem; } .mr-4-xs { margin-right: 4rem; } .mr-5-xs { margin-right: 5rem; } .p-0-xs { padding: 0; } .p-1-xs { padding: 1rem; } .p-2-xs { padding: 2rem; } .p-3-xs { padding: 3rem; } .p-4-xs { padding: 4rem; } .p-5-xs { padding: 5rem; } .pt-0-xs { padding-top: 0; } .pt-1-xs { padding-top: 1rem; } .pt-2-xs { padding-top: 2rem; } .pt-3-xs { padding-top: 3rem; } .pt-4-xs { padding-top: 4rem; } .pt-5-xs { padding-top: 5rem; } .pb-0-xs { padding-bottom: 0; } .pb-1-xs { padding-bottom: 1rem; } .pb-2-xs { padding-bottom: 2rem; } .pb-3-xs { padding-bottom: 3rem; } .pb-4-xs { padding-bottom: 4rem; } .pb-5-xs { padding-bottom: 5rem; } .pl-0-xs { padding-left: 0; } .pl-1-xs { padding-left: 1rem; } .pl-2-xs { padding-left: 2rem; } .pl-3-xs { padding-left: 3rem; } .pl-4-xs { padding-left: 4rem; } .pl-5-xs { padding-left: 5rem; } .pr-0-xs { padding-right: 0; } .pr-1-xs { padding-right: 1rem; } .pr-2-xs { padding-right: 2rem; } .pr-3-xs { padding-right: 3rem; } .pr-4-xs { padding-right: 4rem; } .pr-5-xs { padding-right: 5rem; } .gap-0-xs { gap: 0; } .gap-1-xs { gap: 1rem; } .gap-2-xs { gap: 2rem; } .gap-3-xs { gap: 3rem; } .gap-4-xs { gap: 4rem; } .gap-5-xs { gap: 5rem; } } .solid_btn, .outline_btn { border: 1px solid #E1981B; font-weight: 700; font-size: 14px; padding: 6px 45px 6px 15px; color: #fff; border-radius: 30px; position: relative; display: inline-flex; align-items: center; transition: all 0.5s ease; } .solid_btn:hover, .outline_btn:hover { transition: all 0.5s ease; background: #E1981B; } .solid_btn:after, .outline_btn:after { content: ""; width: 20px; background: #fff; position: absolute; height: 1px; right: 16px; transition: all 0.5s ease; } .solid_btn:before, .outline_btn:before { content: ""; width: 7px; position: absolute; height: 7px; right: 16px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); transition: all 0.5s ease; } .solid_btn:hover:after, .solid_btn:hover:before, .outline_btn:hover:after, .outline_btn:hover:before { transition: all 0.5s ease; right: 12px; } .solid_btn { background: #E1981B; color: #222020; padding: 6px 60px 6px 15px; } .solid_btn:hover { color: #fff; } .solid_btn:after { background: #222020; } .solid_btn:before { border-color: #222020; } .solid_btn:hover:after { background: #fff; } .solid_btn:hover:before { border-color: #fff; } .solidBig_btn { position: relative; background: #E1981B; min-height: 50px; border-radius: 25px; padding: 10px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; color: #222020; transition: all 0.5s ease; } .solidBig_btn:after { content: ""; background: url('../media/svg/rightarrow.svg') no-repeat center center; width: 24px; height: 8px; margin-left: 10px; } .solidBig_btn:hover { transition: all 0.5s ease; background: #AA4923; color: #fff; } .solidBig_btn:hover:after { transition: all 0.5s ease; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7427%) hue-rotate(23deg) brightness(118%) contrast(118%); transform: translateX(5px); } .circle_arrow_btn { font-weight: 700; font-size: 14px; color: #222020; /* padding-right: 35px; */ position: relative; display: inline-flex; align-items: center; justify-content: space-between; white-space: nowrap; transition: all 0.5s ease; } .circle_arrow_btn:hover { transition: all 0.5s ease; color: #AA4923; } .circle_arrow_btn:after { content: ""; width: 31px; height: 31px; border: 1px solid #E1981B; border-radius: 50%; margin-left: 13px; transition: all 0.5s ease; } .circle_arrow_btn:hover:after { transition: all 0.5s ease; border-color: #AA4923; background: #AA4923; } .circle_brown.circle_arrow_btn:after { border-color: #A94812; transition: all 0.5s ease; } .circle_black.circle_arrow_btn:after { border-color: #000; transition: all 0.5s ease; } .circle_black.circle_arrow_btn:hover:after { border-color: #A94812; transition: all 0.5s ease; } .circle_arrow_btn:before { content: ""; background: url('../media/svg/rightarrow.svg') no-repeat center center; width: 24px; height: 8px; position: absolute; right: 12px; transition: all 0.5s ease; background-position: right; } .circle_arrow_btn:hover:before { width: 10px; transition: all 0.5s ease; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7427%) hue-rotate(23deg) brightness(118%) contrast(118%); } .circle_arrow_white_btn { font-weight: 700; font-size: 14px; color: #ffff; /* padding-right: 35px; */ position: relative; display: inline-flex; align-items: center; justify-content: space-between; white-space: nowrap; transition: all 0.5s ease; } .circle_arrow_white_btn:after { content: ""; width: 31px; height: 31px; border: 1px solid #E1981B; border-radius: 50%; margin-left: 13px; transition: all 0.5s ease; } .circle_arrow_white_btn:hover:after { transition: all 0.5s ease; background: #fff; border-color: #fff; } .circle_arrow_white_btn:before { content: ""; background: url('../media/svg/rightarrow.svg') no-repeat center center; width: 28px; height: 8px; position: absolute; right: 12px; filter: brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(11%) hue-rotate(232deg) brightness(105%) contrast(103%); transition: all 0.5s ease; background-position: right; } .circle_arrow_white_btn:hover:before { transition: all 0.5s ease; width: 10px; filter: brightness(0) saturate(100%) invert(28%) sepia(56%) saturate(1478%) hue-rotate(352deg) brightness(99%) contrast(94%); } .circleArrows_btn { border: 1px solid #FFFFFF66; width: 31px; height: 31px; border-radius: 50%; overflow: hidden; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.5s ease; } .circleArrows_btn:before { content: ""; background: url('../media/svg/rightArrowSmall.svg') no-repeat center center; width: 5px; height: 8px; transition: all 0.5s ease; } .circleArrows_btn:hover { transition: all 0.5s ease; background: #fff; border-color: #fff; } .circleArrows_btn:hover:before { filter: brightness(0) saturate(100%) invert(22%) sepia(56%) saturate(4135%) hue-rotate(25deg) brightness(94%) contrast(86%); transition: all 0.5s ease; } .bottom_pagination .swiper-pagination { position: static; text-align: left; margin-top: 30px; } .bottom_pagination .swiper-pagination .swiper-pagination-bullet { width: 5px; height: 5px; background: #D9D9D9; cursor: pointer; opacity: 1; } .bottom_pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #722B19; } @media screen and (max-width: 768px) { .bottom_pagination .swiper-pagination { text-align: center; } } .fadeWords>div { overflow: hidden; } .pinnedWrapper { position: absolute; width: 10px; height: 10px; left: 0; right: 0; margin: 0 auto; top: 300px; }