@font-face { font-family: bold; src: url(../fonts/OpenSans/OpenSans-Bold.ttf); font-display: swap; } @font-face { font-family: semibold; src: url(../fonts/OpenSans-SemiBold.ttf); font-display: swap; } @font-face { font-family: regular; src: url(../fonts/OpenSans-Regular.ttf); font-display: swap; } :root { --main-color: #1ba9cc; --white-color: #fff; --black-color: #000; --green-color: #50ae55; --gray-color: #6f7782; --bg-color: #f2f2f2; --overlay-color: #00000073; --purple-color: #652bcd; --lp-bg-color: #ffffff25; --blue-color: #41bfe6; --bold-blue: #1ba9cc; --blue-color-2: #1ba9cc; --blue-color-3: #16a3c6; --primary-blue-color: #1ea9cc; --blur: blur(30px); --brown-color: #e65a41; --radius: 100px; --border-25: 0.25px solid #dbdbdb; --border-5: 0.5px solid #dbdbdb; --border: 1px solid #dbdbdb; --border-2: 2px solid #fff; --inset-shadow: inset 0.5px 0.5px 1px #dbdbdb; --out-shadow: 0 0 2px #dbdbdb; --color-blue: #16a3c6; } *, ::before, ::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } body { font-family: "Open Sans", sans-serif; background-color: var(--bg-color); font-size: 16px; } input[type="button"], input[type="submit"], input[type="text"] { -webkit-appearance: none; } input[type="file"], input[type="checkbox"], input[type="radio"] { display: none; } ::-webkit-scrollbar { width: 0 !important; display: none; } html::-webkit-scrollbar, .scroll-none::-webkit-scrollbar { display: none; height: 0; width: 0; } html, .scroll-none { -ms-overflow-style: none; scrollbar-width: none; } a { text-decoration: none; display: block; } ul { list-style-type: none; } a:focus, a:hover { text-decoration: none; } .cursor--pointer { cursor: pointer; } .bg-img { background-repeat: no-repeat; background-position: center; background-size: cover; } .w-full { width: 100%; } .h-full { height: 100%; } .mx-auto { margin-right: auto; margin-left: auto; } .mb-10 { margin-bottom: 10px; } .mb-5 { margin-bottom: 5px !important; } .mb-6 { margin-bottom: 6px; } .mt-40 { margin-top: 40px; } .mt-15 { margin-top: 15px; } .mt-30 { margin-top: 30px; } .mt-auto { margin-top: auto; } .mb-21 { margin-bottom: 21px; } .mb-23 { margin-bottom: 23px; } .mb-8 { margin-bottom: 8px; } .mt-5 { margin-top: 5px; } .mt-6 { margin-top: 6px; } .mt-10 { margin-top: 10px; } .p-20 { padding: 20px; } .pt-50 { padding-top: 50px; } .pt-90 { padding-top: 90px !important; } .pb-20 { padding-bottom: 20px !important; } .font-size-12 { font-size: 12px; } .font-size-14 { font-size: 14px; } .fs-25 { font-size: 25px; } .green-text { color: #54ad59 !important; } .color--white { color: var(--white-color) !important; } .color-primary-blue { color: var(--primary-blue-color); } .brown-text { color: var(--brown-color) !important; } .black-color { color: #000 !important; } .bg-smoke { background-color: #f7f7f7; } .bg-brown { background-color: var(--brown-color) !important; } .block { display: block !important; } .d--contents { display: contents; } .d--block { display: block; } .inline-block { display: inline-block; } .relative { position: relative; } .flex { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .justify-center { -webkit-justify-content: center; -webkit-box-pack: center; justify-content: center; -ms-flex-pack: center; } .justify-between { -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; } .items-center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .item-center { position: absolute; margin: auto; bottom: 0; right: 0; left: 0; top: 0; } .transform { -webkit-transform: var(--transform); -moz-transform: var(--transform); -ms-transform: var(--transform); -o-transform: var(--transform); transform: var(--transform); } .transform-x { position: absolute; left: 50%; --transform: translateX(-50%); } .transform-y { position: absolute; top: 50%; --transform: translateY(-50%); } .text-right { text-align: right; } .semibold { font-family: "semibold"; } .bold { font-family: "bold"; } .font-regular { font-family: "regular"; } .text-center { text-align: center; } .text-left { text-align: left; } .color-red { color: #f60535; } .m-auto { margin: auto; } .ml-auto { margin-left: auto; } .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .px-30 { padding: 0 30px; } .overflow-hidden { overflow: hidden !important; } .overflow-auto { overflow: auto; } .btn-0 { border: 0; outline: none; background-color: transparent; cursor: pointer; } .rounded { border-radius: var(--radius) !important; } .rounded-10 { border-radius: 10px; } .rounded-tl-10 { border-top-left-radius: 10px; } .rounded-tr-10 { border-top-right-radius: 10px; } .rounded-bl-10 { border-bottom-left-radius: 10px; } .rounded-br-10 { border-bottom-right-radius: 10px; } .body-bg { transition: opacity 0.5s ease-in, transform 0.5s ease; transform: scale(1.03); visibility: hidden; opacity: 0; } .bg-active { transform: scale(1); visibility: visible; opacity: 1; z-index: 4; } .line-clamp { -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; } .l-clamp-1 { -webkit-line-clamp: 1; } .l-clamp-2 { -webkit-line-clamp: 2; } .font-size-18 { font-size: 18px; } .space-nowrap { white-space: nowrap; } .lp-style { -webkit-backdrop-filter: var(--blur); transition: background 0.5s ease; background-color: #ffffff30; backdrop-filter: var(--blur); border-radius: 20px; } body.dark-mode .lp-container .lp-style { background-color: #00000075 !important; } .inp-box { background-color: var(--white-color); border: 1px solid #a2a3a3; border-radius: 7px; padding-left: 15px; font-size: 12px; height: 44px; outline: none; color: var(--black-color); width: 100%; caret-color: var(--primary-blue-color); font-family: "regular"; transition: all 0.3s; } .textarea.inp-box { height: 120px; resize: none; padding: 15px; } .inp-box::placeholder, .inp-box::-webkit-input-placeholder, .inp-box:-moz-placeholder { font-family: "regular"; color: #a3a2a2; font-size: 14px; } .inp-box:focus { border-color: var(--primary-blue-color); box-shadow: 0 0 0 0 #000; } .btn-p { max-width: 180px; width: 100% !important; border-radius: 5px; height: 41px; line-height: 41px; background-color: var(--primary-blue-color); box-shadow: var(--out-shadow); color: var(--white-color); font-size: 18px; font-family: "semibold"; cursor: pointer; } .form-btn { outline: none; border: 0; } .sidebar .apply-btn { box-shadow: 0 3px 6px #00000029; border-radius: 100px; } .long_btn { width: 100%; box-shadow: 0 0 2px #dbdbdb; border-radius: 7px; color: var(--white-color); height: 40px; line-height: 40px; cursor: pointer; } .circle-btn { border-radius: var(--radius); display: block; min-height: 50px; height: 50px; width: 50px; cursor: pointer; } .selectDrop_down-cont { width: 100%; height: 44px; border: 1px solid #d3d3d3; border-radius: 7px; cursor: pointer; } .openDropDown_cont span { font-size: 14px; color: #000; padding-left: 15px; line-height: 42px; user-select: none; -webkit-user-select: none; } .openDropDown_btn { height: 44px; width: 38px; background-color: #000; border-radius: 0 7px 7px 0; position: absolute; top: 0; right: 0; } .openDropDown_btn i { width: 18px; height: 21px; font-size: 20px; color: var(--white-color); } .hide_dropDown_btn { display: none !important; } .dropDown { background-color: var(--white-color); box-shadow: 0 0 3px gray; border-radius: 10px; position: absolute; top: -3px; left: 0; list-style-type: none; transition: opacity 0.3s ease-out; padding: 17px 5px 18px 6px; z-index: 999; width: 100%; visibility: hidden; opacity: 0; } .dropDown_item { padding: 9px 0 9px 10px; border-radius: 7px; transition: background-color 0.3s ease; user-select: none; -webkit-user-select: none; cursor: pointer; } .dropDown_item:hover { background-color: #f5f6f7; } .userInfo_dropDown { position: absolute; top: 74px; right: 20px; max-width: 300px; width: 100%; box-shadow: 0 3px 6px #00000029; border-radius: 10px; background-color: var(--white-color); z-index: 9999; visibility: hidden; opacity: 0; } .user_image { border-radius: var(--radius); display: block; min-height: 50px; height: 50px; width: 50px; cursor: pointer; } .user-info span { display: block; margin-left: 10px; } .user-info .user-name { max-width: 142px; font-size: 16px; } .user-info .user-name + span { color: #54ad59; font-size: 12px; } .user-info-img { width: 48px; height: 48px; border-radius: 100px; } .btn_35 { width: 35px; height: 35px; box-shadow: 0 3px 6px #00000029; border-radius: 5px; background-color: var(--brown-color); } .btn_35 .fa-pen { width: 16px; height: 14px; font-size: 16px; color: var(--white-color); } .hr-line-thin { border: var(--border-5); width: 100%; } .change-password { color: var(--black-color); } .userInfo_dropDown .signOut { background-color: var(--brown-color); height: 60px; font-size: 16px; color: var(--white-color); border-radius: 0 0 10px 10px; padding-left: 20px; line-height: 60px; z-index: 9999; } .dropDown_active { visibility: visible !important; opacity: 1 !important; z-index: 99999; } .userInfoDropDown-item-cont { padding: 0 9px 10px; } .userInfoDropDown-item-cont li { padding: 7px 0 8px 11px; font-family: "regular"; border-radius: 7px; } .userInfoDropDown-item-cont li:hover { background-color: #f5f6f7; } @media screen and (max-width: 340px) { .userInfo_dropDown { max-width: 90%; left: 50%; transform: translateX(-50%); } } .sidebar { background-color: var(--white-color); -webkit-transition: left 0.4s, bottom 0.4s; transition: right 0.4s, bottom 0.4s; position: fixed; overflow: auto; right: -451px; max-width: 450px; width: 100%; height: 100%; z-index: 999; top: 0; } .sidebar.DarkMode { background-color: #1c1c1c; } .show-sb { right: 0; } .sb-header { padding: 10px; position: absolute; width: 100%; } .sb-close-btn { transition: background-color 0.3s ease; color: var(--white-color); border-radius: 5px; min-width: 44px; height: 44px; width: 44px; background-color: #1ea9cc; z-index: 9; } .sb-close-btn i { height: 29px; width: 21px; font-size: 30px; } .sb-layer { display: none; } .show-layer { display: block; } .layer_content { color: var(--black-color); } .custom-sidebar-layer { height: 100%; } .SidebarContent { height: 100%; overflow: auto; padding: 20px 40px 0; max-height: 67vh; padding-bottom: 30px; word-wrap: break-word; } .SidebarContent ul { list-style-type: disc; padding: revert; } .SidebarContent ol { padding: revert; } #WgPfLy .layer_content { height: auto; margin-top: 94px; max-height: 100%; height: auto; padding-bottom: 50px; } .contact-big-img { min-width: 200px; max-width: 200px; height: 200px; background-color: var(--black-color); border-radius: 100px; font-size: 95px; font-weight: 700; line-height: 200px; color: var(--white-color); } .long-button { height: 50px; box-shadow: 0 3px 6px #00000029; border-radius: 7px; color: var(--white-color); line-height: 50px; } .sidebar.DarkMode .layer_content { color: var(--white-color); } .sb-image { padding-bottom: 66%; background-repeat: no-repeat; background-position: center; background-size: cover; } #PfWgBackground { height: 200px; padding-bottom: 0; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; } .read-more { max-height: 89px; } .max-height-none { max-height: unset; } .sb-layer .sb-image { width: 100%; margin: 0 auto; padding-bottom: 66%; } .sb-layer .layer-title { font-size: 32px; font-weight: 700; color: var(--black-color); } .sb-layer .policies span { display: block; color: #575757; font-size: 14px; } .sb-layer .underline { text-decoration: underline; text-decoration-color: #326dc9; color: #326dc9; } .sb-layer .applyInternBtn { min-width: 160px; padding: 0 21px; height: 40px; box-shadow: 0 3px 6px #00000029; border-radius: 100px; background-color: var(--black-color); color: var(--white-color); font-size: 16px; font-family: "semibold"; cursor: pointer; border: 0; display: inline-block; line-height: 40px; text-decoration: none; margin-top: 30px; } .sb-long-btn-cont { position: sticky; min-height: 51px; margin-top: auto; bottom: 20px; background-color: var(--white-color); } .sidebar.DarkMode .sb-long-btn-cont { background-color: #1c1c1c; } .sidebar-long-btn { border: 0.25px solid #118dac; background-color: #16a3c6; color: var(--white-color); font-weight: 700; border-radius: 7px; text-align: center; line-height: 50px; font-size: 16px; height: 50px; padding: 0 20px; max-width: 370px; width: 90%; margin-top: 0; } .lp-banner { user-select: none !important; margin-bottom: 30px; border-radius: 20px; max-height: 360px; max-width: 720px; margin-left: auto; margin-right: auto; } .lp-banner img { display: block; border-radius: 20px; object-position: center; vertical-align: middle; object-fit: cover; max-height: 360px; max-width: 720px; } .lp-banner .optional-banner-img { display: none; width: 100%; } .lp-container { max-width: 1140px; padding-bottom: 40px; margin-top: 74px; z-index: 9; } .NoWidget.lp-container { margin-top: clamp(250px, 13%, 15%); } .NoWidget.WidgetWithMenu { margin-top: clamp(190px, 13%, 15%); } .WidgetWithMenu.lp-container { margin-top: 0 !important; } .WidgetWithMenu.lp-container.NoWidget { margin-top: clamp(250px, 13%, 15%) !important; } .OnlyPfWg.lp-container { margin-top: 140px !important; } .WidgetWithMenu.OnlyPfWg.lp-container { margin-top: 66px !important; } .lp-shortcuts-container { margin-bottom: 30px; background-color: var(--lp-bg-color); padding: 23px 23px 25px 24px; } .lp-shortcut-btn { min-height: 189px; max-height: 189px; width: auto; } .shortcut-btn-wrap { padding: 15px 15px 10px; text-align: center; } .shortcut-btn { box-shadow: 0 3px 6px #00000029; background-color: #ffffff40; margin-bottom: 20px; border-radius: 20px; position: relative; cursor: pointer; display: block; height: 126px; width: 126px; margin-bottom: 13px; } .shortcut-btn-name { text-shadow: 0 3px 6px #00000029; -webkit-user-select: none !important; user-select: none !important; color: var(--white-color) !important; font-family: "semibold"; -webkit-line-clamp: 2; line-height: 18px; max-width: 126px; cursor: pointer; font-size: 14px; } .long-sh-btn .shortcut-btn { width: 282px; } .long-sh-btn .shortcut-btn-name { margin-left: auto; margin-right: auto; max-width: 270px; } .SbIntegrationImg, .sh_icon_cont { position: absolute; top: 0; left: 0; border-radius: 20px; width: 100%; height: 100%; pointer-events: none; } .sh_icon_cont { background-position: center; } .shortcut-btn i { width: 64px; font-size: 51px; color: var(--black-color); pointer-events: none; } .stack-close-btn i { font-size: 50px; pointer-events: auto; } .singleBtn-cont a { display: block; width: 100%; height: 100%; } .db-btn-cont { padding: 17.5px 0; position: relative; cursor: pointer; } .db-btn-cont::before { transition: opacity 0.2s ease-in; background-color: #000000a6; border-radius: 20px; position: absolute; height: 100%; content: ""; width: 100%; z-index: 99; opacity: 0; left: 0; top: 0; } .db-btn-act { transition: opacity 0.2s ease-in, border-color 0.2s linear; border: 1px solid var(--white-color) !important; box-shadow: 0 3px 6px #00000029; background-color: #000000a7; color: var(--white-color); text-decoration: none; -webkit-line-clamp: 1; border-radius: 100px; position: relative; padding: 5.7px 8px; visibility: hidden; line-height: 24px; font-weight: 600; font-size: 12px; cursor: pointer; margin: auto; opacity: 65%; z-index: 999; width: 85%; } .db-btn-act:hover { border-color: var(--white-color) !important; opacity: 100%; } .db-btn-act:first-child { margin-bottom: 16px; } .db-btn-cont.db-btn-active .db-btn-act { visibility: visible; } .db-btn-cont.db-btn-active::before { opacity: 1; } .db-btn-active { cursor: auto; } .shortcut-empty-place { width: 155px; height: 0; } .shortcut-empty-place span { background-color: #f2f2f22b; margin: 15px 15px 10px; pointer-events: none; border-radius: 20px; min-width: 126px; height: 126px; } .lp-widgets { margin-bottom: 30px; } .lp-widgets.NoWidget .lp-widgets { margin-bottom: 0; } .wdiget-added .profile-widget, .wdiget-added .profile-widget-cont, .wdiget-added .lp-add-widget, .wdiget-added .lp-wg-logo, .wdiget-added .logo-widget { margin: 5px; } .profile-widget { max-width: 560px; padding: 0 40px; height: 220px; } .profile-wg-avatar { box-shadow: 0 0 6px #00000029; border-radius: var(--radius); margin-right: 30px; min-width: 140px; height: 140px; width: 140px; background-color: var(--black-color); color: var(--white-color); font-size: 62px; text-align: center; line-height: 140px; font-weight: 700; min-height: 140px; } .widgets-added .profile-widget { max-width: 360px; padding: 34px 34px 32px; flex-direction: column; height: 360px; } .widgets-added .profile-widget-cont { max-width: 360px; margin-right: 30px !important; } .widgets-added .profile-widget-cont .profile-widget { margin: 0 !important; } .widgets-added .profile-wg-avatar { margin-right: auto; } .widgets-added .profile-info-cont { height: 100%; } .profile-info-cont { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; } .p-wg-subheader, .p-wg-name { max-width: 100%; } .p-wg-name { color: var(--white-color); font-weight: 700; -webkit-line-clamp: 2; margin-bottom: 3px; line-height: 33px; font-size: 28px; margin-top: 6px; max-width: 301px; display: block; } .p-wg-subheader { color: var(--white-color); -webkit-line-clamp: 1; line-height: 21px; font-size: 16px; font-family: "regular"; } .wg-join-btn { box-shadow: 0 3px 6px #00000029; background-color: var(--main-color); color: var(--white-color); font-weight: 700; border-radius: 7px; text-align: center; margin-right: 10px; line-height: 50px; margin-top: 15px; font-size: 16px; height: 50px; width: 100%; max-width: 267px; } .wg-join-btn-cont { display: none; } .profile-info-cont .wg-join-btn-cont { display: block; } .widgets-added .wg-join-btn { margin-right: 0; margin-top: 0; max-width: 100%; } .widgets-added .p-wg-name { margin-top: 6px; } .widgets-added .wg-join-btn-cont { margin-top: auto; } .logo-widget { height: 360px; width: 720px; } .logo-widget img { height: 100%; width: 100%; object-position: center; object-fit: cover; border-radius: 20px; } .logo-widget .optional-logo { display: none; } .widgets-added .logo-widget { height: 360px; width: 100%; } .lp-stack-btn { position: relative; cursor: pointer; height: 100%; width: 156px; } .stack-close-btn { background-color: var(--white-color); display: flex !important; } .lp-stack-btn.stack-acitve { display: none !important; } .lp-stack-btn .shortcut-btn-wrap { pointer-events: none; position: absolute; } .lp-stack-btn.stack-acitve ~ .stack-item-out { visibility: visible !important; background-color: #ffffff25; position: static !important; } .lp-stack-btn .shortcut-btn { transition: transform 0.2s ease, box-shadow 0.3s ease-in, background-color 0.5s ease; -webkit-transform: rotate(-10deg) scale(0.9); -moz-transform: rotate(-10deg) scale(0.9); transform: rotate(-10deg) scale(0.9); } .stack-close-wrap { z-index: 3; } .stack-close-wrap .shortcut-btn { -webkit-transform: rotate(10deg) scale(0.9); -moz-transform: rotate(10deg) scale(0.9); transform: rotate(10deg) scale(0.9); } .lp-stack-btn .shortcut-btn-wrap:nth-child(2) { z-index: 2; } .lp-stack-btn.stack-acitve ~ .stack-item-out .shortcut-btn { -webkit-transform: rotate(0) scale(1); -moz-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } .stack-close-wrap span { background-color: var(--white-color); border-radius: var(--radius); display: none; height: 41px; width: 41px; } .lp-stack-btn.stack-acitve ~ .stack-item-out.stack-close-wrap span { display: inline-block; } .stack-close-wrap span img { user-select: none; height: 15px; width: 15px; } .stack-close-wrap .shortcut-btn-name { pointer-events: none; } .lp-stack-btn.stack-acitve ~ .stack-item-out .shortcut-btn, .lp-stack-btn.stack-acitve ~ .stack-item-out .shortcut-btn-name { pointer-events: auto; } .lp-stack-btn .shortcut-btn-wrap .shortcut-btn-name { visibility: hidden; } .lp-stack-btn .shortcut-btn-wrap:first-child .shortcut-btn-name { visibility: visible; } .lp-stack-btn.stack-acitve ~ .stack-item-out .shortcut-btn-name { visibility: visible !important; } .stack-acitve ~ .stack-item-out .stack-close-btn::before { background: #000; border-radius: 20px; position: absolute; content: ""; bottom: 0; right: 0; left: 0; top: 0; } .stack_icon_cont { position: absolute; width: 100%; height: 100%; } .stack_icon_cont i { color: var(--black-color); font-size: 50px; pointer-events: none; } .img-obj-cont { white-space: nowrap; text-align: center; font-size: 0; } .img-obj-cont::before { vertical-align: middle; display: inline-block; height: 100%; content: ""; } .img-obj-cont img { vertical-align: middle; display: inline-block; max-height: 100%; max-width: 100%; height: auto; width: auto; } .toolTip { -moz-transform: translateX(-50%) translateY(-10px); transition: transform 0.2s ease, opacity 0.2s ease; transform: translateX(-50%) translateY(-10px); -webkit-box-shadow: var(--out-shadow); background-color: var(--white-color); -moz-box-shadow: var(--out-shadow); box-shadow: var(--out-shadow); pointer-events: none; white-space: nowrap; visibility: hidden; position: absolute; border-radius: 5px; line-height: 24px; color: #202225; font-weight: 700; font-size: 10px; padding: 0 8px; z-index: 99999; opacity: 0; } .max-h-155 { height: 155px !important; } @media screen and (max-width: 1270px) { .widgets-added .logo-widget { width: 360px; } .lp-container { max-width: 984px; } .widgets-added .logo-widget.OptionalLogoAdded .optional-logo { display: block; } .widgets-added .logo-widget.OptionalLogoAdded .main-logo { display: none; } } @media screen and (max-width: 1115px) { .lp-container { max-width: 828px; } } @media screen and (max-width: 935px) { .mt-0-i-m { margin-top: 0 !important; } .absolute-header-m { position: absolute; top: 0; right: 0; width: 100%; } .lp-container { max-width: 672px; } .lp-widgets { flex-direction: column; flex-direction: column; max-width: 360px; margin-left: auto; margin-right: auto; } .wdiget-added .lp-add-widget { margin-right: auto; margin-left: auto; margin-top: 20px !important; max-width: 446px; } .p-wg-name { margin-top: 6px; } .lp-widgets .profile-widget { padding: 34px 34px 32px; height: auto; width: 100%; flex-direction: column; margin: 5px !important; } .lp-widgets .WgJoinBtnAvailable.profile-widget { height: 360px; } .widgets-added .profile-widget-cont { margin: 5px !important; margin-bottom: 30px !important; } .widgets-added .profile-widget-cont .profile-widget { margin: 0 !important; } .profile-wg-avatar { margin-right: auto; } .wg-join-btn { margin-right: 0; margin-top: 0; max-width: 100%; } .logo-widget { height: 360px; width: 100% !important; } .lp-banner, .lp-banner img { max-width: 360px; height: 360px; } .lp-optional-banner .optional-banner-img { display: block; } .lp-optional-banner .main-banner-img { display: none; } .profile-info-cont { height: 100%; } .wg-join-btn-cont { margin-top: auto; display: block; } .profile-info-cont .wg-join-btn-cont { display: none; } .logo-widget.OptionalLogoAdded .optional-logo { display: block; } .logo-widget.OptionalLogoAdded .main-logo { display: none; } } @media screen and (max-width: 775px) { .lp-container { max-width: 632px; } .lp-container .shortcut-btn-wrap { padding: 8px 10px 6px; } .lp-container .shortcut-empty-place, .lp-container .lp-stack-btn { width: 146px; } .lp-container .shortcut-empty-place span { margin: 8px 10px 6px; } .long-sh-btn .shortcut-btn { width: 271px; } } @media screen and (max-width: 700px) { .lp-container { max-width: 624px; } .lp-widgets { flex-direction: column; } .lp-container .shortcut-btn-wrap { padding-right: 9px; padding-left: 9px; } .lp-container .shortcut-empty-place, .lp-container .lp-stack-btn { width: 144px; } .lp-container .shortcut-empty-place span { margin-right: 9px; margin-left: 9px; } lp-widgets { max-width: 360px; } .lp-widgets .profile-widget { margin: 0 !important; } } @media screen and (max-width: 680px) { .lp-container { max-width: 480px; } } @media screen and (max-width: 540px) { .lp-container { max-width: 480px; } } @media screen and (max-width: 525px) { .lp-container { max-width: 360px; } .lp-shortcuts-container { padding-right: 14px; padding-left: 16px; } .lp-shortcut-btn { margin-left: 10px; margin-right: 10px; } .lp-stack-btn.stack-acitve ~ .stack-item-out.shortcut-btn-wrap { padding-right: 19px; padding-left: 19px; } .lp-container .shortcut-empty-place span { margin-right: 19px; margin-left: 19px; } } @media screen and (max-width: 400px) { .lp-container { max-width: 320px; } .lp-shortcut-btn { margin-left: 0; margin-right: 0; } .logo-widget { height: 320px !important; } .lp-banner, .lp-banner img { height: 320px !important; } .lp-container .shortcut-empty-place span { margin-right: 9px; margin-left: 9px; } .profile-widget { max-height: 320px !important; } .profile-wg-avatar { min-width: 100px; height: 100px; width: 100px; line-height: 100px; min-height: 100px; font-size: 41px; } .lp-stack-btn.stack-acitve ~ .stack-item-out.shortcut-btn-wrap { padding-right: 9px; padding-left: 9px; } } @media screen and (max-width: 380px) { .long-sh-btn, .long-sh-btn .shortcut-btn { width: 100%; } .lp-container .shortcut-btn-wrap { padding-right: 8px; padding-left: 8px; } .lp-container .shortcut-empty-place, .lp-container .lp-stack-btn { width: 142px; } .lp-container .shortcut-empty-place span { margin-right: 8px; margin-left: 8px; } } @media screen and (max-width: 365px) { .logo-widget { height: 271px !important; } .lp-banner, .lp-banner img { height: 271px !important; } .profile-widget { max-height: 271px !important; padding: 19px 25px !important; } .p-wg-name { white-space: nowrap; -webkit-line-clamp: 1; } .wg-join-btn-cont { margin-top: 6px !important; } } @media screen and (max-width: 360px) { .lp-container { padding-right: 20px; padding-left: 20px; max-width: 311px; } .shortcuts-btns { margin-right: auto; margin-left: auto; max-width: 142px; } } @media screen and (max-width: 315px) { .lp-container { max-width: 280px; } .logo-widget { height: 231px !important; } .lp-banner, .lp-banner img { height: 231px !important; } .profile-widget { max-height: 231px !important; padding: 16px 25px 18px; } .p-wg-name { margin-top: 12px; line-height: 18px; font-size: 18px; } .p-wg-subheader { line-height: 19px; font-size: 14px; } .wg-join-btn { line-height: 35px; height: 35px; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .mr-auto { margin-right: auto; } .mt-189 { margin-top: 189px; } .grey-text { color: #575757; } .input-shadow { box-shadow: inset 1px 1px 1px #00000029; border: 1px solid #dbdbdb; } .lp-bg-image, .launchPad-bg-color { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .lp-bg-image { z-index: 1; } .social-media-stack .bg-img { background-size: 156px; } .signIn-form-cont { margin-top: 170px; animation: fadeIn 0.4s ease-in-out; } .signIn-form-cont .form-header h1 { font-family: "semibold"; font-size: 28px; } .signIn-form-cont .ResetPassForm { max-width: 376px; width: 100%; margin-left: 30px; margin-right: 44px; } .signIn-form-cont .form-column label { display: block; font-size: 16px; user-select: none; -webkit-user-select: none; } .signIn-form-cont .form-column input { height: 50px; padding-left: 17px; } .layer-header h1 { font-size: 32px; font-weight: 700; } .sb-apply-layer form { margin-top: 23px; } .sb-apply-layer .form-column { margin-bottom: 15px; } .sb-apply-layer .form-column label { display: block; font-size: 14px; font-family: "semibold"; margin-bottom: 6px; user-select: none; -webkit-user-select: none; } .sb-apply-layer .form-column input { box-shadow: inset 1px 1px 1px #00000029; border: 1px solid #dbdbdb; } .apply-success-ly .layer-content { padding: 50px 40px 0; } .apply-success-ly .layer-content h1 { font-size: 32px; font-weight: 700; } .apply-success-ly .layer-content p { font-size: 12px; color: #575757; } .success-txt { color: #63c2a0; } .layer-img { background-image: url(/images/launchpad/bubble.png); max-width: 233px; width: 100%; height: 198px; position: absolute; top: 41px; left: 50%; transform: translateX(-50%); z-index: -1; } .messageUs-form-cont { margin-top: 50px; } .messageUs-form-cont .form-title { font-size: 32px; } .messageUs-form-cont .MessageUsForm { padding: 0 39px 0 41px; } .messageUs-form-cont .MessageUsForm textarea { min-height: 120px; padding-top: 13px; padding-right: 15px; resize: none; } .messageUs-form-cont .MessageUsForm .submit-btn { margin-top: 30px; } @media screen and (max-width: 450px) { .WidgetWithMenu.lp-container, .lp-container { margin-top: 15% !important; } .apply-success-ly .layer-content { padding: 50px 20px 0; } .apply-success-ly .layer-content h1:not(.success-txt) { font-size: 26px; } .apply-success-ly .layer-content p { font-size: 10px; } } @media screen and (max-width: 380px) { .sb-apply-layer .layer-header h1 { font-size: 25px; font-weight: 700; } .sb-apply-layer .layer-header p { font-size: 11px; } .apply-success-ly .layer-content h1:not(.success-txt) { font-size: 24px; } } @media screen and (max-width: 380px) { .apply-success-ly .layer-content h1:not(.success-txt) { font-size: 24px; } .apply-success-ly .layer-content p { font-size: 9px; } } @media screen and (max-height: 700px) { .signIn-form-cont { flex-direction: column; } .back-signIn, .signIn-admin { position: relative !important; margin-top: 100px; } } .mt-8 { margin-top: 8px; } .short-dropDown-cont { margin-left: 20px; } .short-dropDown-title { color: #171717; } .short-dropDown { max-width: 185px; width: 100%; } .short-dropDown .openDropDown_cont span { color: #313030; } .lightBox { opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; height: 100%; width: 100%; overflow: auto; z-index: 999999; pointer-events: none; transition: 0.5s; } .lightBox_active { opacity: 1; visibility: visible; pointer-events: auto; } .lightBox-content { display: none; max-width: 1100px; width: 100%; background-color: #f2f1f0; margin: 95px auto; border-radius: 15px; } .lb-contentActive { display: block !important; } .lightboxClose-btn { width: 60px; min-height: 60px; height: 60px; position: absolute; top: -70px; right: 0; } .lightboxClose-btn i { width: 20px; height: 28px; font-size: 31px; color: var(--white-color); } .lightBox-closeBtn-long { max-width: 189px; width: 100%; height: 55px; background-color: var(--brown-color); border-radius: 7px; margin: 30px auto; } .lightBox-closeBtn-long span { color: var(--white-color); font-weight: 700; font-size: 18px; } .lightBox-closeBtn-long i { font-size: 18px; margin-right: 5px; margin-top: 3px; color: var(--white-color); } .ourEcosytemInfo-cont { padding-top: 91px; } .ourEcosytemInfo-cont span { font-size: 60px; color: var(--blue-color); font-weight: 600; margin-left: 86px; } .ourEcosytemInfo-cont span::before { content: ""; position: absolute; bottom: 15px; right: -20px; width: 19px; height: 19px; border-radius: 100px; background-color: var(--brown-color); } .lightBox-closeBtn-long { position: absolute; left: 0; right: 0; } .ourEcosytemInfo-cont .ourEcosystem-img { max-width: 1110px; width: 100%; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .fixed-0 { position: fixed; bottom: 0; right: 0; left: 0; top: 0; } .liveStream-lightbox { overflow: auto; z-index: 1000000; } .lightbox-active, .loader-active { display: block !important; } .bg-blur { -webkit-backdrop-filter: var(--blur); background-color: #000000e6; transition: opacity 0.5s ease; backdrop-filter: var(--blur); z-index: 0; opacity: 0; } .lightbox-active .bg-blur { animation: fadeIn 0.5s ease; opacity: 1; } .lightbox-active .liveStream-cont, .lightbox-active.lightbox-cont { animation: zoomIn 0.5s ease; transform: scale(1); opacity: 1; } .liveStream-cont { transition: transform 0.5s ease, opacity 0.5s ease; transform: scale(0.9); padding-bottom: 20px; margin-bottom: 50px; max-width: 1262px; margin-top: 50px; opacity: 0; width: 95%; } .stream-header { margin-bottom: 13px; } .stream-title { color: var(--white-color); } .stream-title h1 { -webkit-line-clamp: 2; font-weight: 700; line-height: 38px; font-size: 28px; max-width: 90%; } .stream-title span { font-family: "regular"; -webkit-line-clamp: 1; line-height: 25px; font-size: 16px; max-width: 90%; } .lbox-btn { transition: background-color 0.3s ease; color: var(--white-color); border-radius: 5px; min-width: 44px; height: 44px; width: 44px; } .lbox-btn:hover:not(#showMoreInfo.clicked:hover) { background-color: #2b2b2b; } .lb-close-btn .fa-xmark { font-weight: 400; font-size: 30px; height: 29px; width: 19px; } .liveStream-items { margin-bottom: 4%; } .liveStream-video { flex: 1; margin-right: 20px; } .liveStream-video-iframe, .liveStream-chat-iframe, .liveStream-col, .liveStream-banner { height: 0; background-color: #f2f2f22b; } .liveStream-video-iframe { padding-bottom: 57%; } .rounded-20 { border-radius: 20px; } .content-loader::before { background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgb(255 255 255 / 34%) 30%, rgb(255 255 255 / 0%) 81% ); animation: loader-animate 0.7s linear infinite; position: absolute; height: 100%; content: ""; width: 100%; left: 0; top: 0; } .lightbox-cont .content-loader::before { background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgb(255 255 255 / 34%) 30%, rgb(255 255 255 / 0%) 81% ); } .content-loader, .liveStream-w .liveStream-chat, .disableImageDescription .image-description, .disableBannerImg .liveStream-banner, .disableLsChat .liveStream-chat { display: none; } .z-5 { z-index: 5; } .absolute-0 { position: absolute; left: 0; top: 0; } .absolute-a-0 { position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .liveStream-chat { width: 33.5%; } .liveStream-chat-iframe { padding-bottom: 110.5%; } .liveStream-col { width: 47.55%; padding-bottom: 23.78%; } .liveStream-desc p { color: var(--white-color); line-height: 22px; font-size: 18px; display: block; padding: 20px; } .liveStream-banner { padding-bottom: 23.78%; } @media screen and (max-width: 995px) { .stream-title h1 { line-height: 29px; font-size: 21px; } .liveStream-items { -webkit-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; margin-bottom: 0; } .liveStream-video, .liveStream-chat, .liveStream-col { margin-bottom: 5%; margin-right: 0; width: 100%; } .liveStream-chat-iframe { height: 350px; padding: 0; } .liveStream-items { -webkit-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; margin-bottom: 0; } .liveStream-col { padding-bottom: 49.78%; } .liveStream-desc { padding-bottom: 0; height: auto; } } @media screen and (max-width: 500px) { .stream-title h1 { line-height: 21px; font-size: 19px; } .stream-title span { line-height: 23px; font-size: 14px; } } @keyframes zoomIn { 0% { transform: scale(0.9); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @media screen and (max-width: 1100px) { .lightBox { padding: 0 20px; } .lightboxClose-btn { right: 20px; } } @media screen and (max-width: 660px) { .ourEcosytemInfo-cont span { font-size: 40px; } .ourEcosytemInfo-cont span::before { bottom: 12px; right: -14px; width: 13px; height: 13px; } } @media screen and (max-width: 550px) { .ourEcosytemInfo-cont .info-title { margin-left: 30px; } } @media screen and (max-width: 470px) { .ourEcosytemInfo-cont .info-title { font-size: 30px; } .ourEcosytemInfo-cont span::before { bottom: 8px; right: -13px; width: 9px; height: 9px; } } @media screen and (max-width: 420px) { .ourEcosytemInfo-cont .info-title { font-size: 20px; } .ourEcosytemInfo-cont span::before { bottom: 4px; } .short_dropDowns-cont { flex-direction: column; } .short-dropDown-cont { margin-left: 0; } .short-dropDown { max-width: 100%; } .short-dropDown-cont .short-dropDown:nth-child(1) { margin-top: 15px; } } .lightbox-cont { transition: transform 0.5s ease, opacity 0.5s ease; background-color: #000000e6; transform: scale(0.9); border-radius: 10px; padding: 64px 10px; z-index: 1000000; height: 97%; width: 97%; opacity: 0; } .lbox-header { top: 10px; left: 0; } .lbox-header, .lbox-footer { padding-right: 10px; padding-left: 10px; position: fixed; } .lbox-file-name { color: var(--white-color); font-family: "semibold"; line-height: 44px; margin-left: 10px; font-size: 16px; } .lbox-file-name i { margin-right: 15px; margin-top: 11px; font-size: 24px; height: 24px; width: 18px; } #lboxFileName { -webkit-line-clamp: 1; position: absolute; width: 50%; left: 53px; font-family: "semibold"; } .lb-close-btn .fa-xmark { font-weight: 400; font-size: 30px; height: 29px; width: 19px; } .pdf-lbox-cont { max-width: 1100px; } .pdfLbox-iframe-cont { padding-top: 56.25%; height: 0; } .lbox-videoIframe-cont { padding-bottom: 56.25%; height: 0; } .progress-bar { background-color: var(--white-color); border-radius: 10px 10px 0 0; position: fixed; height: 3px; width: 0; top: 0; left: 0; } .lbox-gallery-header { padding-left: 20px; color: #999; position: fixed; font-size: 16px; width: auto; left: 5px; top: 20px; } #galleryImgPlayePause { position: fixed; top: 10px; right: 162px; } #galleryImgPlayePause i { font-size: 28px; height: 26px; width: 21px; animation: zoomIn 0.3s ease; } #galleryImgPlayePause .fa-pause { width: 18px; } #galleryImgPlayePause i { font-size: 28px; height: 26px; width: 21px; animation: zoomIn 0.3s ease; } #galleryImgPlayePause.play-active .fa-play { display: none; } #galleryImgPlayePause.play-active .fa-pause { display: block; } .progress-active { animation: progress-animate 5s infinite; } .lbox-img-item { padding-bottom: 82px; } .img-obj-cont img { vertical-align: middle; display: inline-block; max-height: 100%; max-width: 100%; height: auto; width: auto; } .img-caption { position: absolute; right: 0; color: #fff; bottom: 100px; left: 0; max-width: 1092px; text-align: center; margin: 0 auto; background-color: #000; z-index: 999; border-radius: 3px; padding: 18px; overflow: auto; max-height: 278px; -ms-overflow-style: none; scrollbar-width: none; } .img-caption::-webkit-scrollbar { display: none; } .lbox-img-previous { left: 2%; } .lbox-img-previous, .lbox-img-next { transform: translateY(-41px); margin-bottom: auto; position: absolute; margin-top: auto; z-index: 9; bottom: 0; top: 0; } .lbox-img-next { right: 2%; } .lbox-imgItem-name { color: var(--white-color); position: absolute; text-align: center; font-size: 16px; bottom: 46px; left: 0; } .lbox-thumbs-cont { position: fixed; bottom: 5px; left: 0; } .h-scroll { scrollbar-color: rgba(255, 255, 255, 0); -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; overflow-y: hidden; overflow-x: scroll; cursor: grab; } .lbox-img-thumbs { vertical-align: middle; padding: 10px 40px; } .lbox-thumb-item { border: var(--border-2); border-radius: 4px; overflow: hidden; margin-right: 5px; min-width: 100px; width: 100px; height: 80px; } .lbox-img-thumbs .lbox-thumb-item:first-child { margin-left: auto; } .lbox-img-thumbs .lbox-thumb-item:last-child { margin-right: auto; } .lbox-thumb-obj { vertical-align: middle; object-fit: cover; max-width: 100%; display: block; height: 100%; width: 100%; } .lbox-footer { bottom: inherit; right: 54px; top: 10px; } #lboxDownloadBtn .fa-solid { font-size: 24px; height: 21.7px; width: 30.1px; } #lboxOpenNewTabBtn .fa-clone { font-size: 24px; width: 24.1px; height: 22px; } @keyframes loader-animate { 0% { transform: translate3d(-100%, 0, 0); } 100% { transform: translate3d(100%, 0, 0); } } .daily-report-ly .form-title-cont .form-title { font-size: 32px; font-weight: 700; } .color-boldGrey { color: #757575; } .date-inp { width: 100%; outline: none; border: none; border-bottom: 1px solid #949494; padding: 5px 20px 5px 0; font-size: 16px; font-family: "semibold"; color: #212121; } .date-inp::placeholder { font-size: 16px; font-family: "semibold"; color: #212121; } .gj-picker { z-index: 99999999999; } .small-inp-cont { max-width: 186px; } .font-size-24 { font-size: 24px; } .ml-5 { margin-left: 5px; } .ml-18 { margin-left: 18px; } .mt-11 { margin-top: 11px; } .mt-20 { margin-top: 20px; } .daily-report-ly .form-column textarea { resize: none; height: 116px; padding: 10px 15px 0; } .layer-with-image { margin-top: 225px; padding: 0 56px 81px 40px; } .important-contacts-ly .layer-with-image .header-txt { font-size: 32px; } #lboxVideoIframe { height: 85%; } .empty-inp { border-color: red; } .checkbox-inp:checked + .fa-square { display: none; } .checkbox-inp:checked ~ .fa-square-check { display: block !important; } @media screen and (max-width: 440px) { .small-inp-conts { flex-direction: column; width: 100%; } .small-inp-cont { max-width: 100%; margin-left: 0; margin-right: 0; } .total-daily { margin-left: 0; } }