a { color: rgb(32, 63, 172) !important; } .menu .menu-item.current-menu-ancestor > a { color: rgb(32, 63, 172) !important; } .menusearch .menu-item-has-children:hover .sub-menu { display: flex; position: absolute; top: 100%; z-index: 5000; } .menusearch .menu-item-has-children:hover > a::after { transform: rotate(-180deg) translateY(-5px); -webkit-transform: rotate(-180deg) translateY(-5px); transition: 0.3s ease-in; } .menusearch .menu-item:last-child:hover .sub-menu { display: grid; grid-template-columns: 1fr 1fr; right: 0; } .sub-menu { display: none; flex-direction: column; justify-content: start; align-items: start; overflow: hidden; transition: max-height ease-in 0.7s, opacity ease 0.5s, padding ease 0.5s; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border: 1px solid #f7f7f7; border-top: none; padding: 0; background: #fff; z-index: 998; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1490196078); } .sub-menu .menu-item { margin: 7px 0 7px 0; position: relative; } .sub-menu .menu-item a { color: #5b6471 !important; position: relative; padding: 7px 60px 7px 16px; display: block; cursor: pointer; } .sub-menu .menu-item a:hover { color: #5b6471 !important; } .sub-menu .menu-item:last-child { margin-bottom: 0; } .sub-menu .menu-item:hover { background: #f4f6ff; } .sub-menu .menu-item.current-menu-item > a { color: #5b6471 !important; } .sub-menu--init { width: initial; } .sub-menu--shown { width: initial; opacity: 1; max-height: 1000px; padding: 0 0 4px 0; } .menu-item-has-children > a::after { content: url('data:image/svg+xml,%3Csvg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.00011 5.24999C5.85011 5.24999 5.65011 5.19999 5.55011 5.09999L1.05011 1.59999C0.750109 1.34999 0.700109 0.849987 0.950109 0.549987C1.20011 0.249987 1.70011 0.199986 2.00011 0.449986L6.00011 3.54999L10.0001 0.449986C10.3001 0.199986 10.8001 0.249987 11.0501 0.549987C11.3001 0.849987 11.2501 1.34999 10.9501 1.59999L6.45011 5.09999C6.35011 5.19999 6.15011 5.24999 6.00011 5.24999Z" fill="%23B6C1C7"/%3E%3C/svg%3E%0A'); margin-left: 5px; transition: 0.3s ease-out; display: inline-block; transform: translateY(-1px); } .menu--hidden { display: none; } @media (max-width: 1720px) { .menu .menu-item a { font-size: 1rem; } .menu-item-has-children > a::after { top: 27px; } .menu .menu-item-has-children:hover > a::after { transform: rotate(-180deg) translateY(-4px); -webkit-transform: rotate(-180deg) translateY(-4px); } .sub-menu .menu-item { margin-right: 0; display: block; width: 100%; } } @media (max-width: 1200px) { .menu .menu-item { margin-right: 15px; } .menu .menu-item:last-child { margin-right: 0; } } @media (max-width: 1200px) { .sub-menu .menu-item { margin-right: 0; } } @media (max-width: 1000px) { .menu { display: none; } .burger .menu { display: block; } } .burger { visibility: hidden; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 80%; background: #fff; z-index: 999; overflow: scroll; height: 100vh; transform: translateX(-100%); transition: all 0.3s ease-in; } .burger .sub-menu { display: none; width: initial; height: initial; opacity: 1; max-height: none; border-radius: 0; background: none; color: #fff; border: none; box-shadow: none; } .burger .sub-menu .menu-item a { padding-left: 40px; } .burger .sub-menu .menu-item a:hover { padding-left: 35px; } .burger .sub-menu .menu-item::after { content: none; } .burger .sub-menu .menu-item:hover { background: none; } .burger .user__wrapper { display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; width: 100%; } .burger .user__wrapper.user--hidden { display: none; } .burger .user { width: 70px; height: 70px; } .burger .login__button { padding: 0; background: none; color: #000; } .burger-open { visibility: visible; transform: translateX(0%); transition: all 0.3s ease-in; } .burger__menu { background: #fff; color: #5b6471; } .burger__menu .menu-item a { padding: 12px 20px; font-size: 1.125rem; } .burger__menu .menu-item a:hover { background: #e5ebff; border-left: 5px solid #3f63df; padding-left: 15px; } .burger__menu .menu-item a:visited { color: #5b6471; } .burger__usermenu { list-style-type: none; } .burger__usermenu-item { padding: 5px 0; } .burger__usermenu-item a { color: #000; font-weight: 600; } .burger__title { padding: 0.875rem 3rem; border-bottom: 1px solid #b6c1c7; background: #fff; display: flex; justify-content: center; align-items: center; position: relative; margin-bottom: 0.5rem; } .burger__title figure { position: absolute; left: 20px; top: 18px; } .burger__title--h3 { font-size: 18px; line-height: 21px; color: #000d20; font-weight: 400; } .login__button--mobile { display: none; } @media (max-width: 1000px) { .login__button--desktop { display: none !important; } .login__button--mobile { display: block; cursor: pointer; } .login__button--mobile figure { height: 25px; } .login__button--mobile figure img { height: 25px; width: 25px; } } @media (min-width: 500px) { .burger__profile { padding: 50px 100px 10px 100px; } } #searchform { width: 100%; align-items: flex-end; display: flex; flex-direction: row-reverse; gap: 0.5rem; } .search__input { width: 100%; border: none; border-bottom: 1px solid #5b6471; padding: 0.25rem; } .search__input:focus { box-shadow: none; border-bottom: 1px solid #203fac; } .search__button { border: none; background: none; cursor: pointer; height: 24px; } .search__button img { width: 100%; } .menusearch { width: 100%; } .search-wrapper { display: flex; flex-direction: column; gap: 1.5rem; } .search-post { display: flex; flex-direction: column; gap: 0.5rem; padding: 10px; } .search-post:hover { background-color: #f4f6ff; } .search-link:hover > h2 { color: #203fac; } .search-link { display: flex; align-items: center; color: #203fac; } .search-link p { font-size: 1.125rem; } .search-link:visited { color: #203fac; } .search-text { color: #555555; } .search-section .divider:last-child { display: none; } @media (max-width: 1720px) { .search-link p { font-size: 1rem; } .search__button { height: 22px; } } .branding { position: relative; } .branding__poster { max-width: 1920px; margin: 0 auto; padding-top: 320px; } .branding__link { display: block; position: absolute; top: 60px; left: 0; width: 100%; height: 260px; background-position-y: 60px; background-position-x: center; background-repeat: no-repeat; background-attachment: fixed; } .branding__link:hover { filter: contrast(0.8); } .lazy { opacity: 0; transition: opacity 0.5s ease; } .lazy.entered.loaded { opacity: 1 !important; } .branding__link { opacity: 1; transition: opacity 0.5s ease; } .branding__link.entered.loaded { opacity: 1 !important; } .branbranding__poster--mobile { display: none !important; } @media (max-width: 1440px) { .branding__poster { padding-top: 285px; } .branding__link { background-size: 1700px auto; height: 225px; } } @media (max-width: 1300px) { .branding__link { background-size: 1500px auto; height: 200px; } .branding__poster { padding-top: 260px; } } @media (max-width: 1100px) { /* .branding__poster { padding-top: 220px; } .branding__link { height: 100% !important; }*/ } @media (max-width: 1023px) { .branbranding__poster--desktop { display: none; } .branbranding__poster--mobile { display: block !important; margin: 50px 0 0 0; } .branding__link--mobile { display: block; } .branbranding__poster--mobile-wrap { position: relative; /*background: whitesmoke;*/ max-height: 80px; overflow: hidden; } .branbranding__poster--mobile-wrap:before { content: ""; display: block; padding-top: 30%; } .branding__link--mobile { display: block; position: absolute; width: 100%; top: 0; right: 0; bottom: 0; left: 0; background-position-y: 50px; background-position-x: center; background-repeat: no-repeat; background-attachment: fixed; background-size: 100vw auto; } } @media (min-width: 768px) and (max-width: 1023px) { .branbranding__poster--mobile-wrap { max-height: 300px; } } * { box-sizing: border-box; margin: 0; padding: 0; } a { text-decoration: none; } img { max-width: 100%; height: auto; } input, select, textarea, a, button { outline: none; transition: all 0.3s ease; font-family: "SF Pro", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important; } input, select, textarea { color: #000d20; } input:focus, select:focus, textarea:focus, a:focus, button:focus { outline: none; box-shadow: 0 0 2px #203fac; } p, a, div, button, select { font-size: 1.125rem; } .page__text { line-height: 140.5%; color: #5b6471; margin: 0.625rem 0 1.875rem 0; } .page__text h3 { margin-bottom: 25px; } .page__text p { margin-bottom: 15px; } img:not([src]):not([srcset]) { visibility: hidden; } body { font-family: "SF Pro", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-weight: 400; background: #fff; } input, textarea { font-size: 1.125rem; } input::placeholder { font-size: 1.25rem; } html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; scroll-behavior: smooth; } .very__long__stuff { height: 3000px; } .main { background: #fff; transition: 0.3s ease-in-out; border-radius: 20px; padding: 3.25rem; position: relative; /* box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);*/ } .main__content { margin: 0 auto; } .swiper-slide { height: auto !important; } .searchmobi { display: none; } .searchmobi .search { margin-top: 1rem; } .select { position: relative; display: block; width: 100%; max-width: 195px; } .select__head { width: 100%; max-width: 195px; height: 34px; border: 1px solid #b6c1c7; border-radius: 4px; padding: 6px 10px; color: #000d20; cursor: pointer; position: relative; } .select__head::after { content: url('data:image/svg+xml,%3Csvg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.00011 5.24999C5.85011 5.24999 5.65011 5.19999 5.55011 5.09999L1.05011 1.59999C0.750109 1.34999 0.700109 0.849987 0.950109 0.549987C1.20011 0.249987 1.70011 0.199986 2.00011 0.449986L6.00011 3.54999L10.0001 0.449986C10.3001 0.199986 10.8001 0.249987 11.0501 0.549987C11.3001 0.849987 11.2501 1.34999 10.9501 1.59999L6.45011 5.09999C6.35011 5.19999 6.15011 5.24999 6.00011 5.24999Z" fill="%23B6C1C7"/%3E%3C/svg%3E%0A'); position: absolute; right: 13px; top: 4px; transition: 0.3s ease-out; display: inline-block; transform: translateY(-1px); } .select__head.open::after { transform: rotate(180deg) translateY(-5px); -webkit-transform: rotate(-180deg) translateY(-5px); } .select__list { position: absolute; top: 100%; left: 0; right: 0; background: #fff; max-width: 195px; border: 1px solid #b6c1c7; border-radius: 0 0 4px 4px; margin-top: -1px; z-index: 100; font-size: 14px; color: #424348; flex-direction: column; gap: 5px; } .select__list::-webkit-scrollbar { width: 7px; background-color: #f8f9fa; padding: 5px; } .select__list::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d9d9d9; } .select__list .select__item { position: relative; padding: 8px 9px; color: #5b6471; list-style: none; } .select__list .select__item:first-child { margin-top: 5px; } .select__list .select__item:last-child { margin-bottom: 5px; } .select__list .select__item:visited { color: #5b6471; } .select__list .select__item:hover { background: #f4f6ff; } .open { border-radius: 4px 4px 0 0; } .select__title { font-weight: 400; color: #5b6471; line-height: 18px; margin-bottom: 9px; } .rules { padding-top: 5rem !important; } .rules__text { line-height: 140.5%; color: #000d20; margin-top: 2rem; } .rules__text h2 { margin-bottom: 1.5rem; } .rules__text h3 { margin-bottom: 1rem; } .rules__text p { margin-bottom: 1rem; } .rules__text dl, .rules__text ol, .rules__text ul { padding-left: 20px; margin-bottom: 1rem; } .rules__text li { color: #000d20; line-height: 150%; } @media (max-width: 1720px) { .main { max-width: 1100px; padding: 2.5rem; } p, a, div, button, select { font-size: 1rem; } .page__text { margin: 0.625rem 0 1.5625rem 0; } input, textarea { font-size: 1rem; } input::placeholder { font-size: 1rem; } } @media (max-width: 1600px) { .main { max-width: 1050px; padding: 1.625rem; } } @media (max-width: 1400px) { .main { max-width: initial; width: 100%; padding: 1.25rem; } } @media (max-width: 1000px) { .page__text { font-size: 1.125rem; margin: 0.625rem 0 1.25rem 0; } .searchmobi { display: initial; } .searchmobi .search--hidden { display: flex; } .main { border-radius: 0; padding: 1.25rem; box-shadow: none; margin: 0 auto; } } @media (max-width: 700px) { .hide-on-mobile { display: none; } .no-scrolling { overflow: hidden; } } .checkbox { display: grid; place-items: center; width: 24px !important; height: 24px !important; padding: 0; margin: 0; color: #0040ff; position: relative; cursor: pointer; appearance: none; } .checkbox:before { content: ""; width: 100%; height: 100%; line-height: 1; color: inherit; border-width: 2px; border-style: solid; border-color: #b6c1c7; border-radius: 4px; transition: all 0.2s ease; } .checkbox:after { content: ""; width: calc(100% - 12px); height: calc(100% - 19px); border-width: 0px 0px 2px 2px; border-style: solid; border-color: #fff; transform: rotate(-45deg); position: absolute; top: 6px; left: 5px; transition: all 0.2s ease; } .checkbox:checked:before { background: #0040ff; border-color: #0040ff; } .checkbox:checked::after { border-color: #fff; } .checkbox:disabled { cursor: not-allowed; } .checkbox:disabled:before { border-color: darkgray; } .checkbox:disabled:after { border-color: transparent; } .checkbox:disabled:checked { color: #0040ff; opacity: 0.65; } .checkbox:disabled:checked:before { border-color: #0040ff; } .checkbox:disabled:checked::after { border-color: #fff; } .checkbox.focus, .checkbox:focus { outline: none; box-shadow: none; } .checkbox__field { display: grid; grid-template-columns: repeat(2, max-content); gap: 0.3rem; align-items: center; } .checkbox__label { color: rgb(91, 100, 113); font-size: "1.25rem"; } .title__h1 { font-size: 1.875rem; font-style: normal; font-weight: 600; line-height: 36px; letter-spacing: 0em; text-align: left; } h1 { line-height: 36px; font-size: 1.875rem; font-weight: 600; color: #000d20; } .title__h2 { font-size: 1.375rem; font-weight: 600; } .title__h2 a { color: #000d20; font-size: 1.375rem; } h2 { font-size: 1.375rem; font-weight: 600; color: #000d20; } h3 { font-size: 1.25rem; font-weight: 600; color: #000d20; } .title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.875rem; width: 100%; } .title__group { display: grid; grid-auto-flow: column; align-items: center; gap: 20px; } .title--middlemargin { margin-bottom: 1.5625rem; } .title--smallmargin { margin-bottom: 0.9375rem; } .title--nomargin { margin: 0 !important; } .title--margintop { margin-top: 1.875rem; } .title__link { text-decoration: none; color: #203fac; } .title__button-link { max-height: 30px; display: flex; justify-content: center; border-radius: 10px; align-items: center; color: #fff; padding: 4.5px 16px; font-size: 18px; white-space: nowrap; } .title__button-link:hover { filter: brightness(1.2); } .sponsor__button-link { max-height: 30px; display: flex; justify-content: center; border-radius: 10px; align-items: center; color: #fff; padding: 4.5px 26px 4.5px 18px; font-size: 18px; white-space: nowrap; gap: 10px; background-color: #1f1e26; text-transform: uppercase; } @media (max-width: 1720px) { .title__h1 { font-size: 1.6875rem; } h1 { font-size: 1.6875rem; } .title__h2 { font-size: 1.125rem; } h2 { font-size: 1.25rem; } .title { margin-bottom: 1.5625rem; } h3 { font-size: 1.125rem; } } @media (max-width: 1000px) { .title__h1 { font-size: 1.5rem; line-height: 26px; } h1 { font-size: 1.5rem; } .title__h2 { font-size: 1.25rem; } h2 { font-size: 1.25rem; } .title { margin-bottom: 1.25rem; } h3 { font-size: 1rem; } } @media (max-width: 480px) { .title { margin-bottom: 1rem; flex-wrap: wrap; gap: 10px; align-items: flex-start; } .title__group { display: flex; } .title__h1 { font-size: 1.375rem; line-height: 1.2; } h1 { font-size: 1.375rem; } .title__link { font-size: 1rem; } .title--nomargin { margin: 0; } .title--margintop { margin: 2rem 0; } .title--mobile { flex-direction: column-reverse; gap: 2rem; align-items: flex-start; } .title__button-link { font-size: 12px; padding: 8px 10px; } } .button { border-radius: 10px; color: #fff; display: block; padding: 3px 15px; font-family: "SF Pro", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; background-color: #203fac; cursor: pointer; text-align: center; } .fix .button { background-color: #fff; color: #000; } .button__show-all { background-color: #203fac; color: #fff; padding: 10px 37px; border-radius: 10px; font-weight: 600; margin: 22px auto 0; display: block; width: fit-content; } .button--primary { border: none; border-radius: 10px; background: #203fac; color: #fff; padding: 4px 16px 5px 16px; width: fit-content; text-align: center; display: flex; align-items: center; justify-content: center; gap: 8px; } .button--primary:hover { background: #3f63df; } .button--secondary { padding: 10px 16px; display: block; border-radius: 5px; border: 1px solid #5b6471; color: #5b6471; background: #fff; text-align: center; max-width: 130px; width: 100%; } .button--secondary:hover { background: #b6c1c7; border: 1px solid #b6c1c7; color: #fff; } .button--hidden { display: none !important; } .button--gray { background: #b6c1c7; } .btn__show-all { color: #5b6471; border: 1px solid #758194; text-align: center; width: fit-content; display: block; padding: 3px 16px; outline: none; cursor: pointer; border-radius: 10px; } .btn__show-all:hover { color: #000d20; border: 1px solid #000d20; } .button-respond { color: #5b6471; border: 1px solid #758194; text-align: center; width: fit-content; display: block; padding: 3px 16px; outline: none; cursor: pointer; border-radius: 10px; } .button-respond:hover { color: #000d20; border: 1px solid #000d20; } .link--hover { color: #203fac !important; width: fit-content; } .link--hover::after { content: ""; display: block; width: 0; height: 1px; margin-top: -2px; background: #203fac; } .link--hover:hover::after { width: 100%; } .tag { border: 1px solid #b6c1c7; color: #b6c1c7; border-radius: 20px; padding: 1px 10px; display: block; width: fit-content; } .tag:hover { border: 1px solid #3f63df; color: #3f63df; } .button-submit { display: flex; align-items: center; align-content: center; justify-content: center; font-family: "SF Pro", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; white-space: nowrap; border: 1px solid #203fac; box-sizing: border-box; border-radius: 10px; background: none; padding: 16px 15px; width: fit-content; color: #203fac; cursor: pointer; } .button-submit:disabled { background: #b6c1c7 !important; border: 1px solid #b6c1c7 !important; color: #fff !important; } .button-submit:disabled svg path { fill: #fff; } .button-submit a { color: #203fac; } .button-submit:hover a { color: #fff; } .button-submit--disabled { background: #b6c1c7 !important; border: 1px solid #b6c1c7 !important; color: #fff !important; } .button-submit--small { padding: 2px 16px; border-radius: 10px; } .button-submit:hover { border: 1px solid #3f63df; background: #3f63df; color: #fff; } .button-submit:hover svg path { fill: #fff; } .button-submit--gray { border: 1px solid #5b6471; color: #5b6471; display: flex; gap: 5px; justify-content: center; } .button-submit--gray:hover { border: 1px solid #b6c1c7; background: #b6c1c7; color: #fff; } .button--restore { width: 100% !important; margin-top: 20px; height: 40px; line-height: 38px; padding: 0; border: 1px solid #3f63df; } .button--restore:hover { background: #fff; color: #3f63df; } .button--decline { padding: 10px 16px; display: block; border-radius: 5px; border: 1px solid #203fac; color: #203fac; background: #fff; text-align: center; max-width: 130px; width: 100%; } .button--decline:hover { background: #3f63df; border: 1px solid #3f63df; color: #fff; } @media (max-width: 1720px) { .button__show-all { margin-top: 15px; } .link--hover::after { margin-top: 0px; } .link--hover { height: 23px; } .btn__show-all { padding: 4px 16px; } .button-respond { padding: 4px 16px; } .button--primary { padding: 6px 16px 5px 16px; } } @media (max-width: 1000px) { .button { border-radius: 10px; } .btn__show-all { position: absolute; bottom: 3px; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 6px 16px; } } .tooltip-button { margin-right: 10px; position: relative; border: 0; outline: none; background: transparent; } .tooltip-button:hover .tooltip { opacity: 1; visibility: visible; height: auto; } .tooltip-button .tooltip { background: #000d20; border-radius: 5px; color: #fff; position: absolute; transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s; opacity: 0; visibility: hidden; z-index: 2000; top: 20px; right: -9px; padding: 10px; width: max-content; } .tooltip-button .tooltip:after { content: ""; position: absolute; right: 9px; left: initial; top: -9px; width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent #000d20 transparent; } .sponsor__outer { border-radius: 7px; -webkit-border-radius: 7px; display: block; overflow: hidden; } .sponsor__video { display: block; width: 100%; } .sponsor__video:hover { filter: contrast(0.8); } .sponsor__wrapper { padding: 15px; } .sponsor__vertical { border: 1px solid #b6c1c7; border-radius: 7px; display: block; position: relative; overflow: hidden; height: 100%; max-height: 550px; } .sponsor__vertical-image { object-fit: cover; width: 100%; height: 100%; min-height: 500px; margin: 0 auto; display: block; } .sponsor__vertical-image:hover { filter: contrast(0.8); } .sponsor--no-padding-bottom { padding: 3rem 0 0 0; } @media (max-width: 1000px) { .sponsor__outer { border-radius: 5px; } .sponsor__vertical { max-width: inherit; max-height: inherit; } .sponsor__wrapper { padding-left: 0; } } @media (max-width: 700px) { .sponsor__wrapper { padding-left: 0; padding-right: 0; } } @media (max-width: 480px) { .sponsor__outer { max-height: 60px; } } .breadcrumbs { display: flex; align-items: baseline; grid-gap: 5px; gap: 5px; white-space: wrap; flex-wrap: wrap; -ms-overflow-style: none; margin-bottom: 10px; } .breadcrumbs .breadcrumbs__separator { color: #b6c1c7; } .breadcrumbs a { color: #203fac; } .breadcrumbs a:visited { color: #b6c1c7; } .blogs-education__section { display: flex; justify-content: space-between; align-items: start; } .blogs-education__wrapper { display: flex; flex-direction: column; gap: 30px; width: 100%; } .blogs-education__title { display: flex; align-items: center; justify-content: flex-start; gap: 0.625rem; margin-bottom: 0.625rem; } .blogs-education__title figure { height: 24px; margin: 0 !important; } .blogs-education__list { padding-left: 20px; line-height: 40px; color: #5b6471; position: relative; z-index: 100; } .blogs-education__list li a { color: #5b6471; } .blogs-education__list li:hover, .blogs-education__list li:hover > a { color: #3f63df !important; } .blogs-education__list li a:visited { color: #5b6471; } .blogs-education__sidebar-list { max-width: 400px; min-width: 350px; width: 100%; list-style: none; border: 1px solid #3f63df; border-radius: 7px; font-size: 1.25rem; padding: 10px 0; display: flex; flex-direction: column; margin-bottom: 35px; } .blogs-education__sidebar-list-item { padding: 10px 20px 10px 20px; color: #000d20; font-size: 1.25rem; transition: color 0.3s ease, background 0.3s ease; } .blogs-education__sidebar-list-item:visited { color: #000d20; } .blogs-education__sidebar-list-item:hover { background: #f4f6ff; border-left: 5px solid #3f63df; padding-left: 15px; color: #3f63df; } .blogs-education__anchor { margin-top: -80px; padding-top: 80px; } .blogs--education .title, .blogs--education .breadcrumbs { position: relative; z-index: 100; } .page-template-tmp-blog-education .main__content div:last-child { margin-bottom: 35px; } @media (max-width: 1720px) { .blogs-education__sidebar-list-item { font-size: 1.125rem; } .blogs-education__section .sidebar { top: 5rem; } } @media (max-width: 1400px) { .blogs-education__wrapper { max-width: 650px; } } @media (max-width: 1000px) { .blogs-education__section .sidebar { display: none; } .blogs-education__wrapper { max-width: inherit; } } .single__wrapper { display: flex; justify-content: space-between; align-items: start; margin-bottom: 6rem; } .no-container .single__content { max-width: none; } .single-detail__content .sidebar { min-width: 315px; width: 24%; margin-left: 0; } .single-detail__content .sidebar .sponsor__vertical-image { min-width: initial; } .no-container .single__wrapper { margin-bottom: 0; } .single__content { width: 100%; } .single-detail__content { display: flex; justify-content: space-between; align-items: start; margin-bottom: 25px; } .single-detail__text { max-width: 679px; width: 100%; display: flex; flex-direction: column; gap: 1.875rem; line-height: 145.5%; color: #000d20; } .single-detail__text ul, .single-detail__text dl, .single-detail__text ol { padding-left: 20px; } .single-detail__text li { color: #000d20; line-height: 150%; } .single-detail__text a { color: #203fac !important; word-break: break-word; font-size: inherit; } .single-detail__text a:visited { color: #203fac !important; } .single-detail__text a:hover { border-bottom: 1px solid #203fac; } .single-detail__content .sponsor__wrapper { padding: 0; } blockquote { border-left: 3px solid #203fac; color: #1a1a1a; font-size: 1.25em; font-style: italic; line-height: 145%; padding: 1em 2em; position: relative; transition: 0.2s border ease-in-out; z-index: 0; } blockquote:before { content: ""; position: absolute; top: 50%; left: -4px; height: 2em; background-color: #fff; width: 5px; margin-top: -1em; } blockquote:after { content: "❞"; position: absolute; top: 50%; left: -0.5em; color: #203fac; font-style: normal; line-height: 1em; text-align: center; text-indent: -2px; width: 1em; margin-top: -0.5em; transition: 0.2s all ease-in-out, 0.4s transform ease-in-out; } blockquote:active:after { transform: rotateY(360deg); } cite { display: block; font-size: 0.75em; line-height: 1.8em; margin-top: 1em; font-style: normal; } .single-detail__quote { display: flex; flex-direction: column; position: relative; } .single-detail__quote::after { content: url("/wp-content/themes/diasp__v2/static/img/misc/quote.svg"); position: absolute; top: -6px; left: calc(50% - 112px); } .single-detail__quote blockquote { display: flex; flex-direction: column-reverse; padding: 0; border-left: none; } .single-detail__quote blockquote p { padding: 0 2em; border-left: 2px solid #203fac; } .single-detail__quote blockquote cite strong { color: #000d20; font-size: 22px; line-height: 27px; } .single-detail__quote blockquote cite { color: #5b6471; text-align: center; margin-top: 0; margin-bottom: 1em; } .single-detail__quote blockquote::after { content: none; } .single-detail__quote blockquote:before { content: none; } .single-detail__quote figure { border-radius: 50%; max-width: 128px; max-height: 128px; align-self: center; } .single-detail__quote figure img { overflow: hidden; object-fit: cover; width: 100%; min-width: 128px; height: 128px; } .single-detail__quote .link-decoration-none { border-radius: 50%; } .single-detail__text img { width: 100%; height: 100%; object-fit: cover; } .single-detail__fig { width: 100%; max-width: 680px; height: 100%; } .single-detail__img { width: 100%; height: 100%; border-radius: 7px; border: 1px solid #b6c1c7; overflow: hidden; } .link-decoration-none { display: flex; } .link-decoration-none:hover { border-bottom: none !important; } #ez-toc-container { padding: 20px 40px !important; border-radius: 7px; } .ez-toc-title-container { margin-bottom: 20px !important; } #ez-toc-container p.ez-toc-title { font-weight: 600 !important; } #ez-toc-container a:hover { text-decoration: none; } .ez-toc-link { word-break: normal !important; } .single-related { margin-top: 25px; } .single-related__post { position: relative; border: 1px solid #b6c1c7; border-radius: 15px; padding: 25px; display: flex; align-items: center; justify-content: space-between; transition: all 0.3s ease; } .single-related__post div { color: #000d20; transition: all 0.3s ease; word-break: normal; } .single-related__post:hover { border: 1px solid #203fac; } .single-related__post:hover > div { color: #203fac; } .single-related__post > svg path { transition: all 0.3s ease; } .single-related__post:hover > svg path { fill: #203fac; } .single-detail__text table { width: 100% !important; height: 100% !important; border-spacing: 0; border-radius: 7px; } .single-detail__text table tr th, .single-detail__text table tr td { border-color: #b6c1c7 !important; } .single-detail__text table.partner-table tr td:first-child { width: 14%; } .single-detail__text table.partner-table tr td:nth-child(2) { width: 55%; } .single-detail__text table.partner-table tr td:nth-child(3) { width: 20%; word-break: break-word; } .single-detail__text table.partner-table tr td:last-child { word-break: break-word; width: 15%; } .single-detail__text table td { vertical-align: top; } @media screen and (max-width: 1023px) { table.partner-table thead { display: none; } table.partner-table td { display: flex; flex-direction: column; } table.partner-table td::before { content: attr(label); font-weight: bold; min-width: 120px; } } .single-detail__text table td a img { width: 28px; height: 28px; margin-right: 10px; aspect-ratio: 1/1; } .single-detail__text table td a { display: inline; } .single-detail__text table tbody tr:nth-child(2n) { background: #fff; } .single-detail__text table tbody tr:nth-child(2n+1) { background: #f3f6ff; } .single-detail__text table tbody tr:last-child td:first-child { border-bottom-left-radius: 7px; } .single-detail__text table tbody tr:last-child td:last-child { border-bottom-right-radius: 7px; } @media (max-width: 1720px) { .single-detail__text { gap: 1.5625rem; } } @media (max-width: 1000px) { .single-detail__text { gap: 1.5625rem; } .single-detail__content .sponsor__vertical { max-height: 450px; max-width: 345px; } .single-detail__text table thead { font-size: 14px; } .single-detail__text table tbody tr td:first-child { padding-left: 20px; } } @media (max-width: 650px) { .single-detail__content { flex-direction: column; } .single-detail__content .sponsor__wrapper { padding: 0; } .single-detail__content .sponsor__wrapper { padding: 1.25rem 0 0 0; } .single-detail__content .sponsor__vertical { max-width: inherit; } .single-detail__content .sponsor__vertical-image { width: 100%; } } @media (max-width: 400px) { .single-detail__text table thead { font-size: 12px; } .single-detail__text table tbody tr td:first-child { padding-left: 10px; } } .single-article p { margin: 2rem 0; font-style: normal; font-weight: 400; line-height: 21px; color: #555555; } .single-article .wp-block-image { overflow: hidden; border-radius: 7px; } .single-article p:first-child { margin-top: 0; } .single-article p:last-child { margin-bottom: 0; } .single-meta { display: flex; flex-direction: column; align-items: start; margin-top: 0.625rem; } .single-meta__group { display: flex; align-items: center; gap: 1rem; margin-bottom: 12px; } .single-meta__group-row { display: flex; align-items: center; gap: 1rem; } .single-meta__item { display: flex; align-items: center; gap: 5px; font-size: 1.125rem; color: #b6c1c7; } .single-meta__item figure { margin-bottom: 0; } .meta__tags { margin-bottom: 1.5625rem; } @media (max-width: 600px) { .single-meta__group { flex-wrap: wrap; align-items: flex-start; gap: 10px; } .single-meta__group-row { gap: 10px; } } .related-more-button__wrapper { display: flex; align-items: center; justify-content: center; margin-top: 30px; } #related-more-button { color: #5b6471; border: 1px solid #758194; text-align: center; width: fit-content; display: block; padding: 3px 16px; outline: none; cursor: pointer; border-radius: 10px; margin-bottom: 0; } #related-more-button svg { display: none; } .trainings-detail__content { display: flex; } .trainings__left-side { margin-right: 70px; } .trainings__description { display: flex; align-items: center; } .trainings__description .review__item:first-child { margin-right: 100px; } .trainings-detail__fig { width: 345px; height: 500px; border: 1px solid #b6c1c7; border-radius: 20px; overflow: hidden; } .trainings-detail__img { width: 100%; height: 100%; object-fit: cover; } .trainings__info { display: flex; align-items: center; margin-top: 15px; } .trainings__list { list-style: none; } .trainings__list:first-child { margin-right: 20px; } .trainings__list:nth-child(2) { color: #5b6471; } .trainings__list li { margin-bottom: 15px; } .trainings__list a { color: #203fac; } .trainings__social { display: flex; align-items: center; color: #5b6471; margin-bottom: 10px; } .trainings__social:last-child { margin-bottom: 0; } .trainings__social svg { margin-right: 15px; } .trainings-mt { margin-top: 30px; } .trainings-statistic__title { font-size: 20px; line-height: 24px; margin-bottom: 10px; } .trainings-statistic__list { list-style: none; display: flex; } .trainings-statistic__list li { margin-right: 40px; } .trainings-statistic__list li:last-child { margin-right: 0; } .review__arcticle { display: flex; flex-direction: column; } .review__title { display: flex; gap: 5px 16px; align-items: center; flex-wrap: wrap; } .review__fig { width: 100%; height: 550px; border-radius: 7px 7px 0px 0px; overflow: hidden; border: 1px solid #b6c1c7; } .review__img { width: 100%; object-fit: cover; height: 100%; } .review__description { display: flex; align-items: center; justify-content: space-between; width: 100%; } .review__description--affiliate { justify-content: start; gap: 100px; } .review__item { display: flex; flex-direction: column; gap: 10px; } .review__item-text { color: #758194; } .review__rating-stars { display: flex; align-items: center; gap: 5px; } .review__rating-stars p { color: #5b6471; } .review__price { color: #1fb866; font-weight: 400; } .review__promocode-field { display: flex; color: #758194; } .review__item a:hover { border-bottom: none; } .review__link span { color: #203fac; display: flex; gap: 4px; } .review__link span figure { height: 20px; } .review__link span figure img { height: 10px; width: 11px; } .review__promocode-link { color: #203fac; border-bottom: #203fac 1px solid; } .review__promocode-link:visited { color: #203fac; } .review__arcticle .button { font-weight: 400; white-space: nowrap; padding: 5px 17px; position: absolute; right: 0; top: 0; } .review__text--hidden { display: none; } .review__comments--hidden { display: none; } .review-stars { display: flex; cursor: pointer; align-items: center; } .review-star { stroke: #b6c1c7; cursor: pointer; } .review-comments__button { padding: 0 0.15rem; background: none; border: none; cursor: pointer; height: 16px; } .review-comments__button:first-child { padding-left: 0; margin-left: 0.3rem; } .review-comments__button--hover .review-star { stroke: #203fac; fill: #203fac; } .review-comments__button--current .review-star { stroke: #203fac; fill: #203fac; } .review-form { border: 1px solid #b6c1c7; border-radius: 7px; display: flex; padding: 20px 35px 20px 35px; position: relative; } .review-comments__item { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 5px 0px 0px 40px; width: 100%; justify-content: space-between; } .review-comments__item--flexdir { flex-direction: row; } .review__rating-group { display: flex; flex-direction: column; justify-content: space-between; } .review__ratelike { display: flex; justify-content: space-between; align-items: center; } .review-likes { display: flex; align-items: center; margin-right: 20px; color: #758194; } .review-likes svg { margin-right: 7px; } .review-dislikes { display: flex; align-items: center; color: #758194; } .review-dislikes svg { transform: rotate(180deg); margin-right: 7px; } .review__button { background: none; border: none; color: #b6c1c7; cursor: pointer; position: relative; } .review__button::after { content: url("data:image/svg+xml,%3Csvg width='11' height='5' viewBox='0 0 11 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.21007 4.98009C5.06007 4.98009 4.86007 4.93009 4.76007 4.83009L0.260069 1.33009C-0.0399306 1.08009 -0.0899304 0.580089 0.16007 0.280089C0.41007 -0.0199107 0.91007 -0.0699111 1.21007 0.180089L5.21007 3.28009L9.21007 0.180089C9.51007 -0.0699111 10.0101 -0.0199107 10.2601 0.280089C10.5101 0.580089 10.4601 1.08009 10.1601 1.33009L5.66007 4.83009C5.56007 4.93009 5.36007 4.98009 5.21007 4.98009Z' fill='%23B6C1C7'/%3E%3C/svg%3E%0A"); position: absolute; right: -20px; top: -2px; } .review__button--reverse::after { transform: rotate(180deg); top: 5px; } .review__button svg { margin-left: 10px; } .review-comments__content { padding: 5px 0px 0px 40px; width: 100%; } .review-comments__info { position: relative; display: flex; flex-direction: column; padding: 5px 60px 5px 0px; border-right: 1px solid #b6c1c7; } .review-comments__author-info { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; } .review-comments__author { display: flex; flex-direction: column; gap: 5px; } .review-comments__author span { display: flex; align-items: center; } .review-comments__author span svg { margin-right: 5px; } .review-comments__date { font-style: normal; font-weight: normal; font-size: 1.125rem; line-height: 21px; color: #b6c1c7; } .review-comments__item-group { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; } .review__title { line-height: 24px; color: #5b6471; min-width: 125px; } .review-comments__input { display: flex; flex-direction: column; gap: 10px; max-width: initial; margin-bottom: 20px; } .review-comments-sbm { display: block; margin-left: auto; } .review__comments-text { border: 1px solid #b6c1c7; border-radius: 4px; padding: 5px; max-width: initial; width: 100%; min-height: 34px; max-height: 120px; } .review-comments__item .button { margin-left: auto; } .single-comments .title .button figure { height: 20px; } .review-comments__text { line-height: 24px; color: #5b6471; max-height: 122px; overflow: hidden; } .review-comments__text--open { max-height: 100%; } .review-status { position: absolute; left: 0; height: 100%; width: 20px; border-radius: 7px 0 0 7px; } .review-status--good { background: #1fb866; } .review-status--bad { background: #ff5f7b; } .review-status--neutral { background: #ffd600; } .rate-general-count { color: #5b6471; height: 20px; margin-left: 5px; } .review__description--affiliate .review-stars .rate-general-count { height: 24px; } @media (max-width: 1720px) { .review__description .review-comments__button { margin-top: 2px; } .review-comments__date { font-size: 1rem; } .review__description--affiliate .review-stars .rate-general-count { height: 20px; } .rate-general-count { height: 15px; } } @media (max-width: 1400px) { .review__fig { height: 560px; } } @media (max-width: 1000px) { .review__fig { height: 100%; } .review__img { height: 100%; } } @media (max-width: 800px) { .review__description { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 0px; } .review-comments, #review-form, #edit-review-form { flex-direction: column; } .review-comments { padding: 15px; } .review-comments__content { padding: 10px; } .review-status { top: 0; height: 20px; width: 100%; border-radius: 7px 7px 0 0px; } .review-comments__info { padding: 30px 15px; border-bottom: 1px solid #b6c1c7; border-right: none; } .review-comments__item { padding: 21px 30px 60px 26px; } } @media (max-width: 500px) { .review__description { grid-template-columns: repeat(1, 2fr); } .review-comments__item { padding: 20px 30px 60px 20px; } } .page-content { min-height: 350px; } .ul-bg-grey { background: #f9f9f9; padding: 10px 10px 10px 30px !important; border-radius: 5px; } .review-comments { border: 1px solid #b6c1c7; border-radius: 7px; display: flex; padding: 20px 35px 20px 35px; position: relative; } #review-form, #edit-review-form { display: flex; width: 100%; box-sizing: border-box; } .star[data-click=true]:before { color: #203fac; content: "\f155"; } .star-rating { display: flex; } .screen-reader-text { position: absolute; margin: -1px; padding: 0; height: 1px; width: 1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; word-wrap: normal !important; } .star-rating .star-full:before { content: "\f155"; } .star-rating .star-half:before { content: "\f459"; color: #203fac; } .star:before { content: "\f154"; width: 15px; padding-right: 5px; } .star-rating .star { color: #b6c1c7; display: flex; font-family: dashicons; font-size: 20px; font-style: normal; font-weight: 400; height: 20px; line-height: 1; text-align: center; text-decoration: inherit; vertical-align: top; min-width: 20px; } .star-rating .star:after { content: ""; display: block; width: 5px; min-width: 5px; height: 20px; } .star-full:before { color: #203fac; fill: #203fac; } .star-rating .star-full-click:before { color: #b6c1c7; content: "\f154"; } .single-comments-item { margin-bottom: 25px; } .review-likes:hover, .review-dislikes:hover { cursor: pointer; } .review-likes svg path, .review-dislikes svg path { stroke: #b6c1c7; } .review-likes svg:hover path, .review-likes.voted path { stroke: #1FB866; } .review-dislikes svg:hover path, .review-dislikes.voted path { stroke: #FF5263; } .review-comments { margin-bottom: 25px; } .review-comments-top, .review__rating-bottom { display: flex; justify-content: space-between; align-items: center; } .review-comments__text { flex-grow: 1; } .review-comments-actions-btns, .review-comments-actions { display: flex; align-items: center; align-content: center; } .review-comments-actions-btns { margin-right: 25px; } .review-comments__status { font-weight: 400; padding: 4px 11px; margin: 0; border: 1px solid; box-sizing: border-box; border-radius: 5px; font-size: 18px; line-height: 23px; } .review-comments__status--check { border-color: #ff9900 !important; color: #ff9900 !important; } .review-comments__status--published { border-color: #28c06e !important; color: #28c06e !important; } .review-comments__status--reject { border-color: #ff5263 !important; color: #ff5263 !important; } .review-comments__trash { margin-left: 15px; border: 0; background: transparent; padding: 0; height: 35px; cursor: pointer; } .review-comments-actions-btns a { display: block; width: 35px; height: 35px; } .vertical-review { flex-direction: column; padding: 15px !important; } .vertical-review .review-comments__info { padding: 0 0 15px 0; margin-bottom: 15px; border-right: 0; border-bottom: 1px solid #b6c1c7; display: flex; flex-direction: row; align-content: center; align-items: center; flex-grow: 1; } .vertical-review .review-stars-col { display: flex; flex-grow: 1; justify-content: space-between; } .vertical-review .review-stars-row { width: fit-content; } .vertical-review .review-stars-col .review-stars-row:nth-child(1) .review__title { min-width: 90px; } .vertical-review .review-comments__item { padding: 0; } .vertical-review .review-comments__author-info { gap: 0; min-width: 205px; margin-right: 10px; } .vertical-review .review-stars { margin-bottom: 10px; } .vertical-review .review-comments__author { margin-left: 10px; } .vertical-review .star-rating .star:after { width: 2px; min-width: 2px; } @media (max-width: 1023px) { table.partner-table tr td { width: 100% !important; } table.partner-table tr td br { display: none; } } .is-provider-youtube iframe { width: 100%; min-height: 500px; } .sidebar { position: sticky; top: 5rem; } @media (max-width: 1720px) { .sidebar { top: 3rem; } } @media (max-width: 650px) { .sidebar { position: static; } } .share { display: flex; justify-content: flex-start; flex-direction: column; } .share__item { display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem; cursor: pointer; width: 100%; } .share__item svg path { fill: #fff; } .share__caption { color: #fff; } .sidebar-actions .popup--shown { transform: translatey(-150px); position: absolute; } .sidebar-actions .popup--shown::after { content: ""; position: absolute; width: 10px; height: 10px; background: #000d20; transform: rotate(-45deg); left: 15px; bottom: -5px; } .share__link { display: none; width: 100%; padding: 0.625rem 1.25rem; } .sidebar-actions .popup--shown .share__link { display: block; } .share__link:hover { background: #333f51; } .popup--shown[data-popper-placement^=top]:after { bottom: -5px; } .popup--shown[data-popper-placement^=bottom]:after { top: -5px; } .sidebar-actions { display: flex; flex-direction: column; padding: 0 20px; margin-top: 1.25rem; position: relative; } .sidebar-actions__item { display: flex; gap: 0.5rem; align-items: center; cursor: pointer; height: 27px; margin-bottom: 20px; } .sidebar-actions__icon { fill: #b6c1c7; transition: 0.3s ease; } .sidebar-actions__icon--misc { fill: transparent; } .sidebar-actions__icon--active { fill: #000d20; } .sidebar-actions__text { margin-top: 5px; color: #b6c1c7; transition: 0.3s ease; } .sidebar-actions__text--active { color: #000d20; } @media (max-width: 650px) { .sidebar-actions { flex-direction: row; padding: 0; } .sidebar-actions__item svg { transform: scale(0.8); } } .sidebar-top-three { display: flex; flex-direction: column; gap: 15px; padding: 15px 0 0 15px; margin-top: 10px; } .sidebar-top-three__group { display: flex; flex-direction: column; border: 1px solid #b6c1c7; border-radius: 7px; } .sidebar-top-three__item { display: flex; align-items: center; justify-content: space-between; padding: 12px 15px; border-bottom: 1px solid #b6c1c7; } .sidebar-top-three__content { display: flex; flex-direction: column; gap: 7px; white-space: nowrap; overflow: hidden; max-width: 280px; } .sidebar-top-three__item:last-child { border-bottom: none; } .sidebar-top-three__text { display: flex; align-items: center; gap: 5px; color: #5b6471; } .sidebar-top-three__text a { color: #5b6471; } .sidebar-top-three__content span { color: #1fb866; } .sidebar-top-three__link:hover > svg path { fill: #000d20; } @media (max-width: 480px) { .sidebar-top-three { padding: 15px 0 0 0; } .sidebar-top-three__item { padding: 12px 5px; } } .weektop { position: relative; } .card-popular__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; } .card-popular__wrapper-small { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; } .weektop h3 { font-weight: 400; color: #5b6471; } .weektop-more-button__wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 15px; margin-bottom: 30px; } #weektop-more-button { background: none; color: #5b6471; cursor: pointer; border: 1px solid #758194; text-align: center; width: fit-content; display: block; padding: 3px 16px; outline: none; border-radius: 10px; } @media (max-width: 1000px) { .weektop { padding-bottom: 2.875rem; } .card-popular__wrapper { grid-template-columns: repeat(2, 1fr); } .weektop-more-button__wrapper { display: none; } } @media (max-width: 700px) { .card-popular__wrapper { grid-template-columns: repeat(1, 2fr); } } .home section { padding: 35px 0; } .main { max-width: 100%; margin: 0; padding: 0; border-radius: 0; } .main__content { padding-top: 35px; } .weektop-front, .services-section { background: rgb(255, 255, 255); background: linear-gradient(0, rgb(255, 255, 255) 0%, rgb(248, 249, 253) 35%); } .home .title__h1 a { font-size: 1.6875rem; font-style: normal; font-weight: 600; line-height: 36px; letter-spacing: 0em; text-align: left; color: #000; } .home .title__h1 a:hover { color: #203fac; } .card-popular, .btn__show-all { background: #fff; } .new-articles { display: flex; } .new-articles .card-popular__figure { max-height: 295px !important; } .sponsor { margin-bottom: 35px; display: flex; justify-content: center; } .front-links-nav { display: flex; justify-content: space-between; margin-bottom: 35px; gap: 15px; } .front-links-nav a { width: 20%; font-size: 1rem; } .card-popular__wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; } .category_wrapper { grid-template-columns: 1fr 1fr 1fr 1fr; } .sponsor__wrapper { padding: 0; } .news-section__wrapper { padding: 0; } .news-wrap1 { width: 25%; min-width: 25%; margin-left: 15px; } news-wrap1 .news-slider__card h2 { margin-bottom: 10px; } .news-wrap1 h2 a { font-size: 1.6875rem; font-style: normal; font-weight: 600; line-height: 36px; letter-spacing: 0em; text-align: left; color: #000; } .news-wrap1 h2 a:hover { color: #203fac; border-bottom: 0 !important; } .news-wrap1 .news-slider__card { padding-top: 15px; padding-bottom: 15px; overflow: hidden; background: #fff; } .news-wrap1 .btn__show-all { margin-left: auto; margin-bottom: 7px; } .news-wrap1 .news-section__wrapper { padding: 0 !important; } .news-wrap1 .news-slider__card p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .card-popular__item-horizont-content { background: #f8f9fd; } .news-wrap .news-slider__card { height: 215px; min-height: 215px; } .news-wrap { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; } .card-services__description { background: #fff; } .news-section .news-slider__card { background: #f8f9fd !important; } .videos { background: #f8f9fd; } .new-articles { background: rgb(248, 249, 253); background: linear-gradient(0, rgb(255, 255, 255) 0%, rgb(248, 249, 253) 100%); } .new-articles-inner { display: flex; } .new-articles-wrap { overflow: hidden; padding-bottom: 26px; } .new-articles .sponsor__wrapper { max-height: initial; height: auto; min-width: 330px; } .new-articles-inner .card-popular__item { margin-right: 30px !important; } .new-articles .sponsor__vertical { max-height: initial; } .new-articles-slide { display: flex; gap: 15px; } .video-slider__card { background: #fff; padding: 15px !important; border-radius: 7px; } .video-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr !important; gap: 15px; } .video-slier__preview, .video-slider__prev { border-radius: 0 !important; } .card-popular__content { min-height: 225px; } .card-popular__item-horizont, .card-popular, .sponsor__vertical, .card-services { border-radius: 4px !important; } .card-popular__figure { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; } .video-slider__prev { border-radius: 4px !important; overflow: hidden; } .card-popular__content { padding: 10px 20px 20px 20px; flex-grow: 1; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; } .front-banner { min-width: 280px; margin-left: 15px; } .front-banner .sponsor__wrapper { padding: 0; } .weektop-flex { display: flex; } .card-popular__item-horizont { display: flex !important; border-radius: 20px; border: 1px solid #b6c1c7; overflow: hidden; } .card-popular__item-horizont-thumb { width: 595px; height: 280px; min-width: 595px; } .card-popular__item-horizont-thumb figure { height: 280px; } .card-popular__item-horizont-content { padding: 15px 25px 15px 45px; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; } .card-popular__item-horizont-content-title { font-weight: 600; font-size: 26px; line-height: 24px; /* black */ color: #000D20; } .card-popular__item-horizont-content-text { font-weight: 400; font-size: 18px; line-height: 25px; /* or 139% */ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; /* grey */ margin: 25px 0; color: #5B6471; } .card-popular__desc { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .news-slider__card-content { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .single-detail__text, .single-detail__fig, .single-detail__img { max-width: initial; } .container { width: 100%; margin-right: auto; margin-left: auto; } @media (min-width: 1199px) { .container { max-width: 1170px; } } @media (min-width: 1365px) { .container { max-width: 1230px; } } @media (min-width: 1439px) { .container { max-width: 1310px; } } @media (min-width: 1600px) { .container { max-width: 1470px; } } @media (max-width: 1400px) { .home .card-popular__desc { -webkit-line-clamp: 6; } } .slick-dots { display: flex; align-content: center; align-items: center; justify-content: center; list-style: none; gap: 30px; position: absolute; bottom: -25px; left: 0; right: 0; } .slick-dots li { width: 9px; height: 9px; border-radius: 50%; /* light grey */ cursor: pointer; border: 1px solid #B6C1C7; } .slick-dots li.slick-active { background: #3F63DF; border-color: #3F63DF; } .slick-dots li button { display: none; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .seo-text { margin-bottom: 30px; padding-bottom: 30px; margin-top: 30px; } .seo-text h3, .seo-text h2, .seo-text p { margin-bottom: 1.5625rem; } .seo-text ul, .seo-text ol { padding-left: 40px; margin-bottom: 1.5625rem; } .seo-text img { display: block; max-width: 70%; } .news-slider__card p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .news-wrap-column { max-height: 877px; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #3F63DF #f8f9fd; } @media (max-width: 1440px) { .news-wrap-column { max-height: 844px; } } @media (max-width: 1360px) { .news-wrap-column { max-height: 807px; } } /* W3C standard сейчас только для Firefox */ /* для Chrome/Edge/Safari */ .news-wrap-column::-webkit-scrollbar { height: 12px; width: 12px; } .news-wrap-column::-webkit-scrollbar-track { background: #f8f9fd; } .news-wrap-column::-webkit-scrollbar-thumb { background-color: #3F63DF; border-radius: 5px; border: 3px solid #f8f9fd; } .news-section { margin-bottom: 25px; } .news-wraps .news-slider__card { height: 225px; min-height: 225px; } .news-slider__card h2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media (max-width: 1023px) { .article-progress { display: none; } .single-detail__content .sidebar { width: 100%; } .container { padding: 0 10px; } .new-articles-inner, .weektop-flex { flex-direction: column; } .card-popular__wrapper, .video-wrapper { grid-template-columns: 1fr !important; } .new-articles-inner .card-popular__item { margin-right: 0 !important; } .front-links-nav { flex-wrap: wrap; justify-content: center; } .front-links-nav a { width: fit-content; cursor: pointer; border: 1px solid #3f63df; color: #3f63df; border-radius: 20px; padding: 3px 16px; display: inline-block; transition: 0.3s ease; } .card-popular__item { padding: 0 !important; } .new-articles .sponsor__wrapper { margin-top: 20px; } .news-wrap1 { width: auto; margin-left: 0; margin-top: 15px; } .news-wrap .news-slider__card { height: auto; } .btn__show-all { width: 95%; } .sponsor { margin-bottom: 15px; } .news-section__wrapper { padding: 0 !important; } .home section { padding: 5px 0; } } #article-content { max-width: 1070px; position: relative; } .article-progress { position: sticky; top: 60px; background: #f9f9f9; margin: 0 75px; width: 5px; min-width: 5px; min-height: calc(100vh - 70px); } .article-progress .loading { background: #3663e0; height: 35px; min-height: 35px; z-index: 99; width: 5px; position: absolute; } @media (min-width: 1550px) { .single-related .category_wrapper .card-popular { height: 450px; } } .load-more-btn { color: #5b6471; border: 1px solid #758194; text-align: center; width: fit-content; display: block; padding: 3px 16px; outline: none; cursor: pointer; border-radius: 10px; margin-bottom: 0; } .vacancy-wrap { display: flex; } .vacancy-sidebar-filter { min-width: 300px; margin-right: 25px; } .vacancy-inner, .resume-inner { display: flex; flex-wrap: wrap; gap: 25px; margin-bottom: 30px; flex-grow: 1; } .vacancy-inner .no-post, .resume-inner .no-post { flex-grow: 1; } .card-vacancy { background: #FFFFFF; border-radius: 20px; padding: 20px 25px; border: 1px solid #B6C1C7; width: 48.699%; box-sizing: border-box; position: relative; max-height: 321px; } .card-vacancy.vacancy-payed .premium-icon { left: -20px; top: -20px; } .card-vacancy .card-vacancy-title a { display: block; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; /* identical to box height */ /* black */ color: #000D20; margin-bottom: 20px; } .card-vacancy-meta-top { justify-content: space-between; align-content: center; align-items: center; margin-bottom: 15px; } .card-vacancy-meta-top .vacancy-category { height: 30px; color: #B6C1C7; font-size: 16px; border: 1px solid #B6C1C7; border-radius: 10px; padding: 0 15px; line-height: 30px; } .card-vacancy-meta-top .vacancy-price { color: #1FB866; font-size: 16px; line-height: 15px; } .card-vacancy-meta { gap: 20px; font-weight: 600; font-size: 18px; line-height: 25px; color: #203FAC; margin-bottom: 15px; } .card-vacancy-content { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; /* or 147% */ /* grey */ color: #5B6471; margin-bottom: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .card-vacancy-link { display: flex; justify-content: flex-end; align-content: center; align-items: center; } .card-vacancy-link p { font-weight: 400; font-size: 18px; line-height: 15px; /* main bl203FAC */ color: #203FAC; } .card-vacancy-link figure { height: 12px; line-height: 12px; margin-left: 5px !important; } .vacancy-filter { margin-bottom: 25px; } .vacancy-filter select { width: 100%; } .vacancy-filter fieldset { margin-bottom: 15px; display: flex; align-items: center; align-content: center; } .vacancy-filter input[type=radio], .vacancy-filter input[type=checkbox] { width: 20px; height: 20px; margin-right: 5px; } .vacancy-filter select { height: 45px; line-height: 45px; outline: none; } .vacancy-filter label { font-weight: 400; font-size: 16px; line-height: 19px; /* identical to box height */ /* Grey */ color: #4E4E4E; } .vacancy-filter h3 { font-weight: 400; font-size: 18px; line-height: 150.02%; /* identical to box height, or 27px */ /* black */ color: #000D20; margin-bottom: 10px; } .single_header { display: flex; justify-content: space-between; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #B6C1C7; } .single_header-item-option { font-style: normal; font-weight: 600; font-size: 22px; line-height: 26px; color: #000D20; margin-bottom: 5px; } .single_header-item-value { font-style: normal; font-weight: 400; font-size: 18px; line-height: 21px; /* grey */ color: #5B6471; } .single_header-item-value.company { color: #203FAC; } .single_header-item-value.salary { color: #1FB866; } @media (max-width: 1023px) { .vacancy-wrap { flex-direction: column; } .vacancy-sidebar-filter { margin-right: 0; } .card-vacancy { width: 100%; } } #new-vacancy, #new-resume { margin-bottom: 25px; } #new-vacancy .button-submit, #new-resume .button-submit { width: 100%; } #new-vacancy .tagify, #new-resume .tagify { width: 100%; } #new-vacancy .article-row input[type=text], #new-resume .article-row input[type=text] { padding: 5px 20px; background: #ffffff; border-radius: 4px; color: #555; width: 100%; border: 1px solid #b6c1c7; font-size: 24px; outline: none; font-weight: 400; } #new-vacancy .article-row-inner, #new-resume .article-row-inner { flex-grow: 1; gap: 25px; } #new-vacancy .article-row-inner.employment-type-flex, #new-resume .article-row-inner.employment-type-flex { align-items: center; align-content: center; } #new-vacancy .article-row-inner .employment-type-city, #new-resume .article-row-inner .employment-type-city { gap: 15px; align-items: center; align-content: center; } #new-vacancy .article-row-inner .row-checkbox, #new-resume .article-row-inner .row-checkbox { align-content: center; align-items: center; gap: 15px; padding-top: 28px; } #new-vacancy .article-row-inner .row-checkbox input[type=checkbox], #new-resume .article-row-inner .row-checkbox input[type=checkbox] { width: 25px; height: 25px; } #new-vacancy .radio-input, #new-resume .radio-input { cursor: pointer; } #new-vacancy .radio-input:before, #new-resume .radio-input:before { content: ""; display: block; width: 17px; height: 17px; flex-shrink: 0; flex-grow: 0; background-color: #fff; border: 1px solid #b6c1c7; border-radius: 50%; margin-right: 5px; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; transition: all 0.2s ease-in; cursor: pointer; } #new-vacancy .radio-input.active:before, #new-resume .radio-input.active:before { width: 5px; height: 5px; border: 7px solid #3f63df; background-color: #fff; } #vacancies .card-vacancy { display: flex; flex-direction: column; } #vacancies .card-vacancy-content { -webkit-line-clamp: 3; } .vacancy-btns { gap: 15px; margin-top: auto; align-content: center; align-items: center; } .vacancy-btns .card-popular__status { font-weight: 400; padding: 4px 11px; margin: 0; border: 1px solid; box-sizing: border-box; border-radius: 5px; font-size: 18px; } .card-vacancy__group-btn { display: flex; gap: 15px; } /****************************** Resume ****************************/ #new-resume .article-row-inner { justify-content: space-between; } #new-resume .article-row-inner .article-row-col.parent-row { min-width: 33%; } #new-resume .article-row-inner .article-row-col.parent-row .article-row-inner { justify-content: initial; } #new-resume .article-row-inner .article-row-col .article-row-inner { min-height: 40px; align-items: center; align-content: center; } #upload-files { width: 100%; gap: 25px; } #upload-files .col-2 { width: 50%; } #upload-files #user-resume-img-prev, #upload-files .user-resume-img-file-delete { display: none; } #user-resume-img .loaded-image .user-resume-img-file-delete { display: flex; width: 45px; min-width: 45px; height: 45px; min-height: 45px; border: 1px solid #b6c1c7; border-radius: 7px; padding: 14px; align-content: center; align-items: center; justify-content: center; background: none; cursor: pointer; margin-left: 15px; z-index: 1000; position: absolute; right: 25px; top: 25px; } #user-resume-img .profile-input { max-width: initial; } #user-resume-img .user-blog-img-wrapper.loaded-image { max-height: 300px; min-height: 250px; position: relative; } #user-resume-img .user-blog-img-wrapper.loaded-image img { display: block; object-fit: contain; position: absolute; width: 100%; height: 100%; } #user-resume-img .loaded-image #user-resume-img-prev { display: block; } #resume-files .user-blog-img-wrapper { flex-direction: column-reverse; } #resume-files .loaded.result-prev-wrap-img { margin-bottom: 15px; } .card-vacancy-title .card-thumb { display: flex; width: 40px; height: 40px; border-radius: 50%; background: #203fac; justify-content: center; align-items: center; cursor: default; overflow: hidden; } .card-resume { display: flex; flex-direction: column; background: #FFFFFF; border-radius: 20px; padding: 20px 25px; border: 1px solid #B6C1C7; width: 48.699%; box-sizing: border-box; position: relative; max-height: 321px; } .card-resume .card-resume-top { justify-content: space-between; align-content: center; align-items: center; margin-bottom: 5px; } .card-resume .card-resume-top .card-resume-title { text-align: right; } .card-resume .card-resume-top .card-resume-title a { display: block; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; color: #000D20; margin-bottom: 5px; } .card-resume .card-resume-top .card-resume-job { font-size: 16px; font-weight: 600; line-height: 18px; color: #5b6471; } .card-resume .card-resume-top .card-thumb { display: flex; width: 55px; height: 55px; border-radius: 50%; background: #203FAB; justify-content: center; align-items: center; cursor: default; overflow: hidden; } .card-resume .card-resume-meta-top { justify-content: space-between; align-content: center; align-items: center; margin: 15px 0; } .card-resume .resume-category { height: 30px; color: #B6C1C7; font-size: 16px; border: 1px solid #B6C1C7; border-radius: 10px; padding: 0 15px; line-height: 30px; } .card-resume .card-resume-content { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #5B6471; margin-bottom: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .card-resume .resume-price { color: #1FB866; font-size: 16px; line-height: 15px; } .card-resume .resume-employment-type { font-weight: 600; font-size: 16px; line-height: 20px; color: #203FAC; } .card-resume .resume-btns { gap: 15px; margin-top: auto; align-content: center; align-items: center; } .card-resume .resume-btns .card-popular__status { font-weight: 400; padding: 4px 11px; margin: 0; border: 1px solid; box-sizing: border-box; border-radius: 5px; font-size: 18px; } .card-resume .resume-btns .card-resume__group-btn { display: flex; gap: 15px; } .resume-info { gap: 25px; } .resume-info .resume-thumb { min-width: 150px; max-width: 150px; } .resume-info .resume-thumb.no-foto { background: #3F63DF; } .resume-info .resume-meta-row { display: flex; gap: 15px; margin-bottom: 10px; padding-bottom: 10px; } .resume-info .resume-meta-row .resume-param { min-width: 150px; font-size: 16px; line-height: 20px; } .resume-info .resume-meta-row .resume-value { flex-grow: 1; font-size: 16px; line-height: 20px; font-weight: 600; } .resume-info .resume-files { display: flex; gap: 15px; } .resume-info .resume-files .prev-img-wrap { width: 45px; height: 45px; } .resume-info .resume-files .prev-img-wrap .prev-img { min-width: 45px; padding: 0; border: 0; } .loader-vacancy { margin-left: 325px; display: flex; justify-content: center; } .vacancy-wrapper-more-btn { margin-left: 325px; margin-bottom: 50px; } #related-more-button-vacancy { color: #5b6471; border: 1px solid #758194; text-align: center; width: fit-content; display: block; padding: 3px 16px; outline: none; cursor: pointer; border-radius: 10px; margin-bottom: 0; } .card-popular { border: 1px solid #b6c1c7; border-radius: 7px; min-width: 345px; display: flex; flex-direction: column; justify-content: space-between; position: relative; min-height: 430px; } @media (max-width: 1440px) { .card-popular { min-height: 410px; } } .card-popular__figure { max-height: 210px; height: 100%; border-top-left-radius: 7px; border-top-right-radius: 7px; overflow: hidden; margin: 0; padding: 0; position: relative; } .card-popular__image { width: 100%; height: 100%; object-fit: cover; transition: 0.3s; cursor: pointer; } .card-popular:hover .card-popular__image { transform: scale(1.05); filter: brightness(40%); } .card-popular__desc { padding: 10px 20px 60px 20px; border-top: 1px solid #b6c1c7; } .card-popular__link { text-decoration: none; color: #000; } .card-popular__title { margin: 0; line-height: 30px; margin-bottom: 15px !important; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .new-articles .card-popular__title { margin-bottom: 15px; } .card-popular__excerpt { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .card-popular__title:hover { color: #203fac; } .card-popular__tags a { list-style-type: none; font-size: 0.9375rem; background: #3f63df; border-radius: 5px; color: white; padding: 3px 9px; } .card-popular__tags a:hover { background: #5e81ff; } .card-popular__tags ul { display: flex; flex-wrap: wrap; gap: 10px; } .card-popular__tags ul li { display: flex; flex-wrap: wrap; } .card-popular__desc p { color: #5b6471; word-break: break-word; font-style: normal; font-weight: normal; line-height: 25px; width: fit-content; overflow: hidden; max-height: 130px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .card-popular__more { margin-top: 10px; color: rgb(32, 63, 172); width: fit-content; } .card-popular__more p { font-size: 1.125rem; } .card-popular__misc { margin-top: 15px; display: flex; justify-content: space-between; align-items: center; } .card-popular__views { display: flex; align-items: center; } .card-popular__views-icon { height: 20px; margin-right: 5px; } p.card-popular__views-count { font-size: 1rem; line-height: 21px; color: #b6c1c7; margin-bottom: 0; } .card-popular__author { font-size: 1.125rem; line-height: 21px; text-align: right; color: #b6c1c7; display: flex; align-items: center; } .card-popular__author figure { height: 16.5px; margin-right: 5px !important; } .card-popular__group-btn { position: absolute; display: flex; flex-direction: column; gap: 10px; top: 9px; right: 12px; z-index: 10; } .card-popular__trash { outline: none; background: none; border: none; cursor: pointer; } .card-popular__date { position: absolute; background: #ffffff; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 0px 15px rgba(0, 0, 0, 0.15); border-radius: 7px; top: 20px; left: 20px; display: flex; align-items: center; color: #5b6471; padding: 4px 10px; font-size: 14px; transition: opacity 0.3s ease; opacity: 0; } .card-popular__date figure { height: 18px; margin-right: 5px !important; } .card-popular:hover .card-popular__date { opacity: 1; } @media (max-width: 1720px) { .card-popular__tags a { font-size: 1rem; } .card-popular__desc p { line-height: 23px; } .card-popular__more p { font-size: 1rem; } .card-popular__author { font-size: 1rem; } .card-popular__views-icon { height: 19px; } .card-popular__views-icon img { width: 23px; } .card-popular { min-width: 312px; } .card-popular__title { margin-bottom: 3px; line-height: 24px; } .card-popular__tags { margin-bottom: 6px; } .card-popular__image { height: 100%; } .card-popular__tags ul li::after { margin-top: -1px; } .card-popular__figure { max-height: 200px; } } @media (max-width: 1400px) { .card-popular { min-width: 280px; } } @media (max-width: 1000px) { .card-popular__item:nth-child(3n+1) { padding-left: 15px; } .card-popular__item:nth-child(3n+3) { padding-right: 15px; } .card-popular__item:nth-child(2n+1) { padding-left: 0px; } .card-popular__item:nth-child(2n) { padding-right: 0px; } .card-popular__item:nth-child(3) { padding-top: 15px; } .card-popular__tags a { font-size: 0.9375rem; } .card-popular__more p { font-size: 0.9375rem; } } @media (max-width: 1599px) { .new-articles .card-popular__figure { max-height: 265px !important; } } @media (max-width: 700px) { .card-popular__item:nth-child(2), .card-popular__item:nth-child(3) { padding-top: 15px; } .card-popular__item:nth-child(3n+1) { padding-left: 0px; } .card-popular__item:nth-child(3n+3) { padding-right: 0px; } .card-popular__item { padding: 15px 0px; } .card-popular__item:nth-child(1) { padding-top: 0px; } .card-popular__desc { padding: 10px 15px 52px; } } .category_wrapper .card-popular { height: 430px; } .category_wrapper .sponsor__wrapper { max-height: 430px; } .index-news { position: relative; } .news-wrap { display: grid; grid-template-columns: repeat(3, 1fr); } .news-section__wrapper { padding: 15px; } /*.news-section__wrapper:nth-child(3n + 1) { padding-left: 0px; } .news-section__wrapper:nth-child(3n + 3) { padding-right: 0px; }*/ .news-slider__card { background-color: #fff; transition: all 0.3s ease; } .news-slider__card:hover { background-color: #f4f6ff; } .news-slider__card { display: flex; flex-direction: column; gap: 8px; padding: 1.5625rem; } .news-slider__link { color: #000; } .news-slider__link:visited { color: #000; } .news-slider__card p { color: #5b6471; } .news-slider__card__subtitle { color: #5b6471; display: flex; align-items: center; justify-content: flex-start; gap: 5px; font-size: 1rem; } .news-slider__card__subtitle figure { margin: 0 !important; } .news-slider__link h2:hover { color: #203fac; } .news-slider__card__subtitle figure { height: 20px; } @media (max-width: 1720px) { .news-slider__card { padding: 1.25rem; } /* .news-section__wrapper:nth-child(1), .news-section__wrapper:nth-child(2), .news-section__wrapper:nth-child(3) { padding-top: 0px; }*/ .news-slider__card__subtitle { font-size: 1rem; } } .news-section { position: relative; } @media (max-width: 1000px) { .home .news-section { padding-bottom: 95px; margin-bottom: 25px; } .home .news-section .slick-dots { bottom: -35px; } .news-section .btn__show-all { bottom: 0; width: initial; left: 10px; right: 10px; transform: translate(0, 0); box-sizing: border-box; } .news-wrap { grid-template-columns: repeat(2, 1fr); } .news-section__wrapper:nth-child(3) { padding-top: 15px; } .news-section__wrapper:nth-child(3n+1) { padding-left: 15px; } .news-section__wrapper:nth-child(3n+3) { padding-right: 15px; } .news-section__wrapper:nth-child(2n) { padding-right: 0px; } .news-section__wrapper:nth-child(2n+1) { padding-left: 0px; } .index-news { padding-bottom: 2.625rem; } .index-news .btn__show-all { bottom: -17px; } } @media (max-width: 700px) { .news-wrap { grid-template-columns: repeat(1, 2fr); } .news-section__wrapper:nth-child(2), .news-section__wrapper:nth-child(3) { padding-top: 15px; } .news-section__wrapper:nth-child(3n+1) { padding-left: 0px; } .news-section__wrapper:nth-child(3n+3) { padding-right: 0px; } .news-section__wrapper { padding: 15px 0px; } .news-section__wrapper:nth-child(1) { padding-top: 0px; } } @media (max-width: 360px) { .news-slider__card { padding: 0; } .news-section__wrapper:nth-child(1) { padding-top: 15px; } } .services-section { position: relative; } .services__title { font-weight: 600; line-height: 43px; text-align: left; margin-bottom: 37px; } .services__mobitags-input { display: none; border-radius: 7px; padding: 10px 20px; --tag-pad: 0; --tags-focus-border-color: none; width: 100%; } .services__mobitags-input .tagify__input { margin: 0; } .services__mobitags-input.tagify--focus { border-color: #ddd; } .services__tags-dropdown .tagify__dropdown__item { padding: 10px 20px; color: #555; box-sizing: border-box; margin: 0; } .services__tags-dropdown .tagify__dropdown__wrapper { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-color: #ddd; overflow-y: auto; } .services__notfound { color: #555555; } .services_page .divider:last-of-type { display: none; } .services__wrapper { display: flex; flex-direction: column; } .index-networks { margin-bottom: 50px; } .card-services { display: flex; background: #ffffff; border: 1px solid #b6c1c7; border-radius: 7px; transition: 0.3s ease-in-out; height: 161px; position: relative; margin-bottom: 25px; } .card-services__title { display: flex; align-items: center; white-space: nowrap; grid-gap: 10px; gap: 10px; } .card-services__title a:hover h2 { color: #203fac; } .card-services__figure { width: 100%; max-width: 269px; overflow: hidden; height: auto; border-radius: 7px 0 0 7px; } .card-services__photo { width: 100%; max-width: 312px; height: 100%; object-fit: cover; transition: 0.3s; } .card-services__description { width: 100%; display: flex; justify-content: space-between; align-items: center; border-left: 1px solid #b6c1c7; border-radius: 0 7px 7px 0; } .card-services__description--premium { background: #f4f6ff; } .card-services__group { display: flex; align-items: center; white-space: nowrap; grid-gap: 10px; gap: 10px; } .card-services__main { display: flex; flex-direction: column; gap: 6px; justify-content: start; height: 100%; max-width: 480px; } .card-services__link figure:hover .partners__link-svg { fill: #000d20; } .card-services__link svg { transition: all 0.3s ease; } .card-services__ref span { color: #203fac; display: flex; align-items: center; width: 163px; gap: 4px; justify-content: flex-end; } .card-services__ref span figure { height: 20px; } .card-services__ref span figure img { height: 10px; width: 11px; } .card-services__text { color: #555555; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .card-services__price { display: flex; flex-direction: column; width: 20%; } .card-services__priceitem { color: #20ac71; } .card-services__discount { display: flex; flex-direction: column; width: 14%; height: fit-content; } .card-services__review { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; height: 100%; } .card-services__review .review-icon { margin-bottom: 10px !important; } .card-services__promocode { color: #203fac; display: flex; align-items: center; cursor: pointer; } .card-services__promo-link { border-bottom: 1px solid #56aeff; } .card-services__promo-link { color: #56aeff; } .card-services__promo-link:visited { color: #56aeff; } .card-services__copy-promo .icon__path { fill: #56aeff; } .card-services__group-promo { display: flex; align-items: flex-end; gap: 5px; } .card-services__copy-promo { cursor: pointer; } .premium-icon { position: absolute; top: -15px; left: -15px; z-index: 20; } @media (max-width: 1720px) { .card-services__ref span figure { height: 23px; } .card-services { height: 128px; } .card-services__btn { margin-top: 1rem; } .card-services__main { min-height: initial; max-width: inherit; } .card-services__figure { max-width: 224px; } .card-services__link svg { width: 25px; height: 25px; } } .card-services__description { padding: 15px 25px 5px 25px; } @media (max-width: 1000px) { .home .services-section { padding-bottom: 75px; margin-top: 20px; } .services-section .btn__show-all { bottom: 0; } .card-services { height: 145px; } .card-services__text { max-height: 43px; overflow: hidden; } .card-services__figure { display: none; } .card-services__main { width: 70%; min-height: fit-content; } .card-services__description { border-left: none; border-radius: 7px; } .premium-icon { left: 0; } } @media (max-width: 600px) { .card-services__title { flex-wrap: wrap; gap: 6px; } .card-services__text { max-height: inherit; } .card-services__figure { display: block; } .card-services { flex-direction: column; max-height: 600px; height: 100%; width: 100%; border-radius: 7px; } .card-services__figure { max-width: inherit; border-radius: 7px 7px 0 0; height: 180px; border-bottom: 1px solid #b6c1c7; } .card-services__photo { max-width: inherit; height: 100%; } .card-services__description { flex-direction: column; padding: 20px; line-height: 17px; border-radius: 0 0 7px 7px; } .card-services__main { width: inherit; } .card-services__price { width: inherit; } .card-services__discount { width: inherit; min-height: 65px; height: 100%; } .card-services__review { width: inherit; } .card-services__review { margin-top: 60px; flex-direction: row; align-items: center; } .card-services__btn { padding: 0 10px; margin-bottom: 12px; } } .tooltip { background: #000d20; position: absolute; border-radius: 5px; z-index: 100; color: #fff; display: none; top: 100%; margin-top: 10px; height: 0; opacity: 0; padding: 0; } .tooltip::before { content: ""; position: absolute; left: 0; right: 0; height: 15px; top: -15px; display: block; } .tooltip::after { content: ""; position: absolute; left: 50%; margin-left: -8px; top: -9px; width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent #000d20 transparent; } .tooltip__ref:hover .tooltip { height: initial; opacity: 1; padding: 10px 0; transition: all 0.3s ease-in; display: block; } .tooltip[data-popper-placement^=top]:after { bottom: -5px; } .tooltip[data-popper-placement^=bottom]:after { top: -5px; } .tooltip__inner { padding: 0 10px; } .tooltip__ref { cursor: pointer; display: flex; position: relative; } .tooltip__ref::after { content: url('data:image/svg+xml,%3Csvg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.00011 5.24999C5.85011 5.24999 5.65011 5.19999 5.55011 5.09999L1.05011 1.59999C0.750109 1.34999 0.700109 0.849987 0.950109 0.549987C1.20011 0.249987 1.70011 0.199986 2.00011 0.449986L6.00011 3.54999L10.0001 0.449986C10.3001 0.199986 10.8001 0.249987 11.0501 0.549987C11.3001 0.849987 11.2501 1.34999 10.9501 1.59999L6.45011 5.09999C6.35011 5.19999 6.15011 5.24999 6.00011 5.24999Z" fill="%23B6C1C7"/%3E%3C/svg%3E%0A'); margin-left: 3px; transition: 0.3s ease-out; display: inline-block; transform: translateY(-1px); } .tooltip__ref--nopopup::after { content: none; } .tooltip__ref:hover::after, .tooltip:hover + .tooltip__ref::after { transform: rotate(-180deg) translateY(-5px); -webkit-transform: rotate(-180deg) translateY(-5px); transition: 0.3s ease-in; } .categories-title-wrap { display: flex; justify-content: start; flex-wrap: wrap; gap: 10px; margin: 25px 0; } .categories__tag { cursor: pointer; border: 1px solid #b6c1c7; color: #b6c1c7; border-radius: 20px; padding: 3px 16px; display: inline-block; transition: 0.3s ease; } .categories--centered { justify-content: center; align-items: center; } .categories__tag:hover { border-color: #3f63df; color: #3f63df; } .categories__tag--selected { border-color: #3f63df; color: #3f63df; } .categories__mobitags-input { display: none; } @media (max-width: 1000px) { .categories__mobitags-input { display: flex; } .categories { display: none; } .categories--blogs { display: flex; } } @media (max-width: 480px) { .categories--blogs .categories__tag { width: 100%; text-align: center; } .categories--blogs { gap: 15px; } } @media (max-width: 1000px) { .affiliate__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } .affiliate__wrapper .partners__card-wrapper { padding: 0 10px 20px 10px !important; } .affiliate__wrapper > .divider { display: none; } } @media (max-width: 700px) { .affiliate__wrapper { display: grid; grid-template-columns: repeat(1, 2fr); } .affiliate__wrapper .partners__card-wrapper { padding: 0 0px 20px 0px !important; } } .partners__card { display: flex; background: #fff; border-radius: 7px; border: 1px solid #b6c1c7; max-height: 130px; height: 100%; margin-bottom: 25px; position: relative; } .partners__card--index { margin: 30px 0; } .partners__card--premium { background: #f4f6ff; } .partners__article { width: 100%; padding: 20px 30px 30px; display: flex; align-items: center; align-content: center; justify-content: space-between; } .partners__article-description { line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .partners__article-wrapper { margin-bottom: 10px; } .partners__article-inner { display: flex; justify-content: space-between; align-items: center; } .partners__card p { color: #5b6471; } .partners__subtitle a { display: flex; align-items: center; grid-gap: 10px; gap: 10px; font-weight: 600; color: #000d20; font-size: 1.25rem; } .partners__subtitle-group a:hover h2 { color: #203fac; } .partners__link p { color: #203fac; } .partners__links { display: flex; justify-content: center; align-items: flex-end; align-content: flex-end; height: 100%; flex-direction: column; } .partners__links .review-icon { display: block; width: 30px; height: 30px; margin-bottom: 20px !important; } .partners__link span { color: #203fac; display: flex; align-items: center; width: 163px; grid-gap: 4px; gap: 4px; justify-content: flex-end; height: 15px; } .partners__link span figure img { width: 11px; height: 10px; } .partners__link > figure { height: 28px; } .partners__aroundbtn { display: flex; justify-content: center; max-width: 1048px; } .partners__link--hover { color: #203fac !important; } .partners__link figure:hover .partners__link-svg { fill: #000d20; } .partners__link-svg { transition: all 0.3s ease; } .partners__btn { padding: 10px 18px; background-color: #203fac; color: #fff; border-radius: 7px; text-align: center; max-width: 240px; } .partners__figure { max-width: 310px; width: 100%; min-width: 310px; max-height: 200px; height: 100%; border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-right: 1px solid #b6c1c7; overflow: hidden; background: #fff; } .partners__image { height: 100%; width: 310px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; transition: 0.3s; } .partners__article__tag { border: 1px solid #b6c1c7; border-radius: 7px; padding: 2px 10px; color: #b6c1c7; display: block; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .partners__subtitle-group { display: flex; align-items: center; grid-gap: 5px 10px; gap: 5px 10px; } .partners__tags { display: flex; grid-gap: 10px; gap: 10px; } @media (max-width: 1720px) { .partners__article { padding: 15px 20px 20px; } .partners__card { max-height: 140px; } .partners__link span figure img { width: 11px; height: 10px; } .partners__article-wrapper { max-width: 445px; } } .partners__card.id-20148 .partners__figure { padding: 15px; box-sizing: border-box; } @media (max-width: 1000px) { .index-networks { padding-bottom: 3.875rem; } .partners { display: grid; grid-template-columns: repeat(1, 2fr); } .partners__card--index { margin: 0; } .partners__card { max-height: inherit; flex-direction: column; border-radius: 7px; min-width: 280px; width: 100%; } .partners__article { flex-direction: column; align-items: flex-start; height: 100%; } .partners__figure { max-width: inherit; max-height: 180px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-left-radius: 0; border-right: none; border-bottom: 1px solid #b6c1c7; } .partners__image { width: 100%; min-height: 180px; } .partners__card-wrapper { padding: 15px; } .partners__card-wrapper:nth-child(odd) { padding-left: 0; } .partners__card-wrapper:nth-child(2n) { padding-right: 0; } .partners__card-wrapper:first-child, .partners__card-wrapper:nth-child(2) { padding-top: 0; } .partners__links { flex-direction: row; width: 100%; margin-top: 60px; } .partners__subtitle { white-space: normal; flex-wrap: wrap; grid-gap: 7px 10px; gap: 7px 10px; } .partners__subtitle-group { flex-direction: column; align-items: flex-start; } .partners__tags { margin-left: -2px; } } @media (max-width: 700px) { .partners__card-wrapper:nth-child(2), .partners__card-wrapper:nth-child(3) { padding-top: 15px; } .partners__card-wrapper:nth-child(3n+1) { padding-left: 0; } .partners__card-wrapper:nth-child(3n+3) { padding-right: 0; } .partners__card-wrapper { padding: 15px 0; } .partners__card-wrapper:first-child { padding-top: 0; } } .partners__card-wrapper .partners__link .review-icon { width: 30px; height: 30px; display: block; } .offers-fullpage { max-width: 1350px; margin: 0 auto 94px; background: #fff; border-radius: 7px; padding: 59px 154px; position: relative; padding: 53px 152px 115px 154px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); border-radius: 7px; } .offers__title { font-weight: 600; line-height: 43px; text-align: left; margin-bottom: 37px; } .offers__wrapper { display: flex; flex-direction: column; } .offers-filter { gap: 25px; margin-bottom: 50px; } .offers-filter .offers-filter-item { flex-grow: 1; } .offers-filter .offers-filter-item-title { margin-bottom: 15px; } #offers-more-button { margin-bottom: 25px; } @media (max-width: 1000px) { .offers__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } .offers__wrapper .page-offers__wrapper { padding: 0 10px 20px 10px !important; } .offers__wrapper > .divider { display: none; } } @media (max-width: 700px) { .offers-filter { flex-direction: column; } } @media (max-width: 700px) { .offers__wrapper { display: grid; grid-template-columns: repeat(1, 2fr); } .offers__wrapper .page-offers__wrapper { padding: 0 0px 20px 0px !important; } } .offers-bet { max-width: 715px; width: 100%; } .offers-bet__card { display: flex; justify-content: space-between; align-items: center; border: 1px solid #b6c1c7; border-radius: 7px; padding: 12px 26px; } .offers-bet__column { display: flex; flex-direction: column; margin-right: 30px; } .offers-bet__title { margin-bottom: 15px; font-weight: 700; text-align: center; } .offers-bet__text { color: #5b6471; text-align: center; } .offers-bet__text--green { color: #28c06e; } .button--bet { height: 30px; } .offers-sources { max-width: 715px; width: 100%; } .offers-sources__table { border: 1px solid #b6c1c7; display: flex; flex-direction: column; border-radius: 7px; } .offers-sources__row { display: flex; justify-content: space-between; width: 100%; } .offers-sources__title { font-weight: 700; } .offers-sources__row div:first-child { width: 70%; } .offers-sources__row div:last-child { width: 30%; } .offers-sources__row div { padding: 20px 30px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #b6c1c7; border-right: 1px solid #b6c1c7; } .offers-sources__row div:last-child { border-right: none; } .offers-sources__row:last-child div { border-bottom: none; } .page-offers { background: #fff; border-radius: 7px; display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; line-height: 140.5%; border: 1px solid #b6c1c7; margin-bottom: 25px; position: relative; } .page-offers--index { margin-bottom: 25px; } .page-offers__section { display: flex; flex-direction: column; } .page-offers__section--title { width: 40%; } .page-offers__section--geo { width: 27%; } .page-offers__section--network { width: 20%; } .page-offers__section--btn { width: 17%; } .page-offers__title { display: flex; align-items: center; white-space: nowrap; grid-gap: 0.5rem; gap: 0.5rem; margin-bottom: 8px; position: relative; } .page-offers__title a { font-weight: 400; } .card-offers__allgeo { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .page-offers__content { color: #555; display: flex; align-items: baseline; flex-wrap: wrap; min-width: 170px; grid-gap: 5px; gap: 5px; line-height: 25px; } .page-offers__content a, .page-offers__content a:visited { color: #5b6471; } .page-offers__price { color: #56e096; white-space: nowrap; } .page-offers__tag { border: 1px solid #b6c1c7; color: #b6c1c7; border-radius: 7px; padding: 2px 10px; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .page-offers__href { color: #203fac; text-decoration: none; display: flex; align-items: center; grid-gap: 5px; gap: 5px; } .page-offers__href figure { height: 22px; } .page-offers__more { color: #203fac; display: flex; align-items: center; width: 163px; grid-gap: 4px; gap: 4px; justify-content: flex-end; } .page-offers__more figure img { width: 11px; height: 10px; } .page-offers__geo { color: #5b6471; max-width: 85%; } .page-offers__title h2 { max-width: 200px; overflow: hidden; } .offers-index__wrapper { display: flex; flex-direction: column; } .page-offers--premium { background-color: #f4f6ff; } .page-offers__href figure img { height: 15px; width: 15px; } @media (max-width: 1720px) { .page-offers__href figure { height: 20px; } .page-offers__title h2 { max-width: 170px; } } @media (max-width: 1400px) { .page-offers { max-width: none; } .page-offers__title h2 { max-width: 138px; } } @media (max-width: 1000px) { .offers-index__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } .page-offers--index { margin: 0; } .page-offers { flex-direction: column; align-items: flex-start; padding: 25px 20px; height: 100%; } .page-offers__title { white-space: normal; flex-wrap: wrap; } .page-offers__title h2 { max-width: inherit; } .page-offers__wrapper { padding: 15px; } .page-offers__wrapper:nth-child(odd) { padding-left: 0; } .page-offers__wrapper:nth-child(2n) { padding-right: 0; } .page-offers__wrapper:first-child, .page-offers__wrapper:nth-child(2) { padding-top: 0; } .page-offers__section--geo, .page-offers__section--network, .page-offers__section--title { width: 100%; } .page-offers__section--btn { width: 100%; align-items: flex-end; } .page-offers__section { grid-gap: 5px; gap: 5px; margin-bottom: 10px; } .page-offers__section:last-child { margin-bottom: 0; } .index-offers { padding-bottom: 3.875rem; } .page-offers__geo { display: flex; } } @media (max-width: 700px) { .offers-index__wrapper { grid-template-columns: repeat(1, 2fr); } .page-offers__wrapper:nth-child(2), .page-offers__wrapper:nth-child(3) { padding-top: 15px; } .page-offers__wrapper:nth-child(3n+1) { padding-left: 0; } .page-offers__wrapper:nth-child(3n+3) { padding-right: 0; } .page-offers__wrapper { padding: 15px 0; } .page-offers__wrapper:first-child { padding-top: 0; } } .conferences__subtitle { font-weight: 600; line-height: 140.5%; color: #b6c1c7; margin-bottom: 1.875rem; } .conferences__subtitle-past { color: #000d20; } .conferences-finished .divider:last-child { display: none; } @media (max-width: 1720px) { .conferences__subtitle { margin-bottom: 1.5625rem; } } @media (max-width: 1000px) { .conferences__subtitle { margin-bottom: 1.25rem; } } .conferences-finished .card-conferences { background: #f8f9fd; } .conferences-finished .card-conferences__figure img { filter: grayscale(80%); } .card-conferences { height: 161px; width: 100%; display: flex; justify-content: space-between; border-radius: 7px; border: 1px solid #b6c1c7; margin-bottom: 25px; } .card-conferences__figure { border-radius: 7px 0px 0px 7px; overflow: hidden; max-width: 312px; width: 100%; margin-bottom: 0; height: 161px; } .card-conferences__image { width: 100%; height: 100%; object-fit: cover; } .card-conferences__figure--grayscale-version { filter: grayscale(100%); } .card-conferences__wrapper { display: flex; justify-content: space-between; width: 100%; padding: 20px 28px 24px 28px; border-left: 1px solid #b6c1c7; } .card-conferences__content { display: flex; gap: 6px; flex-direction: column; max-width: 440px; width: 100%; } .card-conferences__info { display: flex; align-items: baseline; gap: 20px; } .card-conferences__date { display: flex; align-items: center; color: #b6c1c7; font-size: 1.125rem; gap: 5px; } .card-conferences__geo { display: flex; align-items: center; color: #b6c1c7; font-size: 1.125rem; gap: 5px; } .card-conferences__date figure { height: 19px; } .card-conferences__geo figure { height: 19px; } .card-conferences__subtitle { color: #000d20; } .card-conferences__subtitle:visited { color: #000d20; } .card-conferences__subtitle:hover > h2 { color: #203fac; } .card-conferences__subtitle h2 { font-style: normal; font-weight: 600; line-height: 30px; } .card-conferences__content p { line-height: 25px; max-height: 50px; overflow: hidden; color: #5b6471; } .card-conferences__statusLink { max-width: 110px; max-height: 201px; width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; } .card-conferences__status { line-height: 24px; color: #b6c1c7; } .card-conferences__link { text-decoration: none; color: #203fac; display: flex; align-items: center; gap: 3px; } .card-conferences__link figure { height: 20px; } .card-conferences__more { position: relative; } @media (max-width: 1720px) { .card-conferences__img { max-width: 170px; } .card-conferences__number { font-size: 1.875rem; } .card-conferences__date { font-size: 1rem; } .card-conferences__geo { font-size: 1rem; } .card-conferences__more::after { right: -13px; top: 7px; } .card-conferences__date figure { height: 18px; } .card-conferences__date figure svg { width: 16px; height: 17px; } .card-conferences__geo figure { height: 18px; } .card-conferences__geo figure img { height: 18px; width: 18px; } .card-conferences__link figure img { width: 11px; height: 10px; } .card-conferences__link figure { height: 22px; } } @media (max-width: 1000px) { .card-conferences__figure { display: none; } .card-conferences__wrapper { border-left: none; } } @media (max-width: 600px) { .card-conferences { flex-direction: column; height: 100%; border-radius: 7px; } .card-conferences__wrapper { flex-direction: column; padding: 20px; } .card-conferences__figure { display: block; border-bottom: 1px solid #b6c1c7; max-width: inherit; border-radius: 7px 7px 0 0; max-height: 180px; } .card-conferences__image { min-height: 180px; width: 100%; height: 100%; } .card-conferences__statusLink { flex-direction: row; max-height: inherit; max-width: inherit; margin-top: 60px; } .card-conferences__content p { overflow: auto; max-height: inherit; } .card-conferences__info { flex-direction: column; gap: 7px; } } .conferences-detail__wrapper { display: flex; flex-direction: column; } .conferences-detail__info { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; } .conferences-detail__info-item { display: flex; flex-direction: column; gap: 5px; } .conferences-detail__info-item p { line-height: 145.5%; color: #5b6471; } .conferences-detail__link span { color: #203fac; display: flex; align-items: center; gap: 4px; } .conferences-detail__link span figure { height: 20px; } .conferences-detail__link span figure img { height: 10px; width: 11px; } .conferences-detail__content { display: flex; justify-content: space-between; align-items: start; } .conferences-detail__figure { width: 100%; overflow: hidden; } .conferences-detail__figure--grayscale-version { filter: grayscale(100%); } .conferences-detail__image { width: 100%; object-fit: cover; border: 1px solid #b6c1c7; border-radius: 7px; } @media (max-width: 1720px) { .conferences-detail__figure { height: 380px; } .conferences-detail__image { height: 380px; } } @media (max-width: 1400px) { .conferences-detail__figure { height: 360px; } .conferences-detail__image { height: 360px; } } @media (max-width: 1000px) { .conferences-detail__figure { max-height: 360px; height: 100%; } .conferences-detail__image { max-height: 360px; height: 100%; } } @media (max-width: 768px) { .conferences-detail__info { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } } @media (max-width: 500px) { .conferences-detail__info { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; } } .vacancy-wrap { padding-bottom: 35px; } .vacancy-card { background: #fff; border-radius: 7px; display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; line-height: 140.5%; border: 1px solid #b6c1c7; margin-bottom: 25px; } .vacancy-card-title { margin-bottom: 15px; } .vacancy-card-thumb { width: 240px; min-width: 240px; margin-right: 35px; } .vacancy-card-btns { display: flex; align-content: center; align-items: center; margin-left: 25px; } .vacancy-card-btns a { display: flex; align-items: center; align-items: center; height: 20px; } .vacancy-card-btns a span { margin-right: 5px; } .vacancy-card-btns a img { height: 10px; width: 11px; min-width: 11px; min-height: 10px; } .vacancy-card-excerpt { color: #555555; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .vacancy-card-excerpt ul { padding-left: 40px; margin: 10px 0; } .vacancy-card-inner { flex-grow: 1; } .instruments-container { display: flex; justify-content: center; margin: 25px 0; gap: 20px; flex-wrap: wrap; } @media (max-width: 1023px) { .instruments-container { flex-wrap: wrap; justify-content: center; gap: 10px; } .instruments-container .button-submit { padding: 5px; } } .instruments__grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; margin-bottom: 35px; } .instruments__card { display: block; position: relative; padding: 2rem; display: flex; align-items: center; justify-content: start; border: 1px solid rgb(182, 193, 199); border-radius: 0.5rem; overflow: hidden; height: 18.75rem; } .instruments__card.site-copy .instruments__image { min-width: 65%; } .instruments__card.unic-foto .instruments__image { min-width: 65%; } .instruments__card:nth-child(odd) { background: #F4F6FF; } .instruments__title { color: rgb(0, 13, 32); font-size: 1.9rem; z-index: 2; } .instruments__image { position: absolute; height: 100%; object-fit: cover; top: 0; right: 0; z-index: 1; min-width: 55%; max-width: 55%; } @media (max-width: 1720px) { .instruments__card { height: 16rem; } } @media (max-width: 1400px) { .instruments__card { height: 14rem; } } @media (max-width: 1000px) { .instruments__card { height: 12rem; } .instruments__image { right: -2rem; } .instruments__grid { gap: 2rem; } } @media (max-width: 767px) { .instruments__grid { grid-template-columns: repeat(1, 1fr); } .instruments__image { right: 0; } .instruments__card { height: 14rem; } } @media (max-width: 480px) { .instruments__grid .title__h1 { font-size: 1.2rem; } .instruments__card { padding: 1rem; height: 10rem; } } .article-feed { position: sticky; bottom: 0; width: 100%; height: 85px; background: #3f63df; color: #fff; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 0px 15px rgba(0, 0, 0, 0.15); border-radius: 20px 20px 0px 0px; z-index: 1000; padding: 10px 280px 10px 160px; display: flex; align-items: center; justify-content: flex-start; } .article-feed--mini { margin-left: auto; padding: 28px; max-width: 228px; overflow: hidden; } .article-feed__title { font-weight: 600; font-size: 24px; line-height: 29px; color: #fff; margin-right: 90px; width: 170px; } .article-feed__list { display: flex; justify-content: space-between; align-items: center; width: 100%; list-style: none; } .article-feed__link { display: flex; align-items: center; } .article-feed__link a { color: #e6e6e6; } .article-feed__link a:visited { color: #e6e6e6; } .article-feed__link a:hover { color: #fff; } .article-feed__link::before { content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_5350_10471)'%3E%3Ccircle cx='15' cy='15' r='5' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_5350_10471' x='0' y='0' width='30' height='30' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_5350_10471'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_5350_10471' result='effect2_dropShadow_5350_10471'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_5350_10471' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); height: 28px; margin-right: 5px; } .article-feed__button { position: absolute; background: none; border: none; width: 17px; height: 17px; cursor: pointer; transition: all 0.2s ease; right: 165px; top: 31px; } .article-feed--mini .article-feed__button { right: 27px; top: 38px; transform: rotate(270deg); } @media (max-width: 1720px) { .article-feed__title { font-size: 20px; } .article-feed { padding: 10px 200px; } .article-feed--mini { padding: 28px; max-width: 228px; } .article-feed__button { right: 135px; } } @media (max-width: 1200px) { .article-feed { display: none; } } .html-editor-wrapper { display: flex; gap: 25px; margin: 25px auto; } .instrument-html-editor { flex-grow: 1; min-width: 50%; } .code-editor { border: 2px solid #eee; border-radius: 10px; padding: 5px 0; max-height: 550px; box-sizing: border-box; } .instrument-html-editor-btns { display: flex; gap: 15px; padding-left: 70px; height: 80px; border-bottom: 2px solid #eee; } .instrument-html-editor-btns .editor-btn { width: 45px; height: 80px; display: flex; align-content: center; align-items: center; justify-content: center; cursor: pointer; } .instrument-html-editor-btns .redo-btn img { transform: scale(-1, 1); } .html-editor-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); display: none; justify-content: center; align-items: center; align-content: center; z-index: 9999; } #find-replace-popup_form { padding: 25px; background: #fff; border-radius: 10px; } .find-replace-popup-row { margin-bottom: 15px; } .text-font-size-btn { display: flex; align-content: center; align-items: center; } #instrument-html-editor { box-sizing: border-box; flex-grow: 1; min-height: 470px; outline: none; width: calc(100% - 60px) !important; } .scroll-btn { display: none; } @media (max-width: 1023px) { .html-editor-wrapper { flex-direction: column; } } .utm-gen__maintitle { margin-bottom: 2rem; } .utm-gen__adress { margin-bottom: 2rem; } .utm-gen__title { margin: 1.875rem 0; } .utm-gen__title--weight { font-weight: 400; margin-bottom: 0.625rem; } .utm-gen-wrap { display: flex; justify-content: space-between; } .utm-gen-wrap-col { width: 48%; } .utm-gen__adress-field { display: flex; justify-content: flex-start; margin-bottom: 2rem; } .utm-gen__adress-field .select, .utm-gen__settings-group .select { max-width: 10.5rem; } .utm-gen__adress-field .select__head, .utm-gen__settings-group .select__head { color: #5b6471; border-top-right-radius: 0; border-bottom-right-radius: 0; } .utm-gen__adress-input { height: 2.125rem; width: 100%; outline: none; padding: 0.5rem 1rem; border: 1px solid #b6c1c7; box-sizing: border-box; border-radius: 0 4px 4px 0; margin-left: -1px; text-align: center; } .utm-gen__section { margin-bottom: 2rem; } .utm-gen__section-form { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .utm-gen__section-item { max-width: 153px; } .utm-gen__section-radio { position: absolute; z-index: -1; opacity: 0; } .utm-gen__section-label { color: #000d20; cursor: pointer; } .utm-gen__section-radio + .utm-gen__section-label { display: flex; align-items: center; user-select: none; width: max-content; } .utm-gen__section-radio + .utm-gen__section-label::before { content: ""; display: block; width: 17px; height: 17px; flex-shrink: 0; flex-grow: 0; background-color: #fff; border: 1px solid #b6c1c7; border-radius: 50%; margin-right: 5px; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; transition: all 0.2s ease-in; } .utm-gen__section-radio:not(:disabled):active + .utm-gen__section-label::before { width: 5px; height: 5px; border: 7px solid #3f63df; background-color: #fff; } .utm-gen__section-radio:checked + .utm-gen__section-label::before { width: 5px; height: 5px; border: 7px solid #3f63df; background-color: #fff; } .utm-gen__section-radio:disabled + .utm-gen__section-label::before { background-color: #b6c1c7; } .utm-gen__parameters-switch { position: relative; display: block; width: 48px; height: 28px; margin-left: 10px; } .utm-gen__parameters-switch input { display: none; } .utm-gen__parameters-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #e6e6e6; -webkit-transition: 0.4s; transition: 0.4s; border: 1px solid #b6c1c7; } .utm-gen__parameters-slider:before { position: absolute; content: ""; top: 3px; left: 4px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; } .utm-gen__parameters-addon-checkbox:checked + .utm-gen__parameters-slider { background-color: #3f63df; border: 1px solid #3f63df; } .utm-gen__parameters-addon-checkbox:checked + .utm-gen__parameters-slider:before { -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); } .utm-gen__parameters-slider.utm-gen__parameters-round { border-radius: 14px; width: 48px; height: 28px; } .utm-gen__parameters-slider.utm-gen__parameters-round:before { border-radius: 50%; width: 20px; height: 20px; } .utm-gen__parameters-item { margin-bottom: 2rem; } .utm-gen__parameters-additional { display: flex; margin-bottom: 1.5rem; align-items: center; } .utm-gen__parameters-additional .utm-gen__title { margin-bottom: 0; } .utm-gen__parameters-subtitle { color: #000000; margin-bottom: 9px; } .utm-gen__parameters-item-subtitle { color: #b6c1c7; display: none; margin-bottom: 0.5rem; } .utm-gen__parameters-field { display: flex; } .utm-gen__parameters-addon { display: flex; justify-content: space-between; align-items: center; max-width: 10.5rem; height: 2.125rem; width: 100%; color: #5b6471; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border: 1px solid #b6c1c7; padding: 0.5rem 0.4375rem 0.5rem 0.625rem; } .utm-gen__parameters-addon-button { display: block; width: 16px; height: 20px; border-radius: 3px; border: 0; padding: 0; background: none; cursor: pointer; position: relative; } .utm-gen__parameters-addon-button figure { height: 17px; } .utm-gen__parameters-addon-input { height: 2.125rem; width: 100%; outline: none; padding: 0.5rem 1rem; border: 1px solid #b6c1c7; box-sizing: border-box; border-radius: 0 4px 4px 0; margin-left: -1px; } .utm-gen__result-group { display: flex; } .utm-gen__result-button { max-width: 10.5rem; height: 2.125rem; width: 100%; color: #5b6471; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border: 1px solid #b6c1c7; padding: 0 0.5rem 0 0.625rem; cursor: pointer; outline: none; background: #fff; display: flex; align-items: center; justify-content: space-between; } .utm-gen__result-button figure { height: 19px; } .utm-gen__result-input { height: 2.125rem; width: 100%; outline: none; padding: 0.5rem 1rem; border: 1px solid #b6c1c7; box-sizing: border-box; border-radius: 0 4px 4px 0; margin-left: -1px; } .utm-gen__settings-additional { display: flex; margin-bottom: 1.5rem; align-items: center; } .utm-gen__settings-additional .utm-gen__title { margin-bottom: 0; } .utm-gen__settings-group { display: flex; } .utm-gen__settings-select { max-width: 10.5rem; height: 2.125rem; width: 100%; color: #5b6471; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border: 1px solid #b6c1c7; padding: 0 4.5rem 0 0.625rem; cursor: pointer; outline: none; background: #fff; } .utm-gen__settings-input { height: 2.125rem; width: 100%; outline: none; padding: 0.5rem 1rem; border: 1px solid #b6c1c7; box-sizing: border-box; border-radius: 0 4px 4px 0; color: #5b6471; margin-left: -1px; } .utm-gen__parameters-item-subtitle { font-size: 1.125rem; margin-top: 0.625rem; } .utm-gen__nav { display: flex; width: 100%; border-bottom: 1px solid #b6c1c7; } .utm-gen__nav li { list-style: none; color: #5b6471; padding: 6px 16px; cursor: pointer; border: 1px solid transparent; border-bottom: none; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; transition: all 0.3s ease-out; } .utm-gen__nav li:hover { border: 1px solid #b6c1c7; border-bottom: none; color: #203fac; } .utm__general p { margin-bottom: 1rem; color: #5b6471; } .utm__general p:first-child { margin-top: 1rem; } .utm__general p:last-child { margin-bottom: 0; } .utm-active { border: 1px solid #b6c1c7 !important; border-bottom: none !important; color: #203fac !important; } .utm-table { border: 1px solid #b6c1c7; box-sizing: border-box; border-radius: 10px; } .utm-table__th { padding: 15px; border-bottom: 1px solid #b6c1c7; font-weight: 400; vertical-align: top; } .utm-table__th:first-child { border-right: 1px solid #b6c1c7; } .utm-table__tr > .utm-table__th { color: #5b6471; } .utm-table__tr:last-child > .utm-table__th { border-bottom: none; } .utm-gen__subtitle { color: #000d20; margin-top: 30px; margin-bottom: 30px; } .utm-gen__mistakes { margin-bottom: 25px; } .utm-gen__mistakes-list { color: #5b6471; line-height: 141.5%; padding-left: 20px; } .utm-gen__mistakes-list li span { color: #203fac; } @media (max-width: 1000px) { .utm-gen__section-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; } .utm-gen__parameters-item-subtitle { font-size: 1rem; } } @media (max-width: 600px) { .utm-gen__nav { display: grid; grid-template-columns: repeat(2, 1fr); } .utm-gen__nav li { text-align: center; } .utm-gen__nav li:first-child, .utm-gen__nav li:nth-child(2) { border-bottom: 1px solid #b6c1c7 !important; margin-bottom: 1rem; } } @media (max-width: 480px) { .utm-gen__section-form { display: grid; grid-template-columns: repeat(1, 2fr); } .utm-table { font-size: 15px; } .utm-table__th { padding: 5px; } } .tooltip-utm { background: #000d20; border-radius: 5px; color: #fff; position: absolute; transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s; opacity: 0; visibility: hidden; z-index: 2000; top: 30px; left: -20px; padding: 10px; min-width: 400px; width: fit-content; word-break: break-all; hyphens: manual; } .utm-gen__parameters-addon-button:hover .tooltip-utm { display: flex; flex-direction: column; opacity: 1; visibility: visible; text-align: left; } .utm-gen__parameters-addon-button:hover .tooltip-utm:before { content: ""; height: 45px; min-width: 470px; position: absolute; top: -35px; } .utm-gen__parameters-addon-button:hover .tooltip-utm:after { content: ""; position: absolute; left: 20px; top: -9px; width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent #000d20 transparent; } .tooltip-utm p { margin-bottom: 15px; } @media (max-width: 1023px) { .utm-gen-wrap { flex-direction: column; } .utm-gen-wrap-col { width: 100%; } .tooltip-utm { min-width: 300px; left: -150px; } } .url-detective-form { display: flex; flex-direction: column; margin: 25px 0; padding: 50px 25px; border-radius: 10px; border: 1px solid #b6c1c7; background: #f3f6ff; } .url-detective__subtitle { margin-bottom: 0.625rem; font-weight: 600; text-align: center; } .url-detective__input-wrapper { width: 100%; position: relative; display: flex; margin-bottom: 35px; } #url-detective { display: flex; flex-grow: 1; max-width: 80%; margin: 0 auto; position: relative; z-index: 1000; } .url-detective__input { height: 53px; width: 100%; outline: none; border-radius: 4px; padding: 0.5rem 1rem; border: 1px solid #b6c1c7; font-size: 1.25rem; color: #5b6471; margin-right: 15px; position: relative; z-index: 100; } .url-detective__button { border: 1px solid #3F63DF; background: #3F63DF; box-sizing: border-box; border-radius: 10px; padding: 16px 25px; width: fit-content; color: #fff; cursor: pointer; } .url-detective__arrow { display: flex; justify-content: center; color: #b6c1c7; margin: 1.875rem 0 1.875rem 0; } .url-detective__link { height: 2.125rem; width: 100%; border-radius: 4px; border: 1px solid #b6c1c7; text-align: center; display: flex; justify-content: center; align-items: center; } .url-detective__link--blue { background: #e6ebff; } .url-detective__link--green { background: #e7ffe3; } .url-detective__paragraph { color: #5b6471; overflow: hidden; white-space: nowrap; padding: 8px 16px; } @media (max-width: 1720px) { .url-detective__arrow { margin: 1.5625rem 0 1.5625rem 0; } } @media (max-width: 1000px) { .url-detective__arrow { margin: 1.25rem 0 1.25rem 0; } } @media (max-width: 700px) { .url-detective__input { text-align: left; } } .rd-gen__form { display: grid; grid-template-columns: repeat(3, 1fr); } .rd-gen__parameters-switch { position: relative; display: block; width: 48px; height: 28px; margin-left: 10px; } .rd-gen__parameters-switch input { display: none; } .rd-gen__parameters-addon-checkbox:checked + .rd-gen__parameters-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .rd-gen__parameters-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #e6e6e6; -webkit-transition: 0.4s; transition: 0.4s; border: 1px solid #b6c1c7; } .rd-gen__parameters-slider:before { position: absolute; content: ""; top: 3px; left: 4px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 50%; width: 20px; height: 20px; } .rd-gen__parameters-addon-checkbox:checked + .rd-gen__parameters-slider { background-color: #3f63df; border: 1px solid #3f63df; } .rd-gen__parameters-addon-checkbox:checked + .rd-gen__parameters-slider:before { -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); } .rd-gen__parameters-slider { border-radius: 14px; width: 48px; height: 28px; } .rd-gen__parameters-switch--mini { margin-left: 0; } .rd-gen__parameters-slider--mini { width: 31px; height: 18px; display: block; margin: auto; border-radius: 12px; } .rd-gen__parameters-slider--mini::before { width: 12px; height: 12px; top: 2px; left: 3px; } .rd-gen__parameters-addon-checkbox:checked + .rd-gen__parameters-slider--mini:before { -webkit-transform: translateX(11px); -ms-transform: translateX(11px); transform: translateX(11px); } .rd-gen__title { margin-bottom: 0.5rem; } .rd-gen__description { margin-bottom: 2rem; } .rd-gen__form-item { display: flex; flex-direction: column; width: 100%; padding: 0.9375rem; } .rd-gen__form-item:nth-child(1), .rd-gen__form-item:nth-child(2), .rd-gen__form-item:nth-child(3) { padding-top: 0; } .rd-gen__form-item:nth-child(3n+1) { padding-left: 0; } .rd-gen__form-item:nth-child(3n+3) { padding-right: 0px; } .rd-gen__form-title { margin-bottom: 0.625rem; font-weight: 400; } .rd-gen__field { display: flex; } .rd-gen__form-input { max-height: 2.125rem; height: 100%; width: 100%; border: 1px solid #b6c1c7; outline: none; padding: 0.5rem 1rem; border-radius: 4px; } .rd-gen__random { display: none; } .rd-gen__file { position: relative; height: 2.125rem; width: 100%; border: 1px solid #203fac; border-radius: 4px; outline: none; padding: 0.5rem 1rem; display: flex; align-items: center; } .rd-gen__file-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 10; cursor: pointer; font-size: 0; } .rd-gen__file-button { display: flex; align-items: center; justify-content: center; width: 100%; cursor: pointer; color: #203fac; gap: 0.5rem; } .rd-gen__file-button-icon { fill: #203fac; } .rd-gen__upload-icon { display: inline; } .rd-gen__accept-icon { display: none; } .rd-gen__file-button figure { height: 21px; } .rd-gen__file-button-text--loaded { color: #1fb866; } .rd-gen__options { display: flex; align-items: center; margin: 0.9375rem 0 1.875rem 0; } .rd-gen__settings { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.875rem; } .rd-gen__settings-item { display: flex; align-items: center; } .rd-gen__settings-text { color: #000d20; } .rd-gen__countCards { margin-top: 0.9375rem; color: #5b6471; margin-bottom: 35px; } .docgen__image { margin-top: 10px; width: 100%; max-width: 600px; } .rd-gen__version { color: #999; font-weight: 600; margin-left: 6px; } @media (max-width: 1000px) { .rd-gen__form { grid-template-columns: repeat(2, 1fr); } .rd-gen__form-item:nth-child(3) { padding-top: 0.9375rem; } .rd-gen__form-item:nth-child(3n+1) { padding-left: 0.9375rem; } .rd-gen__form-item:nth-child(3n+3) { padding-right: 0.9375rem; } .rd-gen__form-item:nth-child(2n) { padding-right: 0; } .rd-gen__form-item:nth-child(2n+1) { padding-left: 0; } .rd-gen__settings { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.9375rem; } } @media (max-width: 600px) { .rd-gen__form { grid-template-columns: repeat(1, 2fr); } .rd-gen__settings { grid-template-columns: repeat(1, 2fr); } .rd-gen__form-item { padding-left: 0; padding-right: 0; } .rd-gen__form-item:nth-child(2) { padding-top: 0.9375rem; } .rd-gen__form-item:nth-child(3n+1) { padding-left: 0; } .rd-gen__form-item:nth-child(3n+3) { padding-right: 0; } } .rd-gen__version { font-size: 21px; cursor: pointer; } .rd-gen__version.active { color: #203fac; } .doc-gen-form-item-wrap { min-height: 65px; } .doc-gen-form-rand-font-wrap { gap: 15px; margin-top: 10px; } .doc-gen-form-rand-font-wrap-item { display: flex; gap: 5px; } .doc-gen-form-rand-font-wrap-item input { display: block; width: 18px; height: 18px; } .doc-gen-settings .doc-gen-form-settings-item { margin-bottom: 15px; } .doc-gen-form-settings-label input { display: none; } .doc-gen-form-settings-slider { width: 31px; height: 18px; display: block; margin: auto; border-radius: 12px; } .doc-gen-form-settings-slider::before { position: absolute; content: ""; top: 2px; left: 3px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 50%; width: 12px; height: 12px; } .doc-gen-form-settings-checkbox:checked + .doc-gen-form-settings-slider:before { -webkit-transform: translateX(11px); -ms-transform: translateX(11px); transform: translateX(11px); } .doc-gen-form-settings-checkbox:checked + .doc-gen-form-settings-slider { background-color: #3f63df; border: 1px solid #3f63df; } .doc-gen-form-settings-label { position: relative; display: block; width: 48px; height: 28px; } .doc-gen-settings { gap: 15px; } .doc-gen-form-settings-item { display: flex; gap: 15px; align-items: center; align-content: center; } .doc-gen-form-title { margin-bottom: 10px; } #card-generator-user { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 10; cursor: pointer; font-size: 0; } .doc-gen-form-file { position: relative; height: 2.125rem; width: 100%; border: 1px solid #203fac; border-radius: 4px; outline: none; padding: 0.5rem 1rem; display: flex; align-items: center; } .doc-gen-form-button { display: flex; align-items: center; justify-content: center; width: 100%; cursor: pointer; color: #203fac; gap: 0.5rem; } .doc-gen-form-button figure { height: 21px; } .doc-gen-form-file.upload { border: 1px solid rgb(31, 184, 102); } .doc-gen-form-file.upload .doc-gen-form-field-button-text { color: rgb(31, 184, 102); } .doc-gen-form-row { display: flex; align-content: center; align-items: center; gap: 15px; margin-bottom: 25px; } .doc-gen-form-item { width: 33%; } .doc-gen-form-item input[type=text] { width: 100%; height: 34px; line-height: 31px; border: 1px solid #b6c1c7; outline: none; padding: 0.5rem 1rem; border-radius: 4px; } .sex { gap: 25px; align-items: center; align-content: center; height: 34px; } .sex-item { height: 34px; line-height: 34px; } .sex-item.radio-item { margin-bottom: 0; } #rd-version { height: 34px; line-height: 34px; margin-left: 15px; padding: 0 15px; } @media (max-width: 1023px) { .doc-gen-form-row { flex-direction: column; } .doc-gen-form-item { width: 100%; } } .rcrop-wrapper { position: relative; display: inline-block; max-width: inherit; } .rcrop-wrapper img { display: block; } .rcrop-wrapper .rcrop-croparea { position: absolute; top: 0; left: 0; z-index: 1000; /* .rcrop-handler{ position: absolute; width: $handlerSize; height: $handlerSize; z-index:1001; &:after{ content: ""; background: rgba(0,0,0,.5); border : 1px solid rgba(255,255,255,.5); position:absolute; width: $handlerAfterSize; height : $handlerAfterSize; top: 50%; margin-top: -$handlerAfterSize/2; left: 50%; margin-left: -$handlerAfterSize/2; @include box-sizing(border-box); } &.rcrop-handler-top{ top: -$handlerSize/2; left: 50%; margin-left: -$handlerSize/2; cursor : n-resize; } &.rcrop-handler-top-left{ top: -$handlerSize/2; left: -$handlerSize/2; cursor : nw-resize; } &.rcrop-handler-top-right{ top: -$handlerSize/2; right: -$handlerSize/2; cursor : ne-resize; } &.rcrop-handler-left{ margin-top: -$handlerSize/2; top:50%; left: -$handlerSize/2; cursor : w-resize; } &.rcrop-handler-right{ margin-top: -$handlerSize/2; top:50%; right: -$handlerSize/2; cursor : e-resize; } &.rcrop-handler-bottom{ bottom: -$handlerSize/2; left: 50%; margin-left: -$handlerSize/2; cursor : s-resize; } &.rcrop-handler-bottom-left{ bottom: -$handlerSize/2; left: -$handlerSize/2; cursor : sw-resize; } &.rcrop-handler-bottom-right{ bottom: -$handlerSize/2; right: -$handlerSize/2; cursor : se-resize; &:after{ @media screen and (max-width: $break-small) { height : $handlerAfterSize * 2; width : $handlerAfterSize * 2; margin-left: -$handlerAfterSize; margin-top : -$handlerAfterSize; } } } } */ } .rcrop-wrapper .rcrop-croparea .rcrop-croparea-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .rcrop-wrapper .rcrop-outer-wrapper { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rcrop-wrapper .rcrop-outer { background: #fff; position: absolute; } .rcrop-wrapper .rcrop-outer.rcrop-outer-left { height: 100%; left: 0; top: 0; } .rcrop-wrapper .rcrop-outer.rcrop-outer-right { height: 100%; right: 0; top: 0; } .rcrop-wrapper .rcrop-outer.rcrop-outer-top { top: 0; width: 100%; } .rcrop-wrapper .rcrop-outer.rcrop-outer-bottom { bottom: 0; width: 100%; } .rcrop-wrapper .rcrop-grid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rcrop-wrapper .rcrop-grid-line { position: absolute; } .rcrop-wrapper .rcrop-grid-line:nth-child(1) { width: 100%; height: 33%; top: 33%; left: 0; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff; } .rcrop-wrapper .rcrop-grid-line:nth-child(2) { height: 100%; width: 33%; left: 33%; top: 0; border-left: 1px dashed #fff; border-right: 1px dashed #fff; } .rcrop-wrapper .rcrop-handler-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-corner { position: absolute; width: 6px; height: 6px; background: #fff; border: 1px solid #000; } .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-top-left { top: -3px; left: -3px; } .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-top-right { top: -3px; right: -3px; } .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-bottom-left { bottom: -3px; left: -3px; } .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-bottom-right { bottom: -3px; right: -3px; } .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-border { position: absolute; width: 6px; height: 6px; background: #fff; border: 1px solid #000; } .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-top { top: -3px; left: 50%; margin-left: -3px; } .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-right { right: -3px; top: 50%; margin-top: -3px; } .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-bottom { bottom: -3px; left: 50%; margin-left: -3px; } .rcrop-wrapper .rcrop-handler-wrapper .rcrop-handler-left { left: -3px; top: 50%; margin-top: -3px; } .rcrop-wrapper .clayfy-touch-device .rcrop-handler-bottom-right { display: none; width: 18px; height: 18px; bottom: -5px; right: -5px; } .clayfy-box:not(.clayfy-not-move) { cursor: move; } .clayfy-ghost { z-index: 1000; } .clayfy-ghost-opacity { opacity: 0.5; } .clayfy-handler { z-index: 1001; } .clayfy-handler.clayfy-top { cursor: n-resize; } .clayfy-handler.clayfy-top.left { cursor: nw-resize; /* &:before{ content: ''; position: absolute; top:0; left:0; height: 100%; width: 100%; border-top: 1px solid #000; border-left: 1px solid #000; } */ } .clayfy-handler.clayfy-top.right { cursor: ne-resize; } .clayfy-handler.clayfy-bottom { cursor: n-resize; } .clayfy-handler.clayfy-bottom.left { cursor: sw-resize; } .clayfy-handler.clayfy-bottom.right { cursor: se-resize; } .clayfy-handler.clayfy-left { cursor: w-resize; } .clayfy-handler.clayfy-right { cursor: w-resize; } .clayfy-handler.clayfy-touch-device { background: #fff; border: 1px solid #000; border-radius: 3px; } .clayfy-sort-droparea { border: 2px solid #ccc; } .img-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; flex-direction: column; justify-content: center; align-content: center; align-items: center; background: rgba(0, 0, 0, 0.87); z-index: 99999; } .img-wrap .img-container { padding: 35px; background: rgb(255, 255, 255); max-width: 460px; position: relative; border-radius: 4px; } .img-wrap .img-container .loader__wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; z-index: 1000; } .img-wrap .img-container .img-container-inner { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; min-height: 350px; max-height: 400px; background: rgba(20, 0, 0, 0.6); min-width: 360px; overflow: hidden; } .img-wrap .img-container .img-container-inner img { display: block; margin: 0 auto; max-height: 400px; object-fit: contain; } .img-wrap .img-container .bg-prev { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.3); z-index: 9999; } .img-wrap .img-container #ready-prev { align-items: center; align-content: center; justify-content: center; font-family: "SF Pro", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; white-space: nowrap; border: 1px solid #203fac; min-width: 200px; box-sizing: border-box; border-radius: 10px; background: none; padding: 16px 15px; width: fit-content; color: #203fac; cursor: pointer; margin: 15px auto 0 auto; } .img-wrap #remove-bg { margin-bottom: 10px; margin-top: 15px; } .img-wrap #use-bg-clear { margin-bottom: 10px; margin-top: 15px; } .img-wrap .button-submit--small { display: flex; align-items: center; align-content: center; justify-content: center; font-family: "SF Pro", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; white-space: nowrap; border: 1px solid #203fac; box-sizing: border-box; border-radius: 10px; background: #fff; height: 25px; line-height: 23px; margin: 0 auto; color: #203fac; cursor: pointer; } .rcrop-wrapper { margin: 0 auto; } .rcrop-preview-wrapper { display: none !important; } #image-docgen { max-width: 100%; } .proxychecker-form { display: flex; justify-content: center; flex-direction: column; background: #f4f6ff; border-radius: 10px; padding: 24px 30px 30px 30px; margin-bottom: 30px; } table { width: 100%; border-spacing: 0; } .proxychecker > thead, .proxychecker > tbody, .proxychecker > tr, .proxychecker > th, .proxychecker > td { display: block; } .proxychecker thead tr { /* fallback */ width: 97%; /* minus scroll bar width */ width: -webkit-calc(100% - 16px); width: -moz-calc(100% - 16px); width: calc(100% - 16px); } .proxychecker tr:after { /* clearing float */ content: " "; display: block; visibility: hidden; clear: both; } .proxychecker tbody { max-height: 28.2rem; overflow-y: auto; overflow-x: hidden; } .proxychecker tbody td, .proxychecker thead th { width: 24%; /* 19% is less than (100% / 5 cols) = 20% */ float: left; } .proxychecker-title { font-style: normal; font-weight: normal; font-size: 1.25rem; line-height: 18px; color: #5b6471; margin-bottom: 15px; } .proxychecker-textarea { max-width: initial; min-height: 208px; padding: 10px; background: #ffffff; border: 1px solid #b6c1c7; box-sizing: border-box; border-radius: 4px; margin-bottom: 20px; resize: none; } .proxychecker__checklist { flex-wrap: wrap; display: flex; gap: 2rem; } .proxychecker__checkboxes { margin: 2rem 0; display: flex; justify-content: space-between; } .proxychecker__table { width: 100%; border-spacing: 0; border-radius: 7px; } .proxychecker__thead { background: #3f63df; color: #fff; } .proxychecker__th { padding: 26px; text-align: left; } .proxychecker__td { padding: 26px; text-align: left; } .proxychecker__tr:nth-child(2n+1) { background: #f4f6ff; } .proxychecker__tr:nth-child(2n) { background: #e6ebff; } .proxychecker__td-accept span { color: #28c06e; display: flex; align-items: center; justify-content: flex-end; gap: 5px; } .proxychecker__td-decline span { color: #ff5f7b; display: flex; align-items: center; justify-content: flex-end; gap: 5px; } .proxychecker__table th:first-child { border-top-left-radius: 7px; text-align: left; } .proxychecker__table th:last-child { border-top-right-radius: 7px; text-align: right; } .proxychecker__table tr:last-child td:first-child { border-bottom-left-radius: 7px; } .proxychecker__table tr:last-child td:last-child { border-bottom-right-radius: 7px; } .proxychecker__save { margin: 1rem 0; display: flex !important; justify-content: center; align-items: center; gap: 0.7rem; } .proxychecker__save:hover { background: #fff !important; color: #203fac !important; } .proxychecker__center { display: flex; justify-content: center; align-items: center; } @media (max-width: 1000px) { .proxychecker-title { font-size: 1.125rem; } .proxychecker-row-checkboxes { flex-direction: column; gap: 15px; } } @media (max-width: 600px) { .proxychecker-row-checkboxes { gap: 20px; } .proxychecker-row-checkboxes__group { flex-direction: column; gap: 20px; } .proxychecker__td span p { display: none; } .proxychecker__th { padding: 20px; } .proxychecker__td { padding: 20px; } .proxychecker__td-accept span { justify-content: center; } .proxychecker__td-decline span { justify-content: center; } .proxychecker__table { border-radius: 10px; } .proxychecker__table th:first-child { border-top-left-radius: 7px; } .proxychecker__table th:last-child { border-top-right-radius: 7px; text-align: center; } .proxychecker__table tr:last-child td:first-child { border-bottom-left-radius: 7px; } .proxychecker__table tr:last-child td:last-child { border-bottom-right-radius: 7px; } .proxychecker__checklist .checkbox__field { width: 100px; } .proxychecker__checkboxes { justify-content: flex-start; align-items: baseline; } } @media (max-width: 480px) { .proxychecker__th { padding: 20px 10px; font-size: 1rem; } .proxychecker__td { padding: 20px 10px; font-size: 1rem; } } .roi__fields { display: grid; grid-template-columns: repeat(7, 3fr) 1fr; gap: 1.875rem; } .roi__field { width: 100%; display: flex; flex-direction: column; } .roi-field-div { display: flex; align-items: center; justify-content: center; } .roi-field-btn { outline: none; border: none; background: none; cursor: pointer; margin-top: 20px; } .roi__input { max-width: 7.5rem; background: #ffffff; width: 100%; padding: 6px 10px; border: 1px solid #b6c1c7; box-sizing: border-box; border-radius: 4px; flex: none; order: 1; flex-grow: 0; margin: 10px 0px; color: #5b6471; height: 2.125rem; } .roi__attributes { display: grid; grid-template-columns: repeat(3, 3fr); grid-gap: 1.5rem 3rem; margin-bottom: 25px; margin-top: 15px; } .roi__attribute { display: flex; flex-direction: column; gap: 3px; } .roi__flex { display: flex; justify-content: start; align-items: center; } .roi__title { margin-right: 0.2rem; } .roi__title--description { color: #5b6471; } .roi__value { color: #3f63df; font-weight: 600; margin-right: 0.2rem; } .roi-description { color: #5b6471; max-width: 51rem; } .roi-description__title { margin-bottom: 0.625rem; } .roi-description__text { margin-bottom: 2.5rem; } .roi__button { display: block; width: 16px; height: 20px; border-radius: 3px; border: 0; padding: 0; background: none; cursor: pointer; position: relative; } .roi__button:hover .tooltip-roi { opacity: 1; visibility: visible; transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s; } .roi__button .tooltip-roi { background: #000d20; border-radius: 5px; color: #fff; box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 3px; position: absolute; transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s; opacity: 0; visibility: hidden; z-index: 2000; top: 30px; right: -30px; padding: 10px; white-space: pre; word-break: unset; width: fit-content; } .roi__button .tooltip-roi:after { content: ""; position: absolute; right: 30px; top: -9px; width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent #000d20 transparent; } .roi__button figure { height: 17px; } @media (max-width: 1720px) { .roi-description__text { margin-bottom: 2rem; } } @media (max-width: 1000px) { .roi__fields { grid-template-columns: repeat(3, 3fr) 1fr; gap: 0.9375rem 1.875rem; } .roi__attributes { grid-template-columns: repeat(2, 3fr); grid-gap: 1.5rem 3rem; } } @media (max-width: 650px) { .roi__fields { grid-template-columns: repeat(1, 3fr) 1fr; } .roi__attributes { grid-template-columns: repeat(1, 3fr); } } @media (max-width: 350px) { .roi__fields { grid-template-columns: repeat(2, 1fr); } } .faker-flags__grid { display: grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(18, 1fr); gap: 20px; padding: 0 63px; margin: 25px 0; } .faker-flags__button { background: none; border: none; outline: none; width: 35px; height: 35px; cursor: pointer; } [data-tooltip-faker] { position: relative; } [data-tooltip-faker]:hover:after { content: attr(data-tooltip-faker); position: absolute; left: 0; top: -30px; background-color: #000d20; color: #fff; width: max-content; padding: 5px; border-radius: 5px; z-index: 99; font-size: 14px; } [data-tooltip-faker]:hover::before { content: ""; position: absolute; width: 10px; height: 10px; background: #000d20; transform: rotate(-45deg); left: 13px; top: -10px; } .active--flag svg { outline: 3px solid #203fac; border-radius: 50%; } @media (max-width: 1720px) { .faker-flags__grid { padding: 0 25px; } } @media (max-width: 1600px) { .faker-flags__grid { padding: 0 14px; } } @media (max-width: 1400px) { .faker-flags__grid { gap: 19px; padding: 0; } } @media (max-width: 1000px) { .faker-flags__grid { grid-template-rows: repeat(3, 1fr); grid-template-columns: repeat(12, 1fr); gap: 15px; } } @media (max-width: 650px) { .faker-flags__grid { grid-template-rows: repeat(4, 1fr); grid-template-columns: repeat(9, 1fr); } } @media (max-width: 480px) { .faker-flags__grid { grid-template-rows: repeat(6, 1fr); grid-template-columns: repeat(6, 1fr); } } .faker-personal__wrapper { position: relative; margin-bottom: 25px; } .faker-personal { display: flex; flex-direction: column; border-radius: 10px; border: 1px solid #b6c1c7; overflow: hidden; } .faker-personal__row { display: flex; justify-content: space-between; border-bottom: 1px solid #b6c1c7; padding: 0 88px 0 118px; } .faker-personal__row:nth-child(2n) { background: #f9f9f9; } .faker-personal__row:last-child { border-bottom: none; } .faker-personal__group { display: flex; width: 100%; padding: 20px; } .faker-personal__title { width: 150px; margin-right: 50px; } .faker-personal__main-title { margin-right: 265px; } .faker-personal__name { color: #5b6471; } .faker-personal__button { background: none; border: none; outline: none; width: 24px; height: 24px; cursor: pointer; } .loader__wrapper--faker { position: absolute; right: 0; top: 7px; } .loader--faker { display: inline-block; width: 80px; height: 80px; position: relative; } .loader--faker div { box-sizing: border-box; display: block; position: absolute; width: 32px; height: 32px; margin: 8px; border: 4px solid #b6c1c7; border-radius: 50%; animation: loader--faker 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #b6c1c7 transparent transparent transparent; } .loader--faker div:nth-child(1) { animation-delay: -0.45s; } .loader--faker div:nth-child(2) { animation-delay: -0.3s; } .loader--faker div:nth-child(3) { animation-delay: -0.15s; } @keyframes loader--faker { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 1720px) { .faker-personal__main-title { margin-right: 245px; } } @media (max-width: 1600px) { .faker-personal__main-title { margin-right: 235px; } } @media (max-width: 1400px) { .faker-personal__main-title { margin-right: 215px; } } @media (max-width: 1000px) { .faker-personal__row { padding: 0 50px; } .faker-personal__main-title { margin-right: 30px; } } @media (max-width: 700px) { .faker-personal__row { padding: 0; border-bottom: none; } .faker-personal__group { border-bottom: 1px solid #b6c1c7; } .faker-personal__title { width: 123px; margin-right: 15px; } .faker-personal__row { flex-direction: column; } .faker-personal__row:nth-child(2n) { background: #fff; } } @media (max-width: 480px) { .faker-personal__main-title { margin-right: 15px; } } .down-load { width: 345px; height: 54px; background: #FFFFFF; font-family: "SF Pro Display"; font-style: normal; font-weight: 400; font-size: 20px; line-height: 18px; color: #203FAC; border: 1px solid #3F63DF; border-radius: 4px; display: flex; align-content: center; align-items: center; justify-content: center; position: relative; margin: 25px auto; } .down-load-i { margin-right: 5px; } .creative-unifier-result-text { font-style: normal; font-weight: 600; font-size: 22px; line-height: 18px; color: #000000; } .creative-unifier-result { display: none; flex-direction: column; justify-content: center; align-content: center; align-items: center; } .creative-unifier-result .loader { display: inline-block; width: 80px; height: 80px; position: relative; } .creative-unifier-result .loader div { box-sizing: border-box; display: block; position: absolute; width: 32px; height: 32px; margin: 8px; border: 4px solid #b6c1c7; border-radius: 50%; animation: loader--faker 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #b6c1c7 transparent transparent transparent; } .creative-unifier-result .loader div:nth-child(1) { animation-delay: -0.45s; } .creative-unifier-result .loader div:nth-child(2) { animation-delay: -0.3s; } .creative-unifier-result .loader div:nth-child(3) { animation-delay: -0.15s; } @keyframes loader--faker { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .flex { display: flex; } .result-prev-wrap { width: 45%; margin: 0 auto; } .result-prev-wrap-img { display: flex; gap: 10px; justify-content: center; } .creative-unifier { margin: 50px 0; } fieldset { border: 0; outline: none; padding: 0; margin: 0; } .params-wrap { justify-content: space-between; gap: 100px; } .prev-img-wrap { position: relative; } .prev-img-wrap .remove { width: 45px; height: 45px; right: 10px; top: 10px; display: flex; align-items: center; align-content: center; justify-content: center; border: 1px solid #203FAC; position: absolute; color: #203FAC; z-index: 200; border-radius: 4px; background: #fff; cursor: pointer; } .prev-img { width: 180px; min-width: 180px; height: 180px; display: block; object-fit: contain; padding: 5px; box-sizing: border-box; border: 1px solid #3F63DF; border-radius: 4px; } .result-prev-wrap-text { text-align: center; margin-top: 10px; } .param-col { flex-grow: 1; } .param-input-field { display: none; margin-bottom: 15px; } #creative-unifier .button-submit { margin-top: 30px; } .param-input-field-name { display: flex; justify-content: space-between; align-items: center; max-width: 250px; height: 2.125rem; width: 100%; color: #5b6471; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border: 1px solid #b6c1c7; padding: 0.5rem 0.4375rem 0.5rem 0.625rem; } .param-input-field-value { height: 2.125rem; width: 100%; outline: none; padding: 0.5rem 1rem; border: 1px solid #b6c1c7; box-sizing: border-box; border-radius: 0 4px 4px 0; margin-left: -1px; } select.param-input-field-value { padding: 0 1rem; } .color-filed { cursor: pointer; padding: 0; outline: none; -webkit-appearance: none; } .color-filed::-webkit-color-swatch-wrapper { padding: 0; } .color-filed::-webkit-color-swatch { border: none; } .file-upload { padding: 25px; background: #f3f6ff; font-style: normal; font-weight: 400; font-size: 20px; line-height: 18px; color: #203FAC; border: 1px solid #b6c1c7; border-radius: 4px; display: flex; align-content: center; align-items: center; justify-content: center; position: relative; margin: 25px auto; } .file-upload-i { margin-right: 15px; } .file-upload-text { height: 45px; line-height: 45px; border-radius: 4px; padding: 0 25px; background: #203FAC; color: #fff; width: fit-content; margin: 20px auto 0 auto; } .file-upload-title { font-weight: bold; font-size: 22px; color: #000000; } .creative-file { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; } .main-params { display: flex; margin-bottom: 30px; } .main-params .radio-item:first-child { margin-right: 50px; } .radio-item { position: relative; cursor: pointer; margin-bottom: 15px; } .radio-item .radio-input { position: absolute; z-index: -1; opacity: 0; } .radio-item .radio-label { display: flex; align-items: center; cursor: pointer; width: max-content; } .radio-item .radio-label:before { content: ""; display: block; width: 17px; height: 17px; flex-shrink: 0; flex-grow: 0; background-color: #fff; border: 1px solid #b6c1c7; border-radius: 50%; margin-right: 5px; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; transition: all 0.2s ease-in; } .sub-params { display: none; } .sub-params .radio-item { margin-right: 15px; } .fieldset.checked .param-input-field, .fieldset.checked .sub-params { display: flex; } .radio-item .radio-input:checked + .radio-label:before { width: 5px; height: 5px; border: 7px solid #3f63df; background-color: #fff; } .creative-unifier h3 { font-family: "SF Pro Display"; font-style: normal; font-weight: 600; font-size: 22px; line-height: 18px; /* identical to box height, or 82% */ color: #000000; margin-bottom: 30px; } .unic-creo-count { margin-top: 0.9375rem; color: #5b6471; margin-bottom: 35px; } @media (max-width: 1023px) { .instruments-container { flex-wrap: wrap; } .main-params, .params-wrap { flex-direction: column; gap: 0; } .radio-item .radio-label { width: initial; } .param-input-field-name { font-size: 12px; } } .url-site-copy-result { display: none; flex-direction: column; justify-content: center; align-content: center; align-items: center; margin-bottom: 25px; } .site-copy-form { margin: 25px 0; padding: 50px 25px; border-radius: 10px; border: 1px solid #b6c1c7; background: #f3f6ff; position: relative; } .search-icon-svg { position: absolute; top: -55px; left: -70px; } .site-copy__subtitle { margin-bottom: 0.625rem; font-weight: 600; text-align: center; } #site-copy { display: flex; max-width: 90%; margin: 0 auto; position: relative; z-index: 100; } #site-copy-url_input { height: 53px; width: 100%; outline: none; border-radius: 4px 0 0 4px; padding: 0.5rem 1rem; border: 1px solid #b6c1c7; font-size: 1.25rem; margin-right: 15px; box-sizing: border-box; position: relative; z-index: 100; } .site-copy-btn { border: 1px solid #3F63DF; background: #3F63DF; box-sizing: border-box; border-radius: 10px; padding: 16px 25px; width: fit-content; color: #fff; cursor: pointer; } .search-top-sites { margin-bottom: 30px; } .search-top-sites-keywords { margin: 30px 0; padding: 50px 40px; background: #F4F6FF; border-radius: 10px; } .search-top-sites-keywords h3 { font-weight: 400; font-size: 20px; line-height: 18px; /* or 90% */ /* grey */ color: #5B6471; margin-bottom: 15px; } #search-keywords { width: 100%; height: 350px; padding: 15px 25px; border: 1px solid #B6C1C7; border-radius: 4px; color: #B6C1C7; } .search-top-sites-select { display: flex; align-items: flex-start; gap: 60px; } .search-top-sites-select h3 { font-weight: 600; font-size: 24px; line-height: 29px; /* identical to box height */ color: #000000; margin-bottom: 30px; } .search-system-wrap { width: 50%; } #search-system { height: 35px; line-height: 35px; width: 100%; /* light grey */ padding: 0 15px; border: 1px solid #B6C1C7; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; display: flex; position: relative; background-image: linear-gradient(var(--baseFg), var(--baseFg)), linear-gradient(-135deg, transparent 50%, var(--accentBg) 50%), linear-gradient(-225deg, transparent 50%, var(--accentBg) 50%), linear-gradient(var(--accentBg) 42%, var(--accentFg) 42%); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 1px 100%, 20px 22px, 20px 22px, 20px 100%; cursor: pointer; } #search-system:after { content: ""; background: #f8f8f8; border-left: 1px solid #ccc; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; top: 0; bottom: 0; width: 33px; position: absolute; right: 0; } #search-system:before { content: ""; border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; right: 13px; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; z-index: 10; } #search-system.system-open:before { transform: rotate(180deg); } #search-system .search-system-select { position: absolute; left: -1px; right: -1px; top: 100%; background: #fff; border-top: 1px solid #B6C1C7; border-left: 1px solid #B6C1C7; border-right: 1px solid #B6C1C7; border-bottom: 1px solid #B6C1C7; border-radius: 0 0 4px 4px; padding-left: 15px; display: none; z-index: 10; } #search-system.system-open .search-system-select { display: block; } .region-wrap { width: 50%; } .form-control { border: 1px solid #ccc; border-radius: 3px; box-shadow: none !important; margin-bottom: 15px; } .form-control:focus { border: 1px solid #34495e; } .select2.select2-container { width: 100% !important; } .select2.select2-container .select2-selection { border: 1px solid #B6C1C7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 35px; min-height: 35px; outline: none !important; padding-left: 10px; transition: all 0.15s ease-in-out; } .select2.select2-container .select2-selection .select2-selection__rendered { color: #333; line-height: 32px; padding-right: 33px; } .select2.select2-container .select2-selection .select2-selection__arrow { background: #f8f8f8; border-left: 1px solid #ccc; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; height: 32px; width: 33px; } .select2.select2-container.select2-container--open .select2-selection.select2-selection--single { background: #f8f8f8; } .select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow { -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; } .search-top-sites-radio { margin: 30px 0; } .search-top-sites-radio h3 { font-weight: 600; font-size: 24px; line-height: 29px; /* identical to box height */ color: #000000; margin-bottom: 30px; } .search-loader-wrap { display: none; justify-content: center; flex-direction: column; align-content: center; align-items: center; margin-top: 30px; } .search-loader-wrap .progress-bar { height: 5px; width: 100%; border-radius: 20px; background: #E6ECEF; position: relative; margin-bottom: 15px; } .search-loader-wrap .progress-bar .progress-line { height: 5px; background: #3F63DF; border-radius: 100px; width: 0; position: absolute; left: 0; top: 0; bottom: 0; } .search-loader-wrap .progress-bar-text { display: flex; align-items: center; align-content: center; } .search-loader-wrap .progress-bar-text .progress-bar-value { font-weight: 600; margin-left: 10px; } #search-result-sbmt { width: 250px; height: 55px; background: #3F63DF; border: 1px solid #3F63DF; box-shadow: 0px 4px 26px rgba(63, 99, 223, 0.42); border-radius: 10px; line-height: 53px; box-sizing: border-box; text-align: center; font-weight: 600; font-size: 18px; /* white */ color: #FFFFFF; } #search-result-sbmt:hover { background: #fff; color: #203FAC; } .radio-top-wrap { display: flex; gap: 20px; } .radio-top-value { display: flex; align-items: center; align-content: center; justify-content: center; white-space: nowrap; border: 1px solid #203fac; height: 45px; line-height: 45px; box-sizing: border-box; border-radius: 10px; background: none; padding: 0 15px; width: fit-content; color: #203fac; cursor: pointer; } .radio-top-value label { margin-left: 10px; } .search-result-response-wrap { display: none; margin: 30px 0; } .search-result-response-wrap h3 { font-weight: 600; font-size: 24px; line-height: 29px; color: #000000; margin-bottom: 30px; } #search-result-response { display: flex; gap: 2%; flex-wrap: wrap; } .search_wrapper { margin-bottom: 50px; } .search-results .search-title { font-weight: 600; font-size: 18px; line-height: 21px; color: #5B6471; margin-bottom: 30px; text-transform: lowercase; } .search-results .search-title::first-letter { text-transform: uppercase; } .search-results-item { display: flex; align-items: center; align-content: center; height: 40px; } .search-results-position { width: 25px; min-width: 25px; text-align: center; line-height: 40px; } .search-results-favicon { width: 30px; min-width: 30px; text-align: center; line-height: 40px; display: flex; align-content: center; align-items: center; justify-content: center; } .search-results-url { max-width: 280px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .user-search-result { margin: 30px auto; } .user-search-result h3 { font-weight: 600; font-size: 24px; line-height: 29px; /* identical to box height */ color: #000000; margin-bottom: 30px; } .user-search-result-item { height: 35px; line-height: 35px; display: flex; align-items: center; align-content: center; } .user-search-result-item .user-search-result-item-i { width: 24px; height: 24px; margin-right: 10px !important; } .user-search-result-item a { display: block; padding: 0 10px 0 0; color: #203fac; } .user-search-result-item span { display: block; margin-right: 10px; } .user-search-result-wrap { display: flex; } .user-search-result-col { width: 50%; } .switch-show-results { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; } .switch-show-results .switch-radio-item .switch-radio-item-input { position: absolute; z-index: -1; opacity: 0; } .switch-show-results .switch-radio-item .switch-radio-item-input + .switch-radio-item-label:before { content: ""; display: block; width: 17px; height: 17px; flex-shrink: 0; flex-grow: 0; background-color: #fff; border: 1px solid #b6c1c7; border-radius: 50%; margin-right: 5px; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; transition: all 0.2s ease-in; } .switch-show-results .switch-radio-item .switch-radio-item-input:checked + .switch-radio-item-label:before { width: 5px; height: 5px; border: 7px solid #3f63df; background-color: #fff; } .switch-show-results .switch-radio-item .switch-radio-item-label { display: flex; align-items: center; user-select: none; width: max-content; color: #000d20; cursor: pointer; } .popup-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); display: none; justify-content: center; align-items: center; align-content: center; z-index: 9999; } .user-own-list { padding: 50px 40px; background: #F4F6FF; border-radius: 10px; max-width: 70%; min-width: 65%; display: none; } .user-own-list h3 { font-weight: 400; font-size: 20px; line-height: 18px; color: #5B6471; margin-bottom: 10px; } .user-own-list h4 { font-weight: 400; font-size: 18px; line-height: 18px; color: #5B6471; margin-bottom: 15px; } .user-own-list #user-own-list { width: 100%; height: 350px; padding: 15px 25px; border: 1px solid #B6C1C7; border-radius: 4px; color: #B6C1C7; } .user-own-list .user-own-list-btns { display: flex; justify-content: flex-end; margin-top: 15px; } .user-own-list .user-own-list-btns button { cursor: pointer; width: 200px; height: 45px; line-height: 43px; border-radius: 5px; text-align: center; color: #3F63DF; border: 1px solid #3F63DF; } .user-own-list .user-own-list-btns button:hover { background: #3F63DF; color: #fff; } .user-own-list .user-own-list-btns button[type=submit] { background: #3F63DF; color: #fff; margin-left: 15px; } .user-own-list .user-own-list-btns button[type=submit]:hover { color: #3F63DF; background: #fff; } .minusator-wrap { background: #f4f6ff; border-radius: 10px; padding: 24px 30px 30px 30px; margin: 50px 0; } .minusator-wrap textarea { margin-top: 15px; } #minusator-form { margin-bottom: 50px; position: relative; } #minusator-form #minusator-keywords { width: 100%; height: 400px; padding: 15px 25px; border: none; border-radius: 10px; } #minusator-form #minusator-keywords-view { width: 100%; height: 400px; border: none; border-radius: 10px; display: none; background: #fff; margin-top: 15px; } #minusator-form .title-wrap { justify-content: space-between; } .minusator-btns-wrap { margin-top: 25px; justify-content: space-between; } .minusator-btns-wrap .minusator-btn-edit { margin-right: 15px; } .minusator-result-wrap { gap: 50px; } .minus-phrases { width: 30%; } .clear-list { flex-grow: 1; } #minus-phrases-keys, #clear-list-keys { height: 240px; width: 100%; } .word-line { height: 30px; line-height: 30px; margin-bottom: 5px; padding: 0 20px; position: relative; } .word-line:hover { background: whitesmoke; } .word-line:hover .delete-row { opacity: 1; } .word-line .word-wrap { padding: 0 10px; } .word-line .word-wrap:hover { cursor: pointer; background: coral; } .word-line .word-wrap.active-word { background: red; } .word-line .delete-row { position: absolute; right: 15px; top: 50%; margin-top: -15px; width: 30px; height: 30px; display: flex; align-content: center; align-items: center; justify-content: center; opacity: 0; cursor: pointer; } .title-wrap { align-content: center; align-items: center; } .title-wrap .copy-btn { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 4px; margin-left: 10px; cursor: pointer; } .minusator-btn-delete { display: flex; align-items: center; align-content: center; justify-content: center; color: #ff5263; border-color: #ff5263; } .minusator-btn-delete svg { display: block; margin-right: 10px; fill: #ff5263; } .minusator-btn-edit { display: flex; align-items: center; align-content: center; justify-content: center; } .minusator-btn-edit svg { display: block; margin-right: 10px; } @media (max-width: 1023px) { .minusator-btns-wrap { flex-direction: column; align-items: center; align-content: center; gap: 15px; } .minusator-result-wrap { flex-direction: column; } .minus-phrases { width: 100%; } } .proxy_gen__wrapper { margin-bottom: 50px; } .proxy-gen { width: 100%; } .proxy-gen thead { background: #3f63df; color: #fff; } .proxy-gen tbody tr:nth-child(2n) { background: #e6ebff; } .proxy-gen tbody tr:nth-child(2n+1) { background: #f4f6ff; } .proxy-gen td, .proxy-gen th { width: 20%; padding: 25px; box-sizing: border-box; text-align: center; } .proxy-server thead { background: #3f63df; color: #fff; } .proxy-server tbody tr:nth-child(2n) { background: #e6ebff; } .proxy-server tbody tr:nth-child(2n+1) { background: #f4f6ff; } .proxy-server td, .proxy-server th { width: 20%; padding: 25px; box-sizing: border-box; text-align: center; } .proxy-server .radio-check { position: relative; display: flex; } .proxy-server .radio-check:before { content: ""; display: block; width: 17px; height: 17px; background-color: #fff; border: 1px solid #b6c1c7; border-radius: 50%; margin-right: 5px; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; transition: all 0.2s ease-in; } .proxy-server .server-table-row { cursor: pointer; } .proxy-server .active-row .radio-check:before { content: ""; width: 5px; height: 5px; border: 7px solid #3f63df; background-color: #fff; } #proxy-gen-btn { margin: 50px 0; } .no-proxy { background: #f4f6ff; height: 69px; line-height: 69px; text-align: center; } .add-user-server-wrap h3 { margin-bottom: 15px; } #add-user-server { margin-bottom: 25px; background: #f4f6ff; border-radius: 10px; padding: 24px 30px 30px 30px; } #add-user-server .form-row { gap: 15px; } #add-user-server fieldset { display: block; margin-bottom: 15px; width: 50%; } #add-user-server label { display: block; margin-bottom: 0.625rem; font-weight: 400; color: #000d20; } #add-user-server input { display: block; height: 35px; line-height: 33px; width: 100%; outline: none; border-radius: 4px; padding: 0 1rem; border: 1px solid #b6c1c7; font-size: 1.25rem; box-sizing: border-box; position: relative; z-index: 100; } #add-user-server .button-submit { height: 35px; line-height: 33px; margin-top: 29px; } .list-servers { margin-bottom: 25px; } .list-servers h3 { margin-bottom: 15px; } .list-proxy { margin-bottom: 25px; } .list-proxy h3 { margin-bottom: 15px; } .proxy-loader { justify-content: space-between; } .proxy-loader .loader__wrapper { flex-grow: 1; } .list-proxy-title-wrap { margin-bottom: 15px; gap: 15px; } .list-proxy-tabs-content { display: none; } .list-proxy-tabs-content.active { display: block; } .list-proxy-tabs-title.active { background: #203fac; color: #fff; } .download-proxy-list { padding-top: 25px; border-top: 1px solid silver; justify-content: center; gap: 15px; align-items: center; align-content: center; } .download-proxy-list-type { gap: 15px; } .proxy-gen-form { align-content: center; align-items: center; gap: 15px; } .proxy-gen-form-type { gap: 15px; } .proxy-type { position: relative; } .proxy-type:before { content: ""; display: block; width: 17px; height: 17px; flex-shrink: 0; flex-grow: 0; background-color: #fff; border: 1px solid #b6c1c7; border-radius: 50%; margin-right: 5px; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; transition: all 0.2s ease-in; } .proxy-type.active:before { width: 5px; height: 5px; border: 7px solid #3f63df; background-color: #fff; } .download-proxy-list-type input { position: absolute; z-index: -1; opacity: 0; } .download-proxy-list-type label { display: flex; align-items: center; user-select: none; width: max-content; cursor: pointer; } .download-proxy-list-type label:before { content: ""; display: block; width: 17px; height: 17px; flex-shrink: 0; flex-grow: 0; background-color: #fff; border: 1px solid #b6c1c7; border-radius: 50%; margin-right: 5px; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; transition: all 0.2s ease-in; } .download-proxy-list-type input:checked + label:before { width: 5px; height: 5px; border: 7px solid #3f63df; background-color: #fff; } .delete-server { position: relative; display: flex; justify-content: center; align-items: center; align-content: center; height: 69px; } .delete-server svg { position: absolute; display: block; width: 13px; height: 13px; z-index: 1000; } .media-tabs-title { filter: drop-shadow(0px 0px 10px rgba(1, 88, 255, 0.2)); height: 70px; border-radius: 10px; background: #fff; font-weight: 600; font-size: 22px; line-height: 22px; padding-left: 25px; /* identical to box height */ display: flex; align-items: center; align-content: center; /* main bl203FAC */ position: relative; color: #203FAC; cursor: pointer; } .media-tabs-title:before { content: "+"; color: #E6E6E6; font-weight: 400; font-size: 42px; line-height: 20px; margin-right: 30px; } .media-tabs-content { display: none; padding: 20px; background: #fff; } .media-tabs-item.active-tab { border-radius: 10px; filter: drop-shadow(0px 0px 16px rgba(1, 88, 255, 0.2)); background: #fff; overflow: hidden; } .media-tabs-item.active-tab .media-tabs-title { filter: initial; border-bottom: 1px solid #E6E6E6; border-radius: 0; } .media-tabs-item.active-tab .media-tabs-title:before { content: "-"; } .media-tabs-item.active-tab .media-tabs-content { display: block; } .media-tabs-item { margin-bottom: 40px; } .media-actions { position: relative; margin: 25px auto; background: #F4F6FF; /* very light grey */ border: 1px solid #E6E6E6; border-radius: 20px; padding: 35px 0; text-align: center; } .media-actions .media-actions-title { font-weight: 600; font-size: 22px; line-height: 26px; /* main bl203FAC */ color: #203FAC; margin-bottom: 15px; } .media-actions .media-actions-subtitle { font-weight: 400; font-size: 22px; line-height: 25px; /* identical to box height, or 114% */ /* black */ color: #000D20; margin-bottom: 15px; } .media-actions .media-actions-btn { display: block; width: 308px; height: 56px; line-height: 54px; text-align: center; color: #fff; /* secondary blue */ font-style: normal; font-weight: 600; font-size: 18px; background: #3F63DF; /* secondary blue */ border: 1px solid #3F63DF; box-shadow: 0px 4px 26px rgba(63, 99, 223, 0.42); border-radius: 10px; margin: 0 auto; z-index: 99999; position: relative; } .media-actions .media-actions-btn:hover { background: transparent; color: #3F63DF; } .tg-icon-big { position: absolute; width: 201px; height: 167px; left: 20%; top: 18px; z-index: 10; } .tg-icon-small { position: absolute; width: 89px; height: 74px; right: 50px; top: 20px; } .tab-inner-title { display: flex; width: fit-content; padding-right: 15px; font-weight: 600; font-size: 20px; line-height: 26px; align-content: center; align-items: center; margin-bottom: 25px; /* secondary blue */ color: #5B6471; cursor: pointer; } .tab-inner-title:after { content: ""; width: 12px; height: 6px; margin-left: 15px; background-image: url("/wp-content/themes/diasp/build/src/img/media-arrow-grey.png"); } .tab-inner-content { display: none; } .tabs-inner-item.open-tab .tab-inner-content { font-weight: 400; font-size: 16px; line-height: 25px; /* or 156% */ /* grey */ color: #5B6471; display: block; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #E6E6E6; } .tabs-inner-item.open-tab .tab-inner-content p { margin-bottom: 15px; } .tabs-inner-item.open-tab .tab-inner-content ul { padding-left: 30px; margin-bottom: 15px; } .tabs-inner-item.open-tab .tab-inner-title { color: #3F63DF; } .tabs-inner-item.open-tab .tab-inner-title:after { background-image: url("/wp-content/themes/diasp/build/src/img/media-arrow-blue.png"); } .ads-type-meta .param { display: flex; } .ads-type-meta .param .param-title { font-weight: 600; font-size: 18px; line-height: 25px; /* or 139% */ /* grey */ color: #5B6471; width: 120px; } .ads-type-meta .param .param-value { font-weight: 500; font-size: 18px; line-height: 25px; /* or 139% */ /* grey */ color: #3F63DF; } .media-tabs-item:nth-child(4) .param-title, .media-tabs-item:nth-child(5) .param-title, .media-tabs-item:nth-child(6) .param-title { width: 175px; } #ads-offers .tabs-inner-item:first-child .ads-type-meta { display: none; } a.stat { display: flex; width: 308px; height: 56px; /* secondary blue */ background: #3F63DF; /* secondary blue */ border: 1px solid #3F63DF; box-shadow: 0px 4px 26px rgba(63, 99, 223, 0.42); border-radius: 10px; color: #fff; justify-content: center; align-items: center; align-content: center; } a.stat:before { content: ""; width: 25px; height: 24px; margin-right: 10px; background-image: url("/wp-content/themes/diasp/build/src/img/Sheet_Icon_UIA.png"); } .media-tabs-content ul { padding-left: 40px; } .media-tabs-content ol { padding-left: 40px; margin-bottom: 15px; } .media-tabs-content p { font-weight: 400; font-size: 16px; line-height: 25px; /* or 156% */ /* grey */ color: #5B6471; display: block; margin-bottom: 15px; } .date-price { color: #203FAC; margin-left: -40%; height: 40px; font-weight: 600; border: 1px solid #203FAC; line-height: 40px; padding: 0 20px; border-radius: 4px; } .media-wrap { display: flex; gap: 50px; } .media-tabs { flex-grow: 1; } .sidebars { position: relative; } .media-sidebar { position: sticky; top: 5em; max-width: 450px; min-width: 400px; width: 100%; list-style: none; border: 1px solid #3f63df; border-radius: 7px; font-size: 1.25rem; padding: 10px 0; display: flex; flex-direction: column; margin-bottom: 35px; } .media-sidebar ul { padding: 0; list-style: none; } .media-sidebar li { display: flex; } .media-sidebar a { display: block; padding: 10px 20px 10px 20px; color: #000d20; font-size: 1.25rem; transition: color 0.3s ease, background 0.3s ease; } @media (max-width: 1024px) { .page-template-tmp-media-kit .title { align-items: center; } .date-price { margin-left: 0; } .media-wrap { flex-direction: column-reverse; gap: 0; } .media-sidebar { min-width: 100%; box-sizing: border-box; } .media-tabs-title { height: initial; padding: 22.5px 10px 22.5px 10px; line-height: 24px; box-sizing: border-box; } } .neural-networks-wrap { display: flex; flex-wrap: wrap; gap: 2%; } .neural-networks-wrap .loader__wrapper { margin: 0 auto; } .neural-networks-wrap .card-neural-networks { width: 23.5%; box-sizing: border-box; border: 1px solid #B6C1C7; border-radius: 5px; margin-bottom: 2%; } .neural-networks-wrap .card-neural-networks-thumb { text-align: center; } .neural-networks-wrap .card-neural-networks-thumb figure { max-height: 200px; position: relative; } .neural-networks-wrap .card-neural-networks-thumb figure img { display: block; width: 100%; height: 100%; object-fit: cover; transition: 0.3s; cursor: pointer; } .neural-networks-wrap .card-neural-networks-inner { padding: 10px 20px; border-top: 1px solid #B6C1C7; } .neural-networks-wrap .card-neural-networks-inner-title { margin-bottom: 10px; } .neural-networks-wrap .card-neural-networks-inner-title a { font-style: normal; font-weight: 600; font-size: 22px; line-height: 26px; /* black */ color: #000D20; } .neural-networks-wrap .neural-networks-meta { padding: 5px 16px; width: fit-content; height: 30px; color: #203fac; border: 1px solid #203fac; border-radius: 10px; margin-bottom: 10px; overflow: hidden; white-space: nowrap; } .neural-networks-wrap .card-neural-networks-inner-content { font-weight: 400; font-size: 16px; line-height: 25px; /* or 156% */ /* grey */ color: #5B6471; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .neural-networks-main-tax { justify-content: space-between; margin-bottom: 35px; text-align: center; gap: 2%; } .neural-networks-main-tax a { display: block; width: 19%; } #neural-networks-search { display: flex; gap: 25px; margin-bottom: 35px; } #neural-networks-search input { display: block; height: 50px; line-height: 48px; flex-grow: 1; border: 1px solid #B6C1C7; border-radius: 10px; padding-left: 18px; } #neural-networks-search button { background: #3F63DF; /* secondary blue */ width: 285px; height: 50px; line-height: 48px; border: 1px solid #3F63DF; box-shadow: 0px 4px 26px rgba(63, 99, 223, 0.42); border-radius: 10px; color: #fff; } #neural-networks-search button:hover { background: transparent; color: #3F63DF; } .neural-networks-filter-payment { justify-content: space-between; align-items: flex-end; align-content: center; height: 34px; margin-top: 26px; } .neural-networks-filter-wrap { justify-content: space-between; align-content: center; align-items: center; gap: 20px; margin-bottom: 35px; } .neural-networks-filter { width: 35%; min-width: 35%; } .neural-networks-filter h3 { margin-bottom: 10px; } .neural-networks-filter select { height: 34px; border: 1px solid #B6C1C7; border-radius: 4px; width: 100%; padding-left: 18px; } .neural-networks-filter-payment { width: 30%; align-items: center; align-content: center; gap: 20px; } .neural-networks-filter-payment-radio-input { position: absolute; z-index: -1; opacity: 0; } .neural-networks-filter-payment-radio-input:checked + .neural-networks-filter-payment-radio-label:before { width: 5px; height: 5px; border: 7px solid #3f63df; background-color: #fff; } .neural-networks-filter-payment-radio-label { display: flex; align-items: center; user-select: none; width: max-content; cursor: pointer; color: #000; } .neural-networks-filter-payment-radio-label:before { content: ""; display: block; width: 17px; height: 17px; flex-shrink: 0; flex-grow: 0; background-color: #fff; border: 1px solid #b6c1c7; border-radius: 50%; margin-right: 5px; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; transition: all 0.2s ease-in; } /** single */ .neural-networks-header { gap: 25px; } .neural-networks-header h3 { margin-bottom: 10px; } .neural-networks-header .single-neural-networks-main-excerpt { font-weight: 400; font-size: 16px; line-height: 25px; /* or 156% */ /* grey */ color: #5B6471; margin-bottom: 20px; } .neural-networks-header .neural-networks-meta-wrap { gap: 10px; flex-wrap: wrap; margin-bottom: 15px; } .neural-networks-header .neural-networks-meta { padding: 5px 16px; width: fit-content; height: 30px; color: #B6C1C7; border: 1px solid #B6C1C7; border-radius: 10px; } .neural-networks-header .neural-networks-type-payment { font-weight: 400; font-size: 18px; line-height: 21px; /* green */ color: #1FB866; } .single-neural-networks-thum { width: 45%; min-width: 45%; text-align: center; } .single-neural-networks-thum img { display: block; border: 0.85907px solid #B6C1C7; border-radius: 8.5907px; min-height: 270px; } .neural-networks-btn { display: block; width: 153px; height: 32px; border: 1px solid #203FAC; /* main bl203FAC */ line-height: 30px; color: #fff; text-align: center; background: #203FAC; border-radius: 10px; margin-top: 20px; } .neural-networks-btn:hover { background: #fff; color: #203FAC; } .related-neural-networks-wrap { margin-top: 25px; } .related-neural-networks-wrap h3 { margin-bottom: 15px; } #neural-networks-search { position: relative; } .neural-networks-search-result { display: none; position: absolute; left: 0; right: 0; top: 100%; border: 1px solid #b6c1c7; padding: 25px; background: #fff; z-index: 1000; } .neural-networks-search-result a { display: block; height: 35px; line-height: 35px; } .neural-networks-main-tax .current { background: #203fac; color: #fff; } .neural-networks-type-payment-wrap { flex-grow: 1; margin-bottom: 15px; } .neural-networks-type-payment-wrap .neural-networks-btn { margin-left: 20px; } @media (max-width: 1440px) { .article-progress { margin: 0 15px; } .single-neural-networks-thum { min-width: 50%; } } #neuro-more-button { margin-bottom: 50px; } @media (max-width: 1023px) { .neural-networks-main-tax { flex-wrap: wrap; justify-content: center; } .neural-networks-main-tax a { width: fit-content; margin-bottom: 2%; } .neural-networks-filter-wrap { flex-direction: column; } .neural-networks-filter-wrap .neural-networks-filter { width: 100%; } .neural-networks-filter-wrap .neural-networks-filter-payment { width: 100%; } .neural-networks-wrap { flex-direction: column; } .neural-networks-wrap .card-neural-networks { width: 100%; } .neural-networks-header { flex-direction: column; } .single-neural-networks-thum { width: 100%; } .article-progress { display: none; } .single-detail__content .sidebar { width: 100% !important; } } .meta-payment { color: #1FB866 !important; border-color: #1FB866 !important; } .hidden { display: none !important; } figure { margin: 0 !important; } /*# sourceMappingURL=first_screen.css.map */
back

Diasp.pro — Арбитраж Трафика и Заработок в Интернете

Let me speak: учи английский в приложении и зарабатывай

user
GdeDengi
news
30 мая 2022 г.
view
comments
0
comments
Приложение Let me speak

В интернете существует много способов заработать, но самые перспективные из них — арбитраж трафика и криптовалюта. Криптовалютная игра Let me Speak предлагает зарабатывать и одновременно изучать иностранный язык. В этой статье команда diasp.pro рассмотрит приложение для изучения английского языка Let me Speak. Может ли криптовалюта совмещать изучение английского языка и заработок денег в интернете? 

Let me Speak: что за проект и сколько можно заработать

Если человек интересуется криптовалютой и знает про арбитраж трафика, то ему будет интересен этот проект. Let me Speak помогает пользователям зарабатывать, отвечая на вопросы про английский язык. 

Сейчас вход в приложение Let me speak обойдется примерно в 70 долларов. Программа создана на блокчейне Solana, на котором создается большая часть всех nft-проектов. Здесь минимальная комиссия — 0,005 внутриигровой валюты Solana, поэтому это очень удобно для проектов play to earn. 

Let me Speak профиль

Можно скачать мобильное приложение Let me Speak либо использовать web версию приложения. 

Пользователь становится владельцем персонажей nft. Управляя ими, игрок будет учиться и зарабатывать. Magic Eden, Solanart и другие платформы не могут продавать nft этого проекта. Купить персонажа можно только на маркетплейсе Let me Speak. Герой проходит обучение английскому языку и за успешное обучение английскому получает токены lstar.

С бесплатным профилем можно изучать английский, но нельзя зарабатывать. Приложение Let me Speak работает по модели Learn to Earn, то есть платит своим пользователям деньги за выполнение заданий. От расценки персонажа зависит процент, который получит владелец.

Советуем прочитать: Let me Speak оказался скамом?"

Как выбрать персонажа, чтобы получить максимальный профит

Сейчас цена nft-персонажей начинается с 58$ за базовый уровень Uncommon. Стоимость влияет на редкость персонажа: чем более ценный NFT, тем больший процент получит владелец. 

Let me Speak купить персонажа

Персонажи выделяются уровнем и ценой. На данный момент минимальная стоимость персонажа — 58$, а максимальная — 10 000$. Каждый персонаж имеет уникальную рейтинговую степень: Talent, Rewards rate, Invites done и Skill stats.

Talent — главный скилл, от которого зависят все остальные: скорость обучения, редкость персонажа и его начальные способности. Rewards rate определяет, какую прибыль получит владелец внутриигрового токена. 

Invites done помогает создавать новых персонажей. Для этого потребуются внутриигровые токены lstar и два персонажа с одинаковыми характеристиками. Каждый NFT ограничен лимитом приглашений на создание нового героя. 

Что из себя представляет приложение let me speak

Статистика навыков, или Skill stats. Как и у настоящих людей, у персонажей nft есть четыре базовых навыка для изучения английского языка: грамматика, лексика, произношение и аудирование. 

Это основные характеристики, но в приложении также влияют: XP Level, Learning speed, Energy и Виза. 

XP Level, или уровень: за каждые 10 уровней изучения английского герой получает бонусы и новые умения. Уровень сохраняется даже после покупки или продажи NFT. А скорость обучения, или Learning speed, показывает, как тратятся внутриигровые токены. Чем быстрее скорость обучения, тем быстрее вырастет уровень NFT.

Let me Speak английские слова

Энергия и Energy: стандартно для всех доступно 100 энергии. Очки тратятся после изучения английского и выполнения заданий. Энергия восстанавливается каждые 24 часа.

Виза — это срок действия NFT, который зависит от редкости. В основном срок действия NFT — от четырех до семи месяцев. Необходимо продлить срок действия визы, чтобы продолжить учиться и зарабатывать.

Как заработать на let me speak

Для инвесторов — это крутой nft-проект. Проект с каждым днем набирает популярность, но приложение, на данный момент, недоступно для Android. Разработчики обещают решить это в скором времени. Как утверждает сайт проекта let me speak, последнюю версию игры используют уже 30 млн пользователей. 

Существует несколько способов, чтобы заработать в приложении Let me Speak: 

  1. Основной способ — учить английский. Если уделять один час обучению, то можно получить до 5-10 долларов в день. Цифра может изменяться в зависимости от редкости персонажа. Рекомендуется переключаться между персонажами, чтобы выполнять больше заданий.
  2. Аренда персонажей. Пользователь имеет право отдавать персонажей nft в аренду. Владелец в этом случае будет получать половину от прибыли арендующего. 
  3. Продажа NFT. Пользователь может свободно продавать персонажей. Многие специально “прокачивают” героя, чтобы продать его по более высокой ставке. 

Но тем, кто только интересуется этим проектом, необходимо узнать, как пополняется бюджет проекта. Пользователи в приложении Let me Speak зарабатывают на новых пользователях. Доход приходит от пользователей, которые покупают персонажей. Проект Let me Speak был разработан, чтобы привлечь новых пользователей в нишу криптовалюты. 

Дополнительные способы заработка в LetMeSpeak

Кроме заработка на заданиях, в LetMeSpeak предусмотрен ещё один вариант — заработать внутриигровые токены. В LMS можно крафтить персонажей для дальнейшей перепродажи. Максимальное количество — 6 раз. С каждым разом шанс выпадение редкого персонажа повышается. Стоимость зависит от редкости персонажа, который выпал. И чем выше уровень предыдущих героев, тем выше будут таланты и доход.

Для того чтобы скрафтить персонажей, вебмастер выбирает карточку персонажа, переходит по “invite” и добавляет одного героя. Далее следует заплатить комиссию нового юнита. 

Полученного персонажа можно либо оставить, чтобы проходим им задания, либо продать. Выбор за вами.  

учить английский

Как зарегистрироваться и монетизировать let me speak

Как работает LetMeSpeak

Суть приложения заключается в том, что пользователи должны выполнять задания, за которые начисляются внутриигровая валюта “LSTAR”. Их цена варьируется от $0,025 до $0,030. 

В самом начале нужно выбрать и купить персонажа за реальные деньги. Цены зависят от редкости персонажа. 

Uncommon — $74 – $75. 

Rare — $215 – $220.

Epic — $540 – $550.

Legendary — $1790 – $1880.

В зависимости от редкости персонаж будет приносить в день от $2,8 до $30. 

Если вас интересует только обучение, то вы можете учить английский бесплатно. Но зарабатывать не сможете. Хотя разработчики думают ввести систему стипендий для мотивации обучения.

В самом начале вы указываете данные о себе и мотивацию, по которой скачали приложение. Затем нужно пройти проверку, которая установит ваш уровень знания языка. После того как эти пункты будут выполнены, начинается обучение. 

По сюжету игры игрок попадает в Нью-Йорк. Он продвигается по уровню, изучает новые слова и прокачивает разговорные навыки. Время обучения ограничено количеством энергии. Когда она закончится, придётся подождать, пока она восстановится.

Разница в геймплее только в том, что в платной версии за прохождение заданий пользователь сможет получать деньги. В остальном никаких отличий нет.

Как зарегистрироваться в Let me Speak

Команда готовилась к запуску два года: приложение встречает игрока интуитивно понятным дизайном. 

Для начала необходимо перейти на официальный сайт для регистрации. На стартовой странице пользователь указывает “Я новый пользователь”. После чего следует указать адрес почты и придумать пароль.

Let me Speak регистрация

Далее система предложит выбрать персонажа: создать самостоятельно или купить персонажа. Созданный персонаж сможет только учиться, а готовый будет учиться и зарабатывать. 

выбор персонажа

В случае, если игрок выберет готового персонажа, сайт переадресует его на собственный маркетплейс

После чего откроется страница, где игрок знакомиться с основной информацией о покупке NFT на маркетплейсе. А также пользователь может подключить свой кошелек или добавить любой криптокошелек, поддерживающий Solana.

Как вывести средства с баланса

Вывести средства можно в Web-версии, но внутри приложения Let me Speak эта функция недоступна.  

Для того чтобы вывести средства, игроку необходимо перейти в личный кабинет и выбрать кнопку “Claime” и “Swap to USDC”. Если кошелек привязан, то деньги автоматически переходят на него.

Советуем прочитать: Сбербанк отключат от SWIFT"

Аналоги Let me speak 

Похожие на Let me Speak проекты: 

  • Sweatcoin. Приложение платит за каждую тысячу шагов. Оплата происходит токенами SWEAT, которые можно потратить в 300 магазинов-партнеров. В приложении также работает реферальная программа. Оплачивается каждый приглашенный игрок. 
  • Fitmint и StepN. Оба приложения очень похожи. Пользователю необходимо выполнять физические упражнения: гулять, бегать или же тренироваться. Игрок выпускает собственное NFT, которое можно либо использовать для внутриигровых действий, либо обналичить для получения прибыли.
  • CYC’GO. Участник игры получает токены за передвижение, которые можно будет использовать для кастомизации NFT и заработка. Суть в NFT, которые будут представлены в виде велосипедов.

Let me Speak: плюсы, минусы, подводные камни

Данный проект имеет определенные минусы: чем сильнее персонаж, тем он будет стоить дороже. А также купите NFT можно только на собственном маркетплейсе. Их нельзя купить на самых популярных маркетплейса для продажи nft solana: magiceden и solonart

Цена за персонажа на маркетплейсе начинается от 75$ и достигает 10 тысяч долларов. Цена постоянно изменяется: это зависит от комьюнити, которые выставляют персонажей на продажу. 

Для первоначальных вложений потребуется около 80 долларов: 75 долларов на покупку и еще 5-10 долларов на прокачку. 

У приложения Let me Speak много общего со StepN, другим популярным nft-проектом. Он также может оказаться скамом.   

Главная миссия проекта — изучение английского языка, здесь уходит на второй план. Они выбирают самый легкий уровень изучения, чтобы проходить уровни максимально быстро. В данном проекте изучение английского — это просто красивая обертка, чтобы люди сюда приходили и покупали персонажей. 

Если сравнивать со StepN, то второй проект гораздо продуманнее. Там изначально есть выбор типа кроссовок. Пользователь может ходить или бегать. Человек занимается какой-то работой, которую нельзя пропустить или избежать. Если игрок выбирает раннеры, то необходимо бегать каждый день. В Let me Speak можно выбрать легкий уровень английского языка и выполнять задания. 

Будущее проекта let me: почему может оказаться скамом

Следующая причина — это накрученные подписчики во всех социальных сетях. Накрутку можно заметить на примере твиттера. Но в других соцсетях наблюдается похожая ситуация. Страница в твиттере имеет миллион подписчиков, но активность при этом очень слабая. Шестьдесят лайков говорят о минимальном интересе к проекту. 

Let me Speak твиттер

Также это видно в самом проекте. Если зайти на marketplace, то можно увидеть в продаже 1600 персонажей, количество которых не изменилось за несколько дней. 

купить персонажа

Внизу данного сайта видно всех рекламодателей. Среди партнеров значится Lingualeo, которые никак не подтвердили партнерство с проектом. 

Непродуманная экономика. Токены lstar не торгуются на биржах. Их можно тратить только на покупку NFT персонажей. Курс монет устанавливается разработчиками. 

Низкий функционал в игре — можно только изучать английский и покупать персонажей. Все держится только на новых игроках. Задача любого новичка, который входит в игру — купить двух персонажей NFT и сменить еще двух в будущем, так как первые два персонажа являются невыгодными. Пользователь должен окупить свои вложения. Но нет гарантии, что проект будет развиваться и будут приходить новые игроки. Из-за этого есть опасения, что постепенно интерес к игре и цена персонажей снизятся. С каждым пройденным занятием персонаж будет терять визу и становиться дешевле. 

Советуем прочитать: Let me Speak оказался скамом?"

Криптовалюта Let me speak: отзывы

Катя — Автор Телеграм-канала Инвестанутая:

«Данный проект, скорее всего, проживет до полугода, но это зависит от заинтересованности аудитории и от того, как они будут увеличивать свое комьюнити, но, тем не менее, перспектива на этом заработать еще есть, по аналогии с тем, как многие заработали благодаря NFT кроссовкам.»

Команда Procent — Телеграм-канал PROCENT:

«Посмотрим, достаточно ли у создателей механик, чтобы сдержать стабильную экономику проекта уже с выходом полноценного whitepaper. Но безусловно это может стать новым ответвлением популярного благодаря STEPN тренда Move-to-Earn».

Администратор NFT-Dealer — Телеграм-канал NFT-Dealer:

«Суть игры заключается в том, чтобы учить английский. Я пробовал, зарабатывал по 12 баксов в день, потом продал своего персонажа в небольшой плюс».

Юрий — Криптоинвестор:

«Move-2-Earn игра, общего со StepN практически нет, кроме того, что в игре нужно учить английский. Абсолютно другая механика, намного более напоминающая некогда популярную Pokemon GO».

Александр — фанат NFT:

«Это новый формат, который ранее не смог прижиться у других проектов. Прямо сейчас игра набирает популярность, в их твиттере уже более 1 000 000 подписчиков. Кто не знал, Stepn и Let me speak это тоже проекты Solana. Недавно разработчики перенесли запуск приложения на Андроид. То, что они переносят не супер хороший знак, но тот факт, что они объяснили почему, сохраняет доверие комьюнити»

Вывод

В этой статье команда diasp.pro рассмотрела новый nft-проект Let me Speak. Приложение можно скачать только в appstore. Чтобы начать зарабатывать, необходимо на маркетплейсе купить персонажа, в роли которого вы будете учиться и зарабатывать. Ежедневно пользователю после определенных действий начисляются токены lstar за правильные ответы. Чем более дорогой и уникальный персонаж, тем больший процент заработка он будет приносить игроку.

Дополнительные материалы про арбитраж трафика ищите в нашем блоге.  

Удачи и профита, друг! 

Что такое Let me Speak?
Сколько можно заработать в Let me Speak?
Сколько стоит купить Let me Speak?
Let me Speak — скам?

Комментарии отсутствуют. Будьте первым!

в ответ kakdelakisa

user avatar