:root { --successGreen: #32936F; --brandYellow: #ffda30; --failureRed: #E03A3A; --textBlack: #212121; --errorRed: #B60707; --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --lightGreen: #0EB20B; --link-hover: #0056b3; --border-gray:#e5e5e5; --light-gray:#F1F1F1; --light-gray-D9:#D9D9D9; --light-gray-DF:#DFDFDF; --bg-yellow:#ffdb2d; --bg-light-green: #57C490; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bg-green-light: #81c457; --amber: #ab6008; --primary-blue: #002dcb; --ocean-blue: #00769d; --mint: #d5eae3; --orange-light: #f18505; --charcoal:#212529; --charcoal-light: #495057; --blue-light: #0062cc; --black-hover : #16181b; --lightest-yellow: #FFFDF1; --primary-navy: #16497B; --gray-A6: #a6a6a6; --dark-gray-7C : #7c7c7c; --link-blue: #0A66C2; --dark-orange: #BC6601; --border-gray:#dee2e6; --border-gray2: #ebebeb; --border-light-blue: #80bdff; --light-blue: #C7E3FF; --light-brown: #9C7B55; --light-brown-bg: #FFEEDE; --bg-light-gray-E9: #E9E9E9; --bg-light-gray-e0: #e0e0e0; --bg-light-gray-f9: #F9F9F9; --bg-gray-bf: #BFBFBF; --bg-light-gray-f2: #F2F2F2; --bg-dark-gray: #545b62; --bg-light-gray-e9 : #e9ecef; --bg-muted-gray: #ced4da; --bg-peach-light: #fff5ea; --bg-peach: #ffe3c2; --bg-aqua-blue-light: #adecce; --bg-aqua-blue-light-2: #adecf0; --bg-aqua-blue: #57bdc4; --bg-light-yellow2: #fcf8e3; --bg-light-yellow:#fffceb; --bg-primary-dark:#0c0c0c; --bg-green: #1e7e34; --rgb-light-gray: rgb(248, 248, 248); --rgb-gray: rgb(85, 85, 85); --rgb-light-gray-75: rgba(206,204,204,.75); --rgb-light-gray-40 : rgba(255,255,255,.4); --rgb-light-gray-50 : rgba(255,255,255,.5); --rgb-light-gray-60: rgba(255, 255, 255, 0.6); --rgb-light-gray-64: rgba(255,255,255,.64); --rgb-light-gray-80: rgba(255,255,255,.8); --rgb-light-gray-85: rgba(255,255,255,.85); --rgb-light-gray-90: rgba(255,255,255,.9); --rgb-light-gray-12 : rgba(255,255,255,.12); --rgb-light-gray-15 : rgba(255,255,255,.15); --rgb-light-gray-20: rgba(255, 255, 255,.20); --rgb-light-gray-24: rgba(255, 255, 255,.24); --rgb-light-gray-32: rgba(255, 255, 255,.32); --rgb-light-gray-72: rgba(255, 255, 255,.72); --rgb-gray-20: rgba(186, 186, 186, 0.20); --rgb-gray-40: rgba(186, 186, 186, 0.4); --rgb-gray-60: rgba(186, 186, 186, 0.6); --rgb-gray-50: rgba(130,138,145,.5); --rgb-gray2-60: rgba(124, 124, 124, 0.6); --rgb-dark: rgba(0,0,0,0); --rgb-dark-02: rgba(0,0,0,0.02); --rgb-dark-10: rgba(0,0,0,.1); --rgb-dark-05: rgba(0,0,0,.05); --rgb-dark-15: rgba(0, 0, 0, 0.15); --rgb-dark-20 : rgba(0,0,0,.2); --rgb-dark-19: rgba(0, 0, 0, 0.19); --rgb-dark-30: rgba(0, 0, 0, 0.3); --rgb-dark-40: rgba(0,0,0,0.40); --rgb-dark-50: rgba(0,0,0,.5); --rgb-dark-60: rgba(0, 0, 0, 0.6); --rgb-dark-70: rgba(0,0,0,.7); --rgb-dark-72: rgba(0,0,0,.72); --rgb-dark-85: rgba(0,0,0,.85); --rgb-dark-075: rgba(0,0,0,.075); --rgb-dark-125: rgba(0,0,0,.125); --rgb-dark-175: rgba(0,0,0,.175); --rgb-overlay-dark-20: rgba(35, 35, 35, 0.20); --rgb-blue-25: rgba(0,123,255,.25); --rgb-blue-50: rgba(38,143,255,.5); --rgb-focus-blue-50: rgba(0,123,255,.5); --rgb-navy-tint: rgb(18 32 92 / 10%); --rgb-green-50: rgba(72,180,97,.5); --rgb-cyan-50: rgba(58,176,195,.5); --rgb-dark-yellow-50: rgba(222,170,12,.5); --rgb-gray-light-50: rgba(216,217,219,.5); --rgb-green-shade-25: rgba(40,167,69,.25); --rgb-green-shade-90 : rgba(40,167,69,.9); --rgb-green-shade-50 :rgba(40,167,69,.5); --rgb-cyan-shade-50 : rgba(23,162,184,.5); --rgb-amber-shade-50 : rgba(255,193,7,.5); --rgb-red-shade-50 : rgba(220,53,69,.5); --rgb-light-red-shade-50 : rgba(225,83,97,.5); --rgb-red-shade-25 : rgba(220,53,69,.25); --rgb-danger-red-90: rgba(220,53,69,.9); --rgb-dark-shade-50 : rgba(0,0,0,.15); --rgb-navy-shade-50 : rgba(18,32,92,.15); --rgb-black-shade-32 : rgba(35,35,35,.32); --rgb-black-shade-64 : rgba(0,0,0,.64); --rgb-gray-shade-50 : rgba(248,249,250,.5); --rgb-gray-shade2-50 : rgba(108,117,125,.5); --rgb-dark-gray-shade-50 : rgba(52,58,64,.5); --rgb-dark-gray-shade2-50 : rgba(82,88,93,.5); --rgb-black-30: rgba(12,0,0,.3); --rgb-black-shade-20: rgba(166, 163, 158, 0.2); --rgb-gray-gredient-72: rgba(182, 182, 182, 0.72); --rgb-navy-shade-15: rgba(18, 32, 92, 0.15); --rgb-navy-shade-30: rgba(18, 31, 53, 0.3); --rgb-dark-gray-100: rgba(107, 107, 107, 1); --rgb-dark-gray-60: rgba(107, 107, 107, 0.6); --rgb-bg-gray-20: rgba(245, 245, 245, 0.5); /*/*/ --rgb-gredient-gray-72: rgba(245, 245, 245, 0.72); --rgb-gredient-gray-32: rgba(245, 245, 245, 0.32); --rgb-bg-gray-50: rgba(165, 159, 159, 0.5); --rgb-bg-dark-blue-20: rgba(56, 74, 215, 0.20); --rgb-dark-black-100: rgba(35, 31, 32, 1); --rgb-dark-black-0: rgba(12, 12, 12, 0); --rgb-dark-black-18: rgba(12, 12, 12, 0.18); --rgb-dark-blue-shade-16: rgba(25, 118, 210, 0.16); --rgb-border-light-gray-40: rgba(206, 204, 204, 0.4); --rgb-dark-black-80: rgba(29, 29, 29, 0.8); --rgb-light-red-80: rgba(254, 242, 242, 0.8); --rgb-dark-gray-10 : rgba(107, 107, 107, 0.10); --rgb-dark-gray-12 : rgba(107, 107, 107, 0.12); --rgb-dark-gray-20 : rgba(107, 107, 107, 0.20); --rgb-dark-gray-60 : rgba(107, 107, 107, 0.60); --rgb-dark-gray-69 : rgba(107, 107, 107, 0.69); --rgb-dark-24: rgba(0, 0, 0, .24); --rgb-peach-gredient-50 : rgba(255, 218, 191, 0.5); --rgb-bg-peach-32: rgb(255 218 48 / 32%); --rgb-bg-peach-50: rgba(255, 218, 48, 0.5); --rgb-gray-gredient-20 : rgba(171, 184, 193, 0.34); --rgb-gray-gredient-50 : rgba(249, 244, 198, 0.5); --rgb-gray-shade-24 : rgba(129, 127, 127, 0.24); --rgb-warm-pink-gredient-94 : rgba(255, 234, 222, 0.94); --rgb-warm-pink-gredient-94-nonOpaque : rgb(255, 235, 223); --rgb-warm-pink-gredient-75 : rgba(255, 234, 222, 0.75); --rgb-gray-gredient-94 : rgba(249, 244, 198, 0.94); --rgb-light-blue-gredient-80 : rgba(221, 227, 255, 0.80); --rgb-light-yellow-gredient-30 : rgba(255, 235, 209, 0.30); --rgb-gray-gredient-75 : rgba(228, 228, 235, 0.75); --rgb-lavender-gredient-80 : rgba(239, 238, 255, 0.80); --rgb-light-gray-56 : rgba(248, 248, 248, 0.56); --rgb-light-gray-16 : rgba(199, 227, 255, 0.16); --rgb-light-blue-100 : rgba(199, 227, 255, 1); --rgb-light-blue-24 : rgba(199, 227, 255, 0.24); --rgb-bg-light-gray: rgba(255, 253, 241, 1); --rgb-overlay-dark-shade-20: rgba(35, 35, 35, 0.20); } :root { --successGreen: #32936F; --brandYellow: #ffda30; --failureRed: #E03A3A; --textBlack: #212121; --errorRed: #B60707; --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --text-orange: #FF8A00; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --lightGreen: #0EB20B; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; } .text-green { color: var(--successGreen)!important; } .menuLinkBtn { cursor: pointer; } .menuLinkBtn img { pointer-events: none; } .fadedTextBtn { color: var(--text-field-outline-2); border: none; background: 0 0; font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 22px; transition: all .35s; -webkit-transition: all .35s; } .fadedTextBtn:hover { color: var(--textBlack); text-decoration: underline; transition: all .35s; -webkit-transition: all .35s; } .successLabelBtn { background: 0 0; padding: 8px 24px; border: 2px solid var(--successGreen)!important; border-radius: 27px; font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 22px; color: var(--successGreen); display: flex; align-items: center; gap: 16px; cursor: default!important; } .checkmark_icon { width: 27px; height: 27px; border-radius: 50%; display: block; stroke-width: 2; stroke: var(--white); stroke-miterlimit: 10; box-shadow: inset 0 0 0 var(--successGreen); animation: fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both; } .checkmark_icon .checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: var(--successGreen); fill: none; animation: stroke .6s cubic-bezier(.65,0,.45,1) forwards; } .checkmark_icon .checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards; } @keyframes stroke { 100% { stroke-dashoffset: 0; } } @keyframes scale { 0%, 100% { transform: none; } 50% { transform: scale3d(1.1,1.1,1); } } @keyframes fill { 100% { box-shadow: inset 0 0 0 30px var(--successGreen); } } #scroll-up-button { display: none; position: fixed; bottom: 20px; right: 20px; width: 44px; height: 44px; color: var(--white); text-align: center; font-size: 24px; line-height: 40px; z-index: 9999; background: var(--bg-secondary); border-radius: 8px; } .container { max-width: 1278px; } .section-text { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; } .summary-title { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 18px; line-height: 22px; margin-bottom: 8px; } .summary-text { color: var(--text-gray); font-family: Montserrat,sans-serif; font-weight: 600; font-size: 14px; line-height: 17px; } .summary-per { color: var(--text-gray); font-family: Montserrat,sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: .04em; } .profile-section { padding: 64px 0 48px; position: relative; z-index: 1; } .profile-section .container { max-width: 1248px; } .profile-section::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bg-light-yellow); border-radius: 0 0 400px 0; -webkit-border-radius: 0 0 400px 0; -moz-border-radius: 0 0 400px 0; -khtml-border-radius: 0 0 400px 0; transform: matrix(-1,0,0,1,0,0); z-index: -1; } .profile-section .profile-wrap { display: flex; column-gap: 32px; } .profile-section .profile-wrap .profile-img-wrap { min-width: 273px; } .profile-section .profile-wrap .profile-img-wrap .profile-img { min-width: 265px; min-height: 265px; width: 265px; height: 265px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; position: relative; } .profile-section .profile-wrap .profile-img-wrap .profile-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; overflow: hidden; } .profile-section .profile-wrap .profile-img-wrap .profile-img::before { content: ""; background-color: var(--bg-primary-dark); border: 2px solid var(--secondary-black); position: absolute; top: 5px; bottom: -5px; left: 6px; right: -6px; z-index: -1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; transform: scaleX(1.03); } .profile-section .profile-wrap .profile-img-wrap .play-btn { padding: 12px 24px; background-color: var(--brandYellow); display: flex; align-items: center; justify-content: center; column-gap: 8px; border: 1px solid var(--brandYellow); border-radius: 27px; -webkit-border-radius: 27px; -moz-border-radius: 27px; -khtml-border-radius: 27px; color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 700; font-size: 14px; line-height: 17px; position: relative; z-index: 1; cursor: pointer; } .profile-section .profile-wrap .profile-img-wrap .play-btn .play-icon { display: flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; background-color: var(--rgb-light-gray-64); border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -khtml-border-radius: 16px; } .profile-section .profile-wrap .profile-img-wrap .location-text { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 14px; line-height: 17px; display: flex; justify-content: center; column-gap: 8px; } .profile-section .profile-wrap .profile-img-wrap .location-text img { max-width: 11px; } .profile-section .profile-wrap .profile-details { width: 100%; } .profile-section .profile-wrap .profile-details .profile-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; } .profile-section .profile-wrap .profile-details .profile-title .pd-btn-wrap .back-btn { color: var(--text-gray); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 18px; line-height: 22px; text-transform: capitalize; display: flex; align-items: center; column-gap: 20px; background-color: transparent; border: none; outline: 0; cursor: pointer; } .profile-section .profile-wrap .profile-details .profile-title h1 { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 600; font-size: 43px; line-height: 52px; text-transform: capitalize; } .profile-section .profile-wrap .profile-details .profile-title .download-btn { display: flex; align-items: center; column-gap: 8px; background-color: transparent; border: none; cursor: pointer; color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 14px; line-height: 17px; text-decoration-line: underline; text-transform: capitalize; } .profile-section .profile-wrap .profile-details .profile-title .download-btn .download-icon { min-width: 32px; min-height: 32px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--text-field-outline-2); border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -khtml-border-radius: 16px; } .profile-section .profile-wrap .profile-details .introduction { max-width: 844px; margin-bottom: 40px; } .profile-section .profile-wrap .profile-details .introduction p { font-size: inherit; font-weight: 400!important; line-height: inherit; margin-bottom: 0; } .profile-section .profile-wrap .profile-details .read-more { color: var(--RA-primary-cta); font-weight: 600; cursor: pointer; } .profile-section .profile-wrap .profile-details .read-more:hover { text-decoration: underline; } .profile-section .profile-wrap .profile-details .pd-data-list { display: flex; align-items: center; column-gap: 120px; margin-bottom: 56px; } .profile-section .profile-wrap .profile-details .pd-data-list li span { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 400; font-size: 18px; line-height: 22px; display: inline-block; margin-bottom: 8px; } .profile-section .profile-wrap .profile-details .pd-data-list li h2 { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 600; font-size: 27px; line-height: 33px; text-transform: capitalize; } .profile-section .profile-wrap .profile-details .skillsets-wrap h3 { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 600; font-size: 18px; line-height: 22px; margin-bottom: 16px; position: relative; display: inline-block; } .profile-section .profile-wrap .profile-details .skillsets-wrap h3::before { content: ""; width: 16px; height: 16px; background-color: var(--brandYellow); position: absolute; top: 0; right: -12px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -khtml-border-radius: 16px; z-index: -1; } .profile-section .profile-wrap .profile-details .skillsets-wrap .skills-list { display: flex; align-items: center; flex-wrap: wrap; column-gap: 8px; row-gap: 16px; } .skills-section .skills-wrap .summary-wrap .skill-tab-intrest li u { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 600; font-size: 14px; line-height: 17px; text-decoration-line: underline; cursor: pointer; } .skills-section .container { max-width: 1248px; } .profile-section .profile-wrap .profile-details .skillsets-wrap .skills-list #more-skilles~li { display: none; } .profile-section .profile-wrap .profile-details .skillsets-wrap .skills-list.more #more-skilles~li { display: block; } .profile-section .profile-wrap .profile-details .skillsets-wrap .skills-list.more #more-skilles { order: 1; } .profile-section .profile-wrap .profile-details .skillsets-wrap .skills-list #more-skilles { cursor: pointer; } .profile-section .profile-wrap .profile-details .skillsets-wrap .skills-list li span { display: inline-block; padding: 8px 7px; border: 1px solid var(--text-field-outline-2); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; } .profile-section .profile-wrap .profile-details .skillsets-wrap .skills-list li u { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 600; font-size: 14px; line-height: 17px; text-decoration-line: underline; padding: 8px; } .video-modal .modal-dialog { max-width: 800px; } .video-modal .modal-dialog .modal-content { background-color: transparent!important; border: none; } .video-modal .modal-dialog .modal-content .modal-body { border: none; padding: 40px 0 20px; background-color: var(--primary-dark); position: relative; } .video-modal .modal-dialog .modal-content .modal-body .close { width: 20px; height: 20px; border: none; outline: 0; background-color: var(--white); border-radius: 10px; opacity: 1; position: absolute; top: 10px; right: 5px; display: flex; align-items: center; justify-content: center; } .video-modal .modal-dialog .modal-content .modal-body .close span { display: inline-block; margin-bottom: -1px; } .skills-section { padding: 80px 0 97px; overflow-x: hidden; } .skills-section .skills-wrap { display: flex; column-gap: 64px; margin-bottom: 104px; } .skills-section .skills-wrap .vetted-skills { min-width: 168px; width: 168px; z-index: 1; } .skills-section .skills-wrap .vetted-skills h4 { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 22px; line-height: 32px; margin-bottom: 6px; padding-bottom: 16px; border-bottom: 1px solid var(--secondary-black); } .skills-section .skills-wrap .vetted-skills .skill-count.mobileOnly { display: none; } .skills-section .skills-wrap .vetted-skills .skill-count span { color: var(--secondary-black); position: relative; font-family: Montserrat,sans-serif; font-weight: 400; font-size: 80px; line-height: 98px; z-index: 1; } .skills-section .skills-wrap .vetted-skills .skill-count span::before { content: ""; width: 16px; height: 16px; background-color: var(--brandYellow); position: absolute; top: 15px; right: 0; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -khtml-border-radius: 16px; z-index: -1; } .skills-section .skills-wrap .vetted-skills .skill-count small { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 400; font-size: 22px; line-height: 27px; margin-left: 4px; } .skills-section .skills-wrap .skill-accordion { width: 100%; } .skills-section .skills-wrap .skill-accordion .skill-acco-head { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--text-gray); } .skills-section .skills-wrap .skill-accordion .skill-acco-head li { width: 33.33%; } .skills-section .skills-wrap .skill-accordion .skill-acco-head li.details { display: flex; justify-content: flex-end; padding-right: 34px; } .skills-section .skills-wrap .skill-accordion .skill-acco-head li span { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 18px; line-height: 22px; display: inline-block; margin-bottom: 16px; width: 180px; } .skills-section .skills-wrap .skill-accordion .card { border: none; border-radius: none; -webkit-border-radius: none; -moz-border-radius: none; -khtml-border-radius: none; border-bottom: 1px solid var(--text-field-outline-2); } .skills-section .skills-wrap .skill-accordion .card .card-header { border-radius: none; -webkit-border-radius: none; -moz-border-radius: none; -khtml-border-radius: none; padding: 0; background-color: var(--white); border: none; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .view-details span img { transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .view-details span[aria-expanded=true] img { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); } .skills-section .skills-wrap .skill-accordion .card .card-body { padding: 8px 0 4px; } .skills-section .skills-wrap .skill-accordion .card .card-body .card-inner-box { padding: 16px; background: var(--bg-light-yellow); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; margin-bottom: 40px; color: var(--amber); font-family: Montserrat,sans-serif; font-weight: 400; font-size: 12px; line-height: 18px; } .skills-section .skills-wrap .skill-accordion .card .card-body .card-inner-box p { font-weight: inherit; font-size: inherit; line-height: inherit; margin-bottom: 0; } .skills-section .skills-wrap .skill-accordion .card .card-body .card-inner-box h5 { color: var(--amber); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 14px; line-height: 17px; display: flex; align-items: center; column-gap: 8px; margin-bottom: 16px; } .skills-section .skills-wrap .skill-accordion .card .card-body ul, .skills-section .skills-wrap .skill-accordion .card .card-header ul { display: flex; align-items: center; justify-content: space-between; } .skills-section .skills-wrap .skill-accordion .card .card-body ul { margin-bottom: 16px; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li { width: 33.33%; padding: 24px 0; display: flex; align-items: center; column-gap: 8px; position: relative; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li.assessments { justify-content: flex-end; padding-right: 34px; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .roleOrSkill { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 16px; line-height: 20px; display: flex; flex-direction: column; gap: 4px; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .roleOrSkill > span { font-family: Montserrat; font-size: 12px; font-weight: 400; line-height: 15px; color: var(--text-gray); } .skills-section .skills-wrap .skill-accordion .card .card-body ul li .hrSkills { font-weight: 400; font-size: 14px; line-height: 17px; color: var(--text-gray); display: flex; flex-direction: column; gap: 8px; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li .hrSkills strong { font-size: inherit; font-weight: 500; line-height: inherit; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li .hrSkills span { font-weight: inherit; font-size: inherit; line-height: inherit; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li .c-plus-data { display: flex; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li span { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 16px; line-height: 20px; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .js-icon { width: 32px; height: 32px; object-fit: contain; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .view-details { display: flex; align-items: center; column-gap: 8px; color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 16px; line-height: 20px; background-color: transparent; border: none; outline: 0; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .view-details span { cursor: pointer; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress { width: 100%; max-width: 93px; height: 24px; background-color: var(--light-gray-D9); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress .progress-bar { width: 94%; background-color: var(--bg-green-light); } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress-no { font-size: 14px; line-height: 17px; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; width: 33.33%; padding-right: 34px; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li.resultReport { display: flex; justify-content: flex-end; padding-right: 34px; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li p { font-weight: inherit; font-size: inherit; line-height: inherit; margin-bottom: 0; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li span { color: var(--text-gray); font-weight: 500; font-size: 14px; line-height: 17px; display: inline-block; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li span strong { color: var(--secondary-black); font-weight: 600; margin-left: 8px; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li .score-data { display: flex; align-items: center; column-gap: 8px; color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 12px; line-height: 15px; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li .score-data img { max-width: 100%; vertical-align: middle; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li .score-data p { font-weight: inherit; font-size: inherit; line-height: inherit; margin-bottom: 0; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li .view-link { color: var(--secondary-black); font-family: Montserrat; font-weight: 600; font-size: 14px; line-height: 17px; text-decoration-line: underline; width: 180px; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.js .progress-bar { width: 80%; background-color: var(--bg-light-green); } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.php .progress-bar { width: 100%; background-color: var(--bg-green-light); } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.fill100 .progress-bar { width: 100%; background-color: var(--bg-green-light); } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.fill90 .progress-bar { width: 90%; background-color: var(--bg-light-green); } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.fill80 .progress-bar { width: 80%; background-color: var(--bg-light-green); } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.fill70 .progress-bar { width: 70%; background-color: var(--bg-aqua-blue); } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.fill60 .progress-bar { width: 60%; background-color: var(--bg-aqua-blue); } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.fill50 .progress-bar { width: 50%; background-color: var(--bg-aqua-blue); } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.AiInterview .progress-bar { background-color: var(--bg-green-light); } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.AiInterview.fill0 .progress-bar { width: 5%; background-color: var(--failureRed); } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.AiInterview.fill10 .progress-bar { width: 10%; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.AiInterview.fill20 .progress-bar { width: 20%; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.AiInterview.fill30 .progress-bar { width: 30%; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.AiInterview.fill40 .progress-bar { width: 40%; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.laravel .progress-bar { width: 70%; background-color: var(--bg-aqua-blue); } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress.communication .progress-bar { width: 71%; background-color: var(--bg-aqua-blue); } .skills-section .skills-wrap .summary-wrap { width: 100%; } .skills-section .skills-wrap .summary-wrap.professionalSummary { width: 100%; padding-right: 32px; } .skills-section .skills-wrap .summary-wrap.testimonials { display: flex; flex-direction: column; gap: 24px; } .skills-section .skills-wrap .summary-wrap .summary-per p { font-weight: 400; line-height: 20px; font-size: 14px; } .skills-section .skills-wrap .summary-wrap .summary-list { width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; row-gap: 60px; padding-right: 95px; position: relative; } .skills-section .skills-wrap .summary-wrap .summary-list li span.custom-shape-one { width: 124px; position: absolute; top: 66px; overflow: hidden; height: 295px; padding: 0; right: -122px; margin-right: 0; } .skills-section .skills-wrap .summary-wrap .summary-list li span.custom-shape-one::before, .skills-section .skills-wrap .summary-wrap .summary-list li span.custom-shape-two::before { content: ""; width: 300px; height: 279px; position: absolute; top: 0; bottom: 0; right: 0; left: auto; margin: auto 0; border: 1px solid var(--text-gray); z-index: 0; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; -khtml-border-radius: 150px; background: 0 0; } .skills-section .skills-wrap .summary-wrap .summary-list li span.custom-shape-two { width: 122px; position: absolute; overflow: hidden; height: 277px; padding: 0; top: -201px; left: -120px; margin-right: 0; transform: rotate(180deg); } .skills-section .skills-wrap .summary-wrap .summary-list.step-end { justify-content: flex-end; } .skills-section .skills-wrap .summary-wrap .summary-list.step-end::before { display: none; } .skills-section .skills-wrap .summary-wrap .summary-list::after { content: ""; position: absolute; width: 250px; height: 250px; background-color: var(--white); position: absolute; top: -30px; bottom: 0; right: 95px; margin: auto 0; z-index: -1; } .skills-section .skills-wrap .summary-wrap .summary-list.step-end::after { display: none; } .skills-section .skills-wrap .summary-wrap .summary-list li { width: 33.33%; padding-right: 15px; position: relative; } .skills-section .skills-wrap .summary-wrap .summary-list li::before { content: ""; height: 1px; border-top: 1px solid var(--text-gray); position: absolute; top: -65px; left: 0; right: 0; bottom: 0; margin: auto 0; } .skills-section .skills-wrap .summary-wrap .summary-list li::after { content: ""; width: 12px; height: 12px; background-color: var(--text-gray); position: absolute; top: -65px; left: 0; bottom: 0; margin: auto 0; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -khtml-border-radius: 12px; } .skills-section .skills-wrap .summary-wrap .summary-list li.custom-shape-two { width: 122px; position: absolute; top: 309px; overflow: hidden; height: 237px; padding: 0; left: -121px; margin-right: 0; transform: rotate(180deg); } .skills-section .skills-wrap .summary-wrap .summary-list li.custom-shape-one::after { display: none; } .skills-section .skills-wrap .summary-wrap .summary-list li.custom-shape-two::after { display: none; } .skills-section .skills-wrap .summary-wrap .summary-list li .summary-data { color: var(--secondary-black); font-family: Montserrat,sans-serif; } .skills-section .skills-wrap .summary-wrap .summary-list li .summary-data .sd-top { margin-bottom: 44px; min-height: 49px; } .skills-section .skills-wrap .summary-wrap .summary-list li .summary-data .sd-top span { display: block; font-weight: 400; font-size: 14px; line-height: 17px; margin-bottom: 8px; } .skills-section .skills-wrap .summary-wrap .summary-list li .summary-data .sd-top small { font-weight: 500; font-size: 12px; line-height: 15px; } .skills-section .skills-wrap .summary-wrap .summary-list li .summary-data .sd-bottom { font-weight: 500; font-size: 16px; line-height: 20px; min-height: 123px; word-break: break-word; } .skills-section .skills-wrap .summary-wrap .summary-list li .summary-data .sd-bottom p { font-weight: inherit; font-size: inherit; line-height: inherit; margin-bottom: 0; } .skills-section .skills-wrap .summary-wrap .summary-list li .summary-data .sd-bottom .sd-name { color: var(--text-gray); font-weight: 600; font-size: 14px; line-height: 17px; display: inline-block; margin-top: 8px; } .portfolio-score-details { padding: 24px; border-radius: 8px; border: 1px solid var(--rgb-gray-20); background-color: var(--white); } .portfolio-score-details .psd-text { color: var(--secondary-black); font-family: "Montserrat",sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; max-width: 843px; margin-bottom: 0; } .portfolio-score-details.psd-more-data .psd-text { max-width: 100%; } .portfolio-score-details .psd-data-wrap { display: block; margin-bottom: 16px; } .portfolio-score-details.psd-more-data .psd-data-wrap { display: flex; column-gap: 65px; } .portfolio-score-details .psd-data-wrap .psd-data-item { position: relative; } .portfolio-score-details.psd-more-data .psd-data-wrap .psd-data-item { width: calc(50% - 33px); } .portfolio-score-details .psd-data-wrap .psd-data-item:first-child:before { content: ""; width: 1px; border-left: 1px solid var(--text-field-outline-2); position: absolute; top: 0; right: -33px; bottom: 2px; display: none; } .portfolio-score-details.psd-more-data .psd-data-wrap .psd-data-item:first-child:before { display: block; } .portfolio-score-details .psd-data-wrap .psd-data-item .psd-head { display: flex; justify-content: space-between; } .portfolio-score-details.psd-more-data .psd-data-wrap .psd-data-item .psd-head { margin-bottom: 16px; } .portfolio-score-details .psd-data-wrap .psd-data-item .psd-head .psd-head-title .psd_title { display: flex; align-items: center; column-gap: 8px; margin-bottom: 15px; } .portfolio-score-details .psd-data-wrap .psd-data-item .psd-head .psd-head-title .psd_title h5 { color: var(--secondary-black); font-family: "Montserrat",sans-serif; font-size: 18px; font-weight: 600; line-height: 22px; } .portfolio-score-details .psd-data-wrap .psd-data-item .psd-head .psd-head-title .psd-score-label { display: flex; align-items: center; column-gap: 8px; } .portfolio-score-details .psd-data-wrap .psd-data-item .psd-head .psd-head-title .psd-score-label .score-icon { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 4px; } .portfolio-score-details .psd-data-wrap .psd-data-item .psd-head .psd-head-title .psd-score-label .score-icon.si-bg1 { background-color: var(--bg-aqua-blue-light); } .portfolio-score-details .psd-data-wrap .psd-data-item .psd-head .psd-head-title .psd-score-label .score-icon.si-bg2 { background-color: var(--bg-aqua-blue-light-2); } .portfolio-score-details .psd-data-wrap .psd-data-item .psd-head .psd-head-title .psd-score-label strong { color: var(--secondary-black); font-family: "Montserrat",sans-serif; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; } .portfolio-score-details .psd-data-wrap .psd-data-item .psd-per { max-width: 850px; border-radius: 8px; border: 1px solid var(--text-field-outline-2); background-color: var(--white); padding: 8px 16px; } .portfolio-score-details.psd-more-data .psd-data-wrap .psd-data-item .psd-per { max-width: 100%; min-height: 106px; } .portfolio-score-details .psd-data-wrap .psd-data-item .psd-per p { color: var(--text-gray); font-family: "Montserrat",sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; margin-bottom: 0; } .portfolio-score-details .psd-tooltips-wrap { position: relative; } .portfolio-score-details .psd-tooltips-wrap .psd-tooltips-data { border-radius: 8px; background-color: var(--secondary-black); padding: 16px; position: absolute; top: 30px; width: 471px; left: 8px; transform: translateX(-50%); opacity: 0; visibility: hidden; z-index: -1; transition: all 0.3s linear; } .portfolio-score-details .psd-tooltips-wrap svg { cursor: pointer; } .portfolio-score-details .psd-tooltips-wrap svg:hover + .psd-tooltips-data { opacity: 1; visibility: visible; z-index: 9; } .portfolio-score-details .psd-tooltips-wrap .psd-tooltips-data::before { content: ""; width: 13px; height: 13px; background-color: var(--secondary-black); transform: rotate(45deg); position: absolute; top: -5px; left: 0; right: 0; margin: 0 auto; } .portfolio-score-details .psd-tooltips-wrap .psd-tooltips-data p { color: var(--bg-secondary); font-family: "Montserrat",sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 0; } .portfolio-score-details .psd-progress-wrap { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; } .portfolio-score-details .psd-progress-wrap .psd-progress-fill { position: relative; display: flex; justify-content: center; align-items: center; } .portfolio-score-details .psd-progress-wrap #progress-spinner { border-radius: 50%; height: 74px; width: 74px; z-index: 1; } .portfolio-score-details.psd-more-data .psd-progress-wrap #progress-spinner { height: 68px; width: 68px; } .portfolio-score-details .psd-progress-wrap .psd-circle { position: absolute; border-radius: 50%; height: 62px; width: 62px; background-color: var(--rgb-light-gray); display: flex; align-items: center; justify-content: center; color: var(--secondary-black); font-family: "Montserrat",sans-serif; font-size: 14px; font-weight: 500; line-height: 17px; z-index: 2; } .portfolio-score-details.psd-more-data .psd-progress-wrap .psd-circle { height: 56px; width: 56px; } .portfolio-score-details .psd-progress-wrap .psd-progress-border { position: absolute; width: 70px; height: 70px; border-radius: 50%; border: 4px solid var(--rgb-gray-40); } .portfolio-score-details.psd-more-data .psd-progress-wrap .psd-progress-border { width: 64px; height: 64px; } .skills-section .skills-wrap.tools-know .summary-wrap .tools-list { display: flex; align-items: center; column-gap: 24px; flex-wrap: wrap; row-gap: 24px; } .skills-section .skills-wrap.tools-know .summary-wrap .tools-list li .tools-wrap { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 12px; line-height: 15px; text-align: center; padding: 16px; min-width: 88px; background: var(--white); border: 1px solid var(--text-field-outline-2); display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; } .skills-section .skills-wrap.tools-know .summary-wrap .tools-list li .tools-wrap p { font-weight: inherit; font-size: inherit; line-height: inherit; margin-bottom: 0; } .skills-section .skills-wrap.tools-know .summary-wrap .tools-list #more-tool u { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 600; font-size: 14px; line-height: 17px; text-decoration-line: underline; } .skills-section .skills-wrap.tools-know .summary-wrap .tools-list #more-tool~li { display: none; } .skills-section .skills-wrap.tools-know .summary-wrap .tools-list.tool-add #more-tool~li { display: block; } .skills-section .skills-wrap.tools-know .summary-wrap .tools-list.tool-add #more-tool { order: 1; } .skills-section .skills-wrap.tools-know .summary-wrap .tools-list #more-tool { cursor: pointer; } .skills-section .skills-wrap.tools-know .summary-wrap .tools-list li .tools-wrap img { margin-bottom: 8px; height: 32px; width: auto; } .skills-section .skills-wrap .summary-wrap .skill-tab { display: flex; align-items: center; column-gap: 16px; flex-wrap: wrap; row-gap: 16px; } .skills-section .skills-wrap .summary-wrap .skill-tab-intrest { display: flex; align-items: center; column-gap: 16px; flex-wrap: wrap; row-gap: 16px; } .skills-section .skills-wrap .summary-wrap .skill-tab-intrest span { display: inline-block; padding: 8px; color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 14px; line-height: 17px; border: 1px solid var(--text-field-outline-2); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; } .skills-section .skills-wrap .summary-wrap .skill-tab span { display: inline-block; padding: 8px; color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 14px; line-height: 17px; background: var(--rgb-light-gray); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; } .skills-section .skills-wrap .summary-wrap .skill-tab.interests-wrap { column-gap: 24px; } .skills-section .skills-wrap .summary-wrap .summary-heading { margin-bottom: 16px; } .skills-section .skills-wrap .summary-wrap .testimonial-wrap { padding: 24px; border: 1px solid var(--text-field-outline-2); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; } .skills-section .skills-wrap .summary-wrap .testimonial-wrap p { margin-bottom: 20px; } .skills-section .skills-wrap .summary-wrap .testimonial-wrap p:last-child { margin-bottom: 0; } .skills-section .skills-wrap .summary-wrap .summary-step { display: flex; flex-wrap: wrap; position: relative; padding-right: 95px; row-gap: 15px; } .skills-section .skills-wrap .summary-wrap .summary-step.step-end { justify-content: flex-end; } .skills-section .skills-wrap .summary-wrap .summary-step li { width: 33.33%; position: relative; padding-top: 22px; padding-right: 64px; z-index: auto; border-top: 1px solid var(--text-field-outline-2); } .skills-section .skills-wrap .summary-wrap .summary-step li::before { content: ""; width: 12px; height: 12px; background-color: var(--text-gray); position: absolute; top: -7px; left: 0; margin: auto 0; z-index: 1!important; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -khtml-border-radius: 12px; } .skills-section .skills-wrap .summary-wrap .summary-step li::after { content: ""; position: absolute; top: 5px; left: 0; right: 0; z-index: -1; } .skills-section .skills-wrap .summary-wrap .summary-step.certifica li { width: 33.33%; padding-right: 21px; height: 159px; } .skills-section .skills-wrap .summary-wrap .summary-step.certifica li:first-child:hover { border-radius: 0!important; } .skills-section .skills-wrap .summary-wrap .summary-step.certifica li .link-text { color: var(--text-gray); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 13px; line-height: 17px; display: block; } .skills-section .skills-wrap .summary-wrap .summary-step.certifica li .link-text a { color: var(--primary-blue); text-decoration-line: underline; } .skills-section .skills-wrap .summary-wrap .summary-step.certifica li .link-text-str { font-weight: 600; } .skills-section .skills-wrap .summary-wrap .dvu-data { margin-bottom: 32px; } .skills-section .skills-wrap .summary-wrap .dvu-data p { margin-bottom: 25px; } .skills-section .skills-wrap .summary-wrap .dvu-data.ct-text p { margin-bottom: 16px; } .skills-section .skills-wrap.skills-description2 { column-gap: 64px; } .skills-section .skills-wrap .summary-wrap .experience-wrap { display: flex; justify-content: space-between; margin-bottom: 16px; position: relative; } .skills-section .skills-wrap .summary-wrap .experience-wrap .summary-heading { margin-bottom: 0; } .skills-section .skills-wrap .summary-wrap .experience-wrap::before { content: ""; position: absolute; top: 5px; left: -37px; width: 12px; height: 12px; background-color: var(--text-gray); border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -khtml-border-radius: 12px; } .skills-section .skills-wrap .summary-wrap .experience-time { color: var(--text-gray); font-family: Montserrat,sans-serif; font-weight: 500; font-size: 12px; line-height: 15px; display: flex; flex-direction: column; align-items: flex-end; row-gap: 10px; } .skills-section .skills-wrap.skills-description .summary-wrap { padding-left: 31px; position: relative; } .skills-section .skills-wrap.skills-description .summary-wrap::before { content: ""; width: 1px; background-color: var(--text-field-outline-2); position: absolute; top: 5px; left: -1px; bottom: 0; } .skills-section .skills-wrap .summary-wrap .dvu-data .experience-wrap::before { width: 23px; height: 18px; background: url(/images/talent-packet-emblem.svg) center no-repeat var(--white); background-size: contain; left: -43px; top: 0; } .skills-section .skills-wrap .summary-wrap .history-list { margin-bottom: 25px; max-width: 751px; } .skills-section .skills-wrap .summary-wrap .history-list li { padding-left: 0; position: relative; } .skills-section .skills-wrap .summary-wrap .history-list li::before { content: ""; position: absolute; top: 8px; left: 8px; width: 3px; height: 3px; background-color: var(--text-gray); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; } .skills-section .skills-wrap .summary-wrap .summary-per.spmb1 { margin-bottom: 40px; } .skills-section .skills-wrap .summary-wrap .summary-per h4, .skills-section .skills-wrap .summary-wrap .summary-per p { max-width: 751px; } .skills-section .skills-wrap .summary-wrap.achievements-box ul { display: flex; flex-direction: column; gap: 16px; } .skills-section .skills-wrap .summary-wrap.achievements-box ul li.summary-per { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 400; font-size: 14px; line-height: 17px; letter-spacing: .04em; padding-left: 40px; position: relative; min-height: 24px; display: flex; align-items: center; } .skills-section .skills-wrap .summary-wrap.achievements-box ul li.summary-per::before { content: ""; width: 24px; height: 24px; background: url(/assets/images/fi_star.svg) center no-repeat; background-size: contain; position: absolute; left: 0; top: 0; margin: auto 0; } .skills-section .skills-wrap .summary-wrap .summary-per .skill-tab.stmt { margin-top: 16px; } .skills-section .skills-wrap .summary-wrap .summary-per .sst-mt { margin-top: 25px; } span.more-text { display: none; } .skills-section .skills-wrap .summary-wrap .summary-step li span.custom-shape-one { width: 90px; position: absolute; top: -5px; overflow: hidden; height: 183px; padding: 0; right: -88px; margin-right: 0; } .skills-section .skills-wrap .summary-wrap .summary-step li span.custom-shape-one::before, .skills-section .skills-wrap .summary-wrap .summary-step li span.custom-shape-two::before { content: ""; width: 200px; height: 175px; position: absolute; top: 0; bottom: 0; right: 0; left: auto; margin: auto 0; border: 1px solid var(--text-field-outline-2); z-index: 0; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; -khtml-border-radius: 150px; background: 0 0; } .skills-section .skills-wrap .summary-wrap .summary-step li span.custom-shape-two { width: 90px; position: absolute; overflow: hidden; height: 183px; padding: 0; top: -179px; left: -88px; margin-right: 0; transform: rotate(180deg); } .profile-section .profile-wrap .profile-img { position: relative; } .profile-section .profile-wrap .profile-img .profile-title { display: none; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 16px); width: calc(100vw - 120px); min-width: calc(100vw - 120px); } .profile-section .profile-wrap .profile-img .profile-title h1 { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-weight: 600; font-size: 22px; line-height: 26.82px; text-transform: capitalize; } .profile-section .profile-wrap .profile-img-wrap .videoResumeNLocation { display: flex; flex-direction: column; margin: -34px auto 0; gap: 16px; } .profile-section .profile-wrap .profile-img-wrap .videoResumeNLocation.videoResumeNull { margin: 24px 0 0; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li .view-link { width: auto; } .skills-section .skills-wrap .skill-accordion .card .card-body ul.score-data-mobile { display: none; } .skills-section .skills-wrap .skill-accordion .card .card-body ul.score-data-mobile li { width: 100%; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li.resultReport span { color: inherit; font-weight: inherit; line-height: inherit; text-decoration-line: inherit; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li.resultReport span.mobileText { display: none; width: auto; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li.resultReport span.pcText { width: 180px; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li .score-data.pc { margin-top: 16px; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li.mobileAssessments>span { display: none; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li.mobileAssessments>span[aria-expanded=true] img { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); transition: all .3s linear; -webkit-transition: all .3s linear; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li.mobileAssessments .scoreBar { display: flex; align-items: center; column-gap: 8px; width: 100%; } .profile-section .profile-wrap .profile-details .pd-data-list li.portfolio a { color: var(--primary-dark); font-size: 18px; font-weight: 600; text-decoration-line: underline; text-transform: uppercase; white-space: nowrap; } .ReactModal__Overlay { overflow: auto; } .assessment-modal, .assessment-modal.assess-modal-two { width: 624px; } .assessment-modal { max-width: 100%; min-height: calc(100% - (1.75rem * 2)); display: flex; align-items: center; margin: 1.75rem auto; background: 0 0!important; } .assessment-modal .modal-content { border-radius: 8px; overflow: hidden; border: none; } .assessment-modal .modal-body { padding: 0; } .assessment-modal .close-popup, .assessment-modal .modalCloseBtn { position: absolute; top: 24px; right: 24px; padding: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background-color: var(--white); border: none; outline: 0; z-index: 1; } .assessment-modal .assessment-modal-content { padding: 56px; position: relative; background-color: var(--white); } .assessment-modal .assessment-modal-content, .how-test-modal .assessment-modal-content { border-radius: 8px; overflow: hidden; border: none; } .assessment-modal.assess-modal-two .assessment-modal-content { border-radius: 8px; overflow: hidden; border: none; } .assessment-modal .assessment-modal-content .amc-data { margin-bottom: 32px; } .assessment-modal .assessment-modal-content .amc-data .am-img-logo { width: 70px; height: 70px; } .assessment-modal .assessment-modal-content .amc-data h2 { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 22px; font-weight: 500; line-height: 27px; margin-bottom: 16px; } .assessment-modal .assessment-modal-content .amc-data p { margin-bottom: 16px; color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } .assessment-modal .assessment-modal-content .amc-data p a { color: var(--primary-blue); font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; text-decoration-line: underline; } .assessment-modal .assessment-modal-content .amc-data .amc-test-text { color: var(--ocean-blue); font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 400; line-height: 17px; display: block; margin-bottom: 32px; } .assessment-modal .assessment-modal-content .amc-data .amc-bold-title { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 600; line-height: 17px; display: flex; align-items: center; column-gap: 8px; margin-bottom: 8px; } .assessment-modal .assessment-modal-content .amc-data .amc-bold-title .amc-tootltips { position: relative; } .assessment-modal .assessment-modal-content .amc-data .amc-bold-title .amc-tootltips .amc-tootltips-data { color: var(--white); text-align: center; font-family: Montserrat,sans-serif; font-size: 12px; font-weight: 500; line-height: 18px; border-radius: 8px; background-color: var(--secondary-black); padding: 8px 16px; width: 300px; position: absolute; top: 26px; right: -142px; opacity: 0; z-index: -1; visibility: hidden; transition: all .3s linear; } .assessment-modal .assessment-modal-content .amc-data .amc-bold-title .amc-tootltips:hover .amc-tootltips-data { opacity: 1; z-index: 0; visibility: visible; } .assessment-modal .assessment-modal-content .amc-data .amc-bold-title .amc-tootltips .amc-tootltips-data::before { content: ""; width: 12px; height: 9px; background-color: var(--secondary-black); position: absolute; top: -3px; left: 0; right: 0; transform: rotate(58deg) skewX(27deg); margin: 0 auto; } .assessment-modal .assessment-modal-content .amc-box { padding: 16px; border-radius: 8px; background-color: var(--bg-light-yellow); margin-bottom: 24px; } .assessment-modal .assessment-modal-content .amc-box .amc-box-title { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 18px; font-weight: 400; line-height: 22px; text-transform: capitalize; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--text-orange); } .assessment-modal .assessment-modal-content .amc-box h3 strong { font-weight: 700; } .assessment-modal .assessment-modal-content .amc-box p { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 12px; font-weight: 500; line-height: 16px; margin-bottom: 0; } .assessment-modal .assessment-modal-content .amc-store-btn { margin-bottom: 32px; display: flex; align-items: center; column-gap: 24px; } .assessment-modal .assessment-modal-content .amc-store-btn .store-button { width: 50%; display: flex; align-items: center; justify-content: center; column-gap: 16px; padding: 17px 15px; border-radius: 8px; border: 2px solid var(--secondary-black); outline: 0; color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 18px; font-weight: 500; line-height: 22px; } .assessment-modal .assessment-modal-content .amc-footr-btn { display: flex; align-items: center; column-gap: 24px; } .assessment-modal .assessment-modal-content .amc-footr-btn button { color: var(--secondary-black); text-align: center; font-family: Montserrat,sans-serif; font-size: 18px; font-weight: 700; line-height: 22px; text-transform: uppercase; border-radius: 27px; cursor: pointer; border: none; outline: 0; background-color: var(--white); } .ReactModal__Overlay { overflow: auto; } .assessment-modal, .assessment-modal.assess-modal-two { width: 624px; } .assessment-modal { max-width: 100%; min-height: calc(100% - (1.75rem * 2)); display: flex; align-items: center; margin: 1.75rem auto; background: 0 0!important; } .assessment-modal .modal-content { border-radius: 8px; overflow: hidden; border: none; } .assessment-modal .modal-body { padding: 0; } .assessment-modal .close-popup, .assessment-modal .modalCloseBtn { position: absolute; top: 24px; right: 24px; padding: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background-color: var(--white); border: none; outline: 0; z-index: 1; } .assessment-modal .assessment-modal-content { padding: 56px; position: relative; background-color: var(--white); } .assessment-modal .assessment-modal-content, .how-test-modal .assessment-modal-content { border-radius: 8px; overflow: hidden; border: none; } .assessment-modal.assess-modal-two .assessment-modal-content { border-radius: 8px; overflow: hidden; border: none; } .assessment-modal .assessment-modal-content .amc-data { margin-bottom: 32px; } .assessment-modal .assessment-modal-content .amc-data .am-img-logo { width: 70px; height: 70px; } .assessment-modal .assessment-modal-content .amc-data h2 { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 22px; font-weight: 500; line-height: 27px; margin-bottom: 16px; } .assessment-modal .assessment-modal-content .amc-data p { margin-bottom: 16px; color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } .assessment-modal .assessment-modal-content .amc-data p a { color: var(--primary-blue); font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; text-decoration-line: underline; } .assessment-modal .assessment-modal-content .amc-data .amc-test-text { color: var(--ocean-blue); font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 400; line-height: 17px; display: block; margin-bottom: 32px; } .assessment-modal .assessment-modal-content .amc-data .amc-bold-title { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 600; line-height: 17px; display: flex; align-items: center; column-gap: 8px; margin-bottom: 8px; } .assessment-modal .assessment-modal-content .amc-data .amc-bold-title .amc-tootltips { position: relative; } .assessment-modal .assessment-modal-content .amc-data .amc-bold-title .amc-tootltips .amc-tootltips-data { color: var(--white); text-align: center; font-family: Montserrat,sans-serif; font-size: 12px; font-weight: 500; line-height: 18px; border-radius: 8px; background-color: var(--secondary-black); padding: 8px 16px; width: 300px; position: absolute; top: 26px; right: -142px; opacity: 0; z-index: -1; visibility: hidden; transition: all .3s linear; } .assessment-modal .assessment-modal-content .amc-data .amc-bold-title .amc-tootltips:hover .amc-tootltips-data { opacity: 1; z-index: 0; visibility: visible; } .assessment-modal .assessment-modal-content .amc-data .amc-bold-title .amc-tootltips .amc-tootltips-data::before { content: ""; width: 12px; height: 9px; background-color: var(--secondary-black); position: absolute; top: -3px; left: 0; right: 0; transform: rotate(58deg) skewX(27deg); margin: 0 auto; } .assessment-modal .assessment-modal-content .amc-box { padding: 16px; border-radius: 8px; background-color: var(--bg-light-yellow); margin-bottom: 24px; } .assessment-modal .assessment-modal-content .amc-box .amc-box-title { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 18px; font-weight: 400; line-height: 22px; text-transform: capitalize; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--text-orange); } .assessment-modal .assessment-modal-content .amc-box h3 strong { font-weight: 700; } .assessment-modal .assessment-modal-content .amc-box p { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 12px; font-weight: 500; line-height: 16px; margin-bottom: 0; } .assessment-modal .assessment-modal-content .amc-store-btn { margin-bottom: 32px; display: flex; align-items: center; column-gap: 24px; } .assessment-modal .assessment-modal-content .amc-store-btn .store-button { width: 50%; display: flex; align-items: center; justify-content: center; column-gap: 16px; padding: 17px 15px; border-radius: 8px; border: 2px solid var(--secondary-black); outline: 0; color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 18px; font-weight: 500; line-height: 22px; } .assessment-modal .assessment-modal-content .amc-footr-btn { display: flex; align-items: center; column-gap: 24px; } .assessment-modal .assessment-modal-content .amc-footr-btn button { color: var(--secondary-black); text-align: center; font-family: Montserrat,sans-serif; font-size: 18px; font-weight: 700; line-height: 22px; text-transform: uppercase; border-radius: 27px; cursor: pointer; border: none; outline: 0; background-color: var(--white); } .assessment-modal .assessment-modal-content .amc-footr-btn .amc_btn { border-radius: 27px; background-color: var(--brandYellow); padding: 12px 24px; display: inline-flex; justify-content: center; align-items: center; gap: 10px; } .how-test-modal { width: 717px; } .back-popup { position: absolute; top: 24px; left: 24px; padding: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background-color: var(--white); border: none; outline: 0; } .how-test-modal .assessment-modal-content .amc-data { margin-bottom: 24px; } .how-test-modal .assessment-modal-content .amc-data h2 { margin-bottom: 32px; text-align: center; font-weight: 600; padding-left: 32px; padding-right: 32px; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 120px; row-gap: 72px; position: relative; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-bg-img { position: absolute; top: 60px; left: 0; right: 0; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box { max-width: 169px; position: relative; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box .htw-img { margin-bottom: 16px; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box .htw-no { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 25px; background-color: var(--mint); color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 700; line-height: 17px; position: absolute; top: 0; left: -33px; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box p { margin-bottom: 0; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box.htw-arrow::before { content: ""; width: 24px; height: 24px; background: url(../../images/talent/arrow-right.svg); background-size: contain; position: absolute; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box.htw-arrow.htw-right::before { top: 160px; right: -72px; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box.htw-arrow.htw-bottom::before { left: 0; right: 0; bottom: -48px; margin: 0 auto; transform: rotate(90deg); } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box.htw-arrow.htw-left::before { left: -72px; top: 112px; transform: rotate(-180deg); } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box h3 { margin-bottom: 0; } .how-test-modal .assessment-modal-content .amc-box { background-color: var(--bg-peach); } .how-test-modal .assessment-modal-content .amc-box .amc-box-title { padding-bottom: 0; margin-bottom: 0; border: none; text-align: center; } .take-test-modal .modal-dialog { width: 554px; } .take-test-modal .modal-content .modal-body { padding: 40px!important; } .take-test-modal .modal-content .modal-body h3 { margin-bottom: 4px!important; } .take-test-modal .modal-content .modal-body .btn { margin-top: 16px!important; } .take-test-modal .modal-content .modal-body .warning-note .wn-inner-box { border-radius: 8px; border: 1px solid var(--orange-light); background-color: var(--bg-peach-light); padding: 16px; margin: 16px 0 24px; } .take-test-modal .modal-content .modal-body .warning-note .wn-inner-box .wn-inner-top { display: flex; align-items: center; column-gap: 8px; padding-top: 8px; margin-bottom: 16px; } .take-test-modal .modal-content .modal-body .warning-note .wn-inner-box .wn-inner-top span { color: var(--orange-light); font-family: Montserrat,sans-serif; font-size: 13px; font-weight: 600; line-height: 18px; } .take-test-modal .modal-content .modal-body .warning-note .wn-inner-box .wn-inner-top svg { min-width: 32px; min-height: 32px; } .take-test-modal .modal-content .modal-body .warning-note .wn-inner-box p { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 11px; font-weight: 500; line-height: 15px; margin-bottom: 0!important; } .take-test-modal .modal-content .modal-body .warning-note .wn-score { display: block; color: var(--text-gray); font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 400; line-height: 17px; margin-bottom: 16px; } .take-test-modal .modal-content .modal-body .warning-note .wn-score strong { color: var(--successGreen); font-weight: 600; display: inline-block; margin-left: 3px; } .take-test-modal .modal-content .modal-body .warning-note p { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: 24px!important; } .take-test-modal .modal-content .modal-body p { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: 8px!important; } .take-test-modal .modal-content .modal-body .warning-note-box { display: flex; column-gap: 8px; padding-top: 16px; margin-top: 32px; border-top: 1px solid var(--rgb-light-gray-75); } .take-test-modal .modal-content .modal-body .warning-note-box svg { min-width: 24px; min-height: 24px; } .take-test-modal .modal-content .modal-body .warning-note-box p { color: var(--text-gray); font-family: Montserrat,sans-serif; font-size: 11px; font-weight: 400; line-height: 16px; } @media (max-width:1279px) { .skills-section .skills-wrap .summary-wrap .summary-list li span.custom-shape-one { width: 114px; top: 66px; height: 295px; right: -111px; } .skills-section .skills-wrap .summary-wrap .summary-list li span.custom-shape-one::before { height: 279px; border-radius: 128px; -webkit-border-radius: 128px; -moz-border-radius: 128px; -khtml-border-radius: 128px; } .skills-section .skills-wrap .summary-wrap .summary-list li span.custom-shape-two { width: 118px; left: -114px; } } @media (max-width:1199px) { .skills-section .skills-wrap, .skills-section .skills-wrap.skills-description, .skills-section .skills-wrap.skills-description2 { column-gap: 40px; } .skills-section .skills-wrap .vetted-skills { min-width: 150px; width: 150px; z-index: 1; } .skills-section .skills-wrap .vetted-skills h4 { font-size: 20px; line-height: 30px; } .skills-section .skills-wrap .vetted-skills .skill-count span { font-size: 65px; line-height: 85px; } .skills-section .skills-wrap .vetted-skills .skill-count span::before { top: 12px; } } @media (max-width:1024px) { .skills-section .skills-wrap .summary-wrap .summary-list li .summary-data .sd-bottom { min-height: 138px; } .skills-section .skills-wrap .summary-wrap .summary-list { row-gap: 30px; } .skills-section .skills-wrap .summary-wrap .summary-list li.custom-shape-one { top: 79px; height: 280px; } .skills-section .skills-wrap .summary-wrap .summary-list li.custom-shape-one::before { height: 296px; } .skills-section .skills-wrap .summary-wrap .summary-list li.custom-shape-two { height: 280px; top: 357px; } .skills-section .skills-wrap .summary-wrap .summary-list li.custom-shape-two::before { height: 282px; } .skills-section .skills-wrap .summary-wrap .summary-list::after { top: -90px; height: 300px; } .skills-section .skills-wrap .summary-wrap .summary-list li::after, .skills-section .skills-wrap .summary-wrap .summary-list li::before { top: -90px; } .skills-section .skills-wrap .summary-wrap .summary-list li .summary-data .sd-top { min-height: 66px; } } @media (max-width:991px) { .profile-section .profile-wrap .profile-details .pd-data-list { gap: 40px; margin-bottom: 56px; flex-wrap: wrap; } .profile-section .profile-wrap .profile-details .pd-data-list li h2 { font-size: 22px; line-height: 30px; } .skills-section .skills-wrap.tools-know .summary-wrap .tools-list { gap: 15px; flex-wrap: wrap; } .skills-section .skills-wrap.tools-know { column-gap: 20px; } .skills-section .skills-wrap, .skills-section .skills-wrap.skills-description { column-gap: 30px; } .skills-section .skills-wrap.skills-description2 { column-gap: 25px; } .skills-section .skills-wrap, .skills-section .skills-wrap.skills-description, .skills-section .skills-wrap.skills-description2 { flex-direction: column; } .skills-section .skills-wrap .summary-wrap .summary-step { column-gap: 30px; } .skills-section .skills-wrap .summary-wrap .summary-step li, .skills-section .skills-wrap .summary-wrap .summary-step.certifica li { min-width: min-content; } .skills-section .skills-wrap .summary-wrap .summary-step li span.custom-shape-one, .skills-section .skills-wrap .summary-wrap .summary-step li span.custom-shape-two { display: none; } .skills-section .skills-wrap .vetted-skills { width: 100%; min-height: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } .skills-section .skills-wrap .vetted-skills .skill-count { min-width: 108px; background-color: var(--white); text-align: right; padding-left: 30px; } .skills-section .skills-wrap .vetted-skills h4 { width: calc(100% - 108px); padding-bottom: 8px; margin-bottom: 0; } .skills-section .skills-wrap .vetted-skills .skill-count span { font-size: 45px; line-height: 65px; } .skills-section .skills-wrap .vetted-skills .skill-count span::before { width: 12px; height: 12px; top: 10px; } .skills-section .skills-wrap .vetted-skills .skill-count small { font-size: 18px; line-height: 24px; } .skills-section .skills-wrap { column-gap: 20px; } .skills-section .skills-wrap .summary-wrap { margin-left: 2px; } .skills-section .skills-wrap .summary-wrap .summary-step { flex-direction: column; } .skills-section .skills-wrap .summary-wrap .summary-step.certifica { row-gap: 32px; column-gap: 0; padding-right: 0; } .skills-section .skills-wrap .summary-wrap .summary-step.certifica li { width: 100%; padding-top: 0; padding-left: 31px; height: auto; border-top: none; } .skills-section .skills-wrap .summary-wrap .summary-step li::before { top: 6px; left: -6px; z-index: 0; } .skills-section .skills-wrap .summary-wrap .summary-step li::after { content: ""; width: 1px; background-color: var(--text-field-outline-2); position: absolute; top: 6px; left: 0; bottom: -42px; z-index: 0; } .skills-section .skills-wrap .summary-wrap .summary-step li:last-child::after { bottom: -1px; } .skills-section .skills-wrap { margin-bottom: 48px; } } @media (max-width:767px) { .assessment-modal .modal-dialog { max-width: 500px; margin-left: 15px; margin-right: 15px; } .assessment-modal .assessment-modal-content { padding: 30px; } .assessment-modal .assessment-modal-content .amc-data .am-img-logo { width: 55px; height: 55px; } .assessment-modal .assessment-modal-content .amc-data h2 { font-size: 20px; line-height: 24px; } .assessment-modal .assessment-modal-content .amc-box .amc-box-title { font-size: 16px; line-height: 22px; } .assessment-modal .assessment-modal-content .amc-store-btn .store-button { font-size: 16px; line-height: 20px; } .assessment-modal .assessment-modal-content .amc-footr-btn button { font-size: 15px; line-height: 20px; } .assessment-modal .assessment-modal-content .amc-store-btn { row-gap: 15px; flex-direction: column; } .assessment-modal .assessment-modal-content .amc-store-btn .store-button { width: 100%; column-gap: 8px; padding: 10px 15px; } .assessment-modal .assessment-modal-content .amc-store-btn .store-button img { width: 24px; } .take-test-modal .modal-content .modalCloseBtn { top: 16px; right: 16px; } .assessment-modal, .assessment-modal.assess-modal-two, .how-test-modal { margin: 1.75rem auto; width: calc(100% - 30px); } .assessment-modal, .assessment-modal.assess-modal-two { max-width: 624px; } .how-test-modal { max-width: 717px; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap { column-gap: 80px; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box.htw-arrow.htw-right::before { top: 138px; right: -52px; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box.htw-arrow.htw-left::before { top: 71px; left: -52px; } .skills-section .skills-wrap .summary-wrap .skill-tab-intrest li u { font-weight: 600; font-size: 14px; line-height: 17px; } .profile-section .profile-wrap .profile-img-wrap .location-text { justify-content: flex-start; } .skills-section .skills-wrap .summary-wrap.achievements-box ul li.summary-per { font-size: 11px; line-height: 13.41px; padding-left: 20px; } .skills-section .skills-wrap .summary-wrap.achievements-box ul li.summary-per::before { width: 12px; height: 12px; } .skills-section .skills-wrap .summary-wrap.testimonials { gap: 16px; } .skills-section .skills-wrap .summary-wrap .testimonial-wrap { padding: 16px; } .skills-section .skills-wrap .summary-wrap .summary-per p { font-weight: 400; line-height: 16px; font-size: 11px; } .skills-section .skills-wrap .summary-wrap.testimonials { margin-left: 0; } .profile-section .profile-wrap .profile-img .profile-title h1 { font-size: 1.2em; } .profile-section .profile-wrap .profile-details .skillsets-wrap h3 { font-size: 13px; } .profile-section .profile-wrap .profile-details .skillsets-wrap h3::before { width: 10px; height: 10px; top: 4px; right: -4px; } .skills-section .skills-wrap.tools-know .summary-wrap .tools-list li .tools-wrap img { height: 24px; } .profile-section { padding: 24px 0 48px; } .profile-section.popup { padding: 56px 0 48px; } .profile-section::before { border-radius: 0 0 64px 0; -webkit-border-radius: 0 0 64px 0; } .profile-section .profile-wrap { flex-direction: column; gap: 24px; } .profile-section .profile-wrap .profile-img-wrap .profile-img { width: 62.877px; height: 62.877px; min-width: 62.877px; min-height: 62.877px; flex-shrink: 0; } .skills-section .skills-wrap .summary-wrap.testimonials { margin-left: 0; } .profile-section .profile-wrap .profile-img .profile-title h1 { font-size: 1.2em; } .profile-section .profile-wrap .profile-details .skillsets-wrap h3 { font-size: 13px; } .profile-section .profile-wrap .profile-details .skillsets-wrap h3::before { width: 10px; height: 10px; top: 4px; right: -4px; } .skills-section .skills-wrap.tools-know .summary-wrap .tools-list li .tools-wrap img { height: 24px; } .profile-section { padding: 24px 0 48px; } .profile-section.popup { padding: 56px 0 48px; } .profile-section::before { border-radius: 0 0 64px 0; -webkit-border-radius: 0 0 64px 0; } .profile-section .profile-wrap { flex-direction: column; gap: 24px; } .profile-section .profile-wrap .profile-img-wrap .profile-img { width: 62.877px; height: 62.877px; min-width: 62.877px; min-height: 62.877px; flex-shrink: 0; } .profile-section .profile-wrap .profile-img-wrap .profile-img::before { display: none; } .profile-section .profile-wrap .profile-details .profile-title { display: none; } .profile-section .profile-wrap .profile-img .profile-title { display: flex; flex-direction: column; gap: 4px; } .profile-section .profile-wrap .profile-img-wrap .play-btn { padding: 6px 12px; font-size: 11px; font-weight: 600; position: relative; } .profile-section .profile-wrap .profile-img-wrap .play-btn .play-icon { width: 20px; height: 20px; min-width: 20px; min-height: 20px; } .profile-section .profile-wrap .profile-img-wrap .play-btn .play-icon img { width: 10px; height: 10px; } .profile-section .profile-wrap .profile-img-wrap .videoResumeNLocation { flex-direction: row; flex-wrap: wrap; align-items: center; margin: -8px 0 0; gap: 16px; } .profile-section .profile-wrap .profile-img-wrap .videoResumeNLocation .location-text { align-items: center; } .profile-section .profile-wrap .profile-img-wrap .videoResumeNLocation.videoResumeNull { margin: 12px 0 0 0; } .profile-section .profile-wrap .profile-img-wrap .videoResumeNLocation.videoResumeNull .location-text { display: none; } .profile-section .profile-wrap .profile-details .pd-data-list li span { font-size: 11px; } .profile-section .profile-wrap .profile-details .pd-data-list li h2 { font-size: 16px; font-weight: 500; line-height: 19.5px; } .profile-section .profile-wrap .profile-details .pd-data-list li.portfolio a { font-size: 13px; } .skills-section .skills-wrap { gap: 24px; flex-direction: column; } .skills-section .skills-wrap .vetted-skills { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; } .skills-section .skills-wrap .vetted-skills .skill-count.mobileOnly { display: block; } .skills-section .skills-wrap .vetted-skills h4 { padding-bottom: 8px; font-size: 16px; line-height: 19.5px; width: 56%; } .skills-section .skills-wrap .vetted-skills .skill-count span { font-size: 22px; line-height: 27px; } .skills-section .skills-wrap .vetted-skills .skill-count small { font-size: 11px; } .skills-section .skills-wrap .vetted-skills .skill-count span::before { width: 8px; height: 8px; top: 2px; right: -4px; } .skills-section .skills-wrap .skill-accordion .skill-acco-head { border-color: var(--text-field-outline-2); } .skills-section .skills-wrap .skill-accordion .skill-acco-head li { width: 50%; } .skills-section .skills-wrap .skill-accordion .skill-acco-head li span { width: auto; font-weight: 400; font-size: 13px; line-height: 15.85px; margin-bottom: 8px; } .skills-section .skills-wrap .skill-accordion .skill-acco-head li:last-child { display: none; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .js-icon { width: 20px; height: 20px; object-fit: contain; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li span { font-size: 14px; line-height: 14px; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li .progress { width: 50px; height: 20px; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li { width: 50%; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li.assessments { display: none; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li.mobileAssessments { justify-content: space-between; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li.mobileAssessments .scoreBar { width: max-content; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li.mobileAssessments>span { display: block; padding: 0 4px; } .skills-section .skills-wrap .skill-accordion .card .card-header ul li.mobileAssessments>span img { width: 20px; height: 20px; } .skills-section .skills-wrap.professionalSummary { display: none; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li .score-data.pc { display: none; } .skills-section .skills-wrap .skill-accordion .card .card-body ul.score-data-mobile { display: flex; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li.resultReport span.mobileText { display: block; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li.resultReport span.pcText { display: none; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li { padding-right: 16px; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li.resultReport { padding-right: 0; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li { width: auto; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li span strong { margin-left: 0; } .skills-section .skills-wrap .skill-accordion .card .card-body ul, .skills-section .skills-wrap .skill-accordion .card .card-header ul { align-items: flex-start; } .skills-section .skills-wrap .vetted-skills { margin-bottom: 0; } .skills-section .skills-wrap.tools-know .summary-wrap .tools-list li .tools-wrap { font-size: 11px; } .section-text { font-size: 11px; } .profile-section .profile-wrap .profile-details .introduction p { font-size: 11px; } .profile-section .profile-wrap .profile-details .introduction { margin-bottom: 24px; } .profile-section .profile-wrap .profile-details .pd-data-list { gap: 16px; margin-bottom: 32px; } .profile-section .profile-wrap .profile-details .skillsets-wrap .skills-list li span { font-size: 11px; font-weight: 500; padding: 6px; line-height: 13.41px; } .skills-section .skills-wrap .summary-wrap .skill-tab-intrest { column-gap: 8px; row-gap: 16px; } .skills-section .skills-wrap .summary-wrap .skill-tab-intrest span { font-size: 11px; padding: 6px; line-height: 13.41px; } .take-test-modal .modal-content .modal-body .warning-note .wn-inner-box { display: block; } } @media (max-width:575px) { .profile-section .profile-wrap .profile-details .pd-data-list { gap: 20px; justify-content: space-between; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap { flex-direction: column; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-bg-img { display: none; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box.htw-arrow::before { width: 20px; height: 20px; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box.htw-arrow.htw-right::before { top: auto; right: 0; left: 0; bottom: -36px; transform: rotate(90deg); margin: 0 auto; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box.htw-arrow.htw-left::before { top: auto; right: 0; left: 0; bottom: -36px; transform: rotate(90deg); margin: 0 auto; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box.htw-arrow.htw-bottom::before { bottom: -36px; } .how-test-modal .assessment-modal-content .amc-data h2 { margin-bottom: 24px; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box p { text-align: center; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box .htw-img { max-width: 140px; margin: 0 auto 12px; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box:nth-child(4) { order: 1; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap { row-gap: 50px; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box .htw-no { left: -18px; } } @media (max-width:480px) { .skills-section .skills-wrap .skill-accordion .card .card-body ul li { font-size: 11px; line-height: 14px; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li span { font-size: 11px; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li .score-data { font-size: 11px; line-height: 14px; } .skills-section .skills-wrap .skill-accordion .card .card-body .card-inner-box { font-size: 10px; line-height: 15px; } .skills-section .skills-wrap .skill-accordion .card .card-body .card-inner-box h5 { font-size: 13px; } .skills-section .skills-wrap .skill-accordion .card .card-body ul li.resultReport span.mobileText { width: 70px; } .assessment-modal .assessment-modal-content { padding: 24px; } .assessment-modal .close-popup, .assessment-modal .modalCloseBtn, .back-popup { top: 16px; right: 16px; } .assessment-modal .assessment-modal-content .amc-data h2 { font-size: 18px; line-height: 22px; } .assessment-modal .assessment-modal-content .amc-data p, .take-test-modal .modal-content .modal-body .warning-note p, .take-test-modal .modal-content .modal-body p { font-size: 13px; line-height: 18px; } .assessment-modal .assessment-modal-content .amc-data .amc-test-text { font-size: 13px; line-height: 16px; } .assessment-modal .assessment-modal-content .amc-data .amc-bold-title { font-size: 13px; line-height: 16px; } .assessment-modal .assessment-modal-content .amc-box .amc-box-title { font-size: 14px; font-weight: 400; line-height: 20px; padding-bottom: 12px; margin-bottom: 12px; } .assessment-modal .assessment-modal-content .amc-box { padding: 12px; margin-bottom: 18px; } .assessment-modal .assessment-modal-content .amc-footr-btn { column-gap: 15px; } .assessment-modal .assessment-modal-content .amc-footr-btn button { font-size: 13px; font-weight: 700; line-height: 18px; } .assessment-modal .assessment-modal-content .amc-footr-btn .amc_btn { padding: 12px 16px; } .assessment-modal .assessment-modal-content .amc-data .am-img-logo { width: 32px; height: 32px; } .how-test-modal .assessment-modal-content { padding: 48px 24px 24px 24px; } .how-test-modal .assessment-modal-content .amc-data h2 { padding: 0; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box .htw-img { max-width: 120px; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box.htw-arrow::before { width: 16px; height: 16px; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box .htw-no { left: -12px; } .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box.htw-arrow.htw-bottom::before, .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box.htw-arrow.htw-left::before, .how-test-modal .assessment-modal-content .amc-data .how-test-wrap .htw-img-box.htw-arrow.htw-right::before { bottom: -32px; } .how-test-modal .assessment-modal-content .amc-box .amc-box-title { margin-bottom: 0; padding-bottom: 0; } .take-test-modal .modal-content .modal-body { padding: 24px!important; } .take-test-modal .modal-content .modal-body h3 { font-size: 18px!important; line-height: 20px!important; margin-bottom: 0!important; } .take-test-modal .modal-content .modal-body .take-tast-img-wrap { display: flex; align-items: center; column-gap: 8px; margin-bottom: 8px; } .take-test-modal .modal-content .modal-body .take-tast-img-wrap .modalSkillIcon { margin-bottom: 0; width: 32px; height: 32px; } .take-test-modal .modal-content .modal-body .warning-note .wn-score { margin-bottom: 24px; } .take-test-modal .modal-content .modal-body .take-tast-img-wrap .modalSkillIcon img { width: 100%; height: 100%; } .take-test-modal .modal-content .modal-body button.btn { font-size: 13px; line-height: 16px; padding: 12px 16px; } .take-test-modal .modal-content .modal-body .warning-note-box { display: none; } .assessment-modal .assessment-modal-content .amc-data .amc-bold-title .amc-tootltips .amc-tootltips-data { width: 250px; position: absolute; top: 26px; right: -30px; } .assessment-modal .assessment-modal-content .amc-data .amc-bold-title .amc-tootltips .amc-tootltips-data::before { margin: 0; top: -2px; left: auto; right: 32px; } } .wrapper.sidebarCollapsed { padding-left: 0; transition: all .35s; } @media (max-width:767px) { .skills-section .skills-wrap .summary-wrap .summary-step.certifica li, .skills-section .skills-wrap.skills-description .summary-wrap { padding-left: 14px; } .skills-section .skills-wrap .vetted-skills .skill-count small { font-size: 16px; line-height: 20px; } .skills-section .skills-wrap .summary-wrap .experience-wrap::before { left: -20px; } .skills-section .skills-wrap .summary-wrap .summary-heading { margin-bottom: 0; } .skills-section .skills-wrap .summary-wrap.testimonials .summary-heading { margin-bottom: 16px; } .skills-section .skills-wrap .summary-wrap .summary-step.certifica li .credential-link-wrap { margin-top: 10px; } .skills-section { padding-bottom: 60px; } .skills-section .skills-wrap .summary-wrap .experience-wrap { flex-direction: column; } .skills-section .skills-wrap .summary-wrap .experience-wrap .summary-heading { margin-bottom: 8px; } .skills-section .skills-wrap .summary-wrap .summary-title { margin-bottom: 4px; } .skills-section .skills-wrap .summary-wrap .experience-time { flex-direction: row; column-gap: 20px; } .skills-section .skills-wrap .summary-wrap .experience-time span:first-child { position: relative; } .skills-section .skills-wrap .summary-wrap .experience-time span:first-child::before { content: ""; width: 4px; height: 4px; border-radius: 4px; background-color: var(--text-gray); position: absolute; top: 0; bottom: 0; right: -10px; margin: auto 0; } .skills-section .skills-wrap .summary-wrap .experience-time span:last-child::before { display: none; } .wrapper.sidebarCollapsed { padding-left: 0; transition: all .35s; } } @media (max-width:479px) { .skills-section .skills-wrap .vetted-skills h4 { font-size: 16px; font-weight: 500; width: auto; } .skills-section .skills-wrap .vetted-skills .skill-count span { font-size: 22px; line-height: 27px; } .skills-section .skills-wrap .vetted-skills .skill-count span::before { width: 8px; height: 8px; top: 2px; } .skills-section .skills-wrap .summary-wrap .summary-title { font-size: 13px; line-height: 16px; } .summary-text { font-size: 11px; line-height: 14px; } .skills-section .skills-wrap .summary-wrap .summary-step li::before { top: 3px; } .skills-section .skills-wrap .summary-wrap .summary-step li:last-child::after { bottom: -16px; } .skills-section .skills-wrap .summary-wrap .summary-step.certifica li .link-text { font-size: 11px; line-height: 14px; } .skills-section .skills-wrap .summary-wrap .experience-time { font-size: 10px; } .skills-section .skills-wrap .vetted-skills .skill-count small { font-size: 11px; line-height: 14px; } .skills-section .skills-wrap .summary-wrap .experience-time span:first-child { font-weight: 400; } .skills-section .skills-wrap .summary-wrap .summary-step.certifica li .link-text a { font-weight: 500; } .skills-section .skills-wrap .vetted-skills .skill-count { padding-left: 28px; } .quill-readonly .ql-editor ol li, .quill-readonly .ql-editor ul li { padding-left: 0!important; } .quill-readonly, .quill-readonly ol li, .quill-readonly p, .quill-readonly ul li, .summary-per p { font-size: 11px; font-family: Montserrat,sans-serif; line-height: 16px; letter-spacing: .44px; } } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; 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; z-index: 1; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-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:after, .slick-track:before { 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; outline: 0; } [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; } .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height .5s ease-in-out; transition: height .5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: var(--primary-dark); } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .1s ease; transition: -webkit-transform .1s ease; transition: transform .1s ease; transition: transform .1s ease,-webkit-transform .1s ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } *, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--charcoal); text-align: left; background-color: var(--white); } [tabindex="-1"]:focus { outline: 0!important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } dl, ol, ul { margin-top: 0; margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: var(--blue); text-decoration: none; background-color: transparent; } a:hover { color: var(--link-hover); text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } code, kbd, pre, samp { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } caption { padding-top: .75rem; padding-bottom: .75rem; color: var(--gray); text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } button, optgroup, select { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none!important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-weight: 500; line-height: 1.2; } .h1, h1 { font-size: 2.5rem; } .h2, h2 { font-size: 2rem; } .h3, h3 { font-size: 1.75rem; } .h4, h4 { font-size: 1.5rem; } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid var(--rgb-dark-10); } .small, small { font-size: 80%; font-weight: 400; } .mark, mark { padding: .2em; background-color: var(--bg-light-yellow2); } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: .5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: var(--gray); } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: .25rem; background-color: var(--white); border: 1px solid var(--border-gray); border-radius: .25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: .5rem; line-height: 1; } .figure-caption { font-size: 90%; color: var(--gray); } code { font-size: 87.5%; color: var(--pink); word-break: break-word; } a>code { color: inherit; } kbd { padding: .2rem .4rem; font-size: 87.5%; color: var(--white); background-color: var(--charcoal); border-radius: .2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: var(--charcoal); } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width:576px) { .container { max-width: 540px; } } @media (min-width:768px) { .container { max-width: 720px; } } @media (min-width:992px) { .container { max-width: 960px; } } @media (min-width:1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width:576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-sm-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-sm-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-sm-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-sm-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-sm-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-sm-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-sm-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-sm-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-sm-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-sm-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-sm-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-sm-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-sm-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-sm-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width:768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-md-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-md-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-md-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-md-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-md-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-md-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-md-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-md-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-md-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-md-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-md-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-md-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-md-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-md-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width:992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-lg-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-lg-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-lg-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-lg-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-lg-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-lg-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-lg-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-lg-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-lg-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-lg-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-lg-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-lg-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-lg-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-lg-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width:1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-xl-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-xl-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-xl-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-xl-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-xl-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-xl-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-xl-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-xl-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-xl-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-xl-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-xl-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-xl-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-xl-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-xl-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--primary-black); background-color: var(--white); background-clip: padding-box; border: 1px solid var(--bg-muted-gray); border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .form-control { -webkit-transition: none; transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: var(--charcoal-light); background-color: var(--white); border-color: var(--brandYellow)!important; outline: 0; -webkit-box-shadow: 0 0 0 2px var(--brandYellow); box-shadow: 0 0 0 2px var(--brandYellow); } .form-control::-webkit-input-placeholder { color: var(--gray); opacity: 1; } .form-control:-ms-input-placeholder { color: var(--gray); opacity: 1; } .form-control::-ms-input-placeholder { color: var(--gray); opacity: 1; } .form-control::placeholder { color: var(--gray); opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: var(--bg-light-gray-e9); opacity: 1; } select.form-control:focus::-ms-value { color: var(--charcoal-light); background-color: var(--white); } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; color: var(--charcoal); background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; } select.form-control[multiple], select.form-control[size] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: .25rem; } .form-row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row>.col, .form-row>[class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem; } .form-check-input:disabled~.form-check-label { color: var(--gray); } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding-left: 0; margin-right: .75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: var(--green); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: var(--white); background-color: var(--rgb-green-shade-90); border-radius: .25rem; } .form-control.is-valid, .was-validated .form-control:valid { border-color: var(--green); padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: calc(.75em + .375rem) calc(.75em + .375rem); } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: var(--green); -webkit-box-shadow: 0 0 0 .2rem var(--rgb-green-shade-25); box-shadow: 0 0 0 .2rem var(--rgb-green-shade-25); } .form-control.is-valid~.valid-feedback, .form-control.is-valid~.valid-tooltip, .was-validated .form-control:valid~.valid-feedback, .was-validated .form-control:valid~.valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem); } .custom-select.is-valid, .was-validated .custom-select:valid { border-color: var(--green); padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") var(--white) no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem); } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { border-color: var(--green); -webkit-box-shadow: 0 0 0 .2rem var(--rgb-green-shade-25); box-shadow: 0 0 0 .2rem var(--rgb-green-shade-25); } .custom-select.is-valid~.valid-feedback, .custom-select.is-valid~.valid-tooltip, .was-validated .custom-select:valid~.valid-feedback, .was-validated .custom-select:valid~.valid-tooltip { display: block; } .form-control-file.is-valid~.valid-feedback, .form-control-file.is-valid~.valid-tooltip, .was-validated .form-control-file:valid~.valid-feedback, .was-validated .form-control-file:valid~.valid-tooltip { display: block; } .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color: var(--green); } .form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip, .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip { display: block; } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: var(--red); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: var(--white); background-color: var(--rgb-danger-red-90); border-radius: .25rem; } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: var(--red); padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: calc(.75em + .375rem) calc(.75em + .375rem); } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: var(--red); -webkit-box-shadow: 0 0 0 .2rem var(--rgb-red-shade-25); box-shadow: 0 0 0 .2rem var(--rgb-red-shade-25); } .form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem); } .custom-select.is-invalid, .was-validated .custom-select:invalid { border-color: var(--red); padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") var(--white) no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem); } .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus { border-color: var(--red); -webkit-box-shadow: 0 0 0 .2rem var(--rgb-red-shade-25); box-shadow: 0 0 0 .2rem var(--rgb-red-shade-25); } .custom-select.is-invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-tooltip, .was-validated .custom-select:invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-tooltip { display: block; } .form-control-file.is-invalid~.invalid-feedback, .form-control-file.is-invalid~.invalid-tooltip, .was-validated .form-control-file:invalid~.invalid-feedback, .was-validated .form-control-file:invalid~.invalid-tooltip { display: block; } .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { color: var(--red); } .form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip, .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip { display: block; } .form-inline { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width:576px) { .form-inline label { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .custom-select, .form-inline .input-group { width: auto; } .form-inline .form-check { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: .25rem; margin-left: 0; } } .btn { display: inline-block; font-weight: 400; color: var(--charcoal); text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .btn { -webkit-transition: none; transition: none; } } .btn:hover { color: var(--charcoal); text-decoration: none; } .btn.focus, .btn:focus { outline: 0; -webkit-box-shadow: 0 0 0 .2rem var(--rgb-blue-25); box-shadow: 0 0 0 .2rem var(--rgb-blue-25); } .btn.disabled, .btn:disabled { opacity: .65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: var(--white); background-color: var(--blue); border-color: var(--blue); } .btn-primary:hover { color: var(--white); background-color: var(--blue-light); border-color: var(--blue-light); } .btn-primary.focus, .btn-primary:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-blue-50); box-shadow: 0 0 0 .2rem var(--rgb-blue-50); } .btn-primary.disabled, .btn-primary:disabled { color: var(--white); background-color: var(--blue); border-color: var(--blue); } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: var(--white); background-color: var(--blue-light); border-color: var(--blue-light); } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-blue-50); box-shadow: 0 0 0 .2rem var(--rgb-blue-50); } .btn-secondary { color: var(--white); background-color: var(--gray); border-color: var(--gray); } .btn-secondary:hover { color: var(--white); background-color: var(--bg-dark-gray); border-color: var(--bg-dark-gray); } .btn-secondary.focus, .btn-secondary:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-gray-50); box-shadow: 0 0 0 .2rem var(--rgb-gray-50); } .btn-secondary.disabled, .btn-secondary:disabled { color: var(--white); background-color: var(--gray); border-color: var(--gray); } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: var(--white); background-color: var(--bg-dark-gray); border-color: var(--bg-dark-gray); } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-gray-50); box-shadow: 0 0 0 .2rem var(--rgb-gray-50); } .btn-success { color: var(--white); background-color: var(--green); border-color: var(--green); } .btn-success:hover { color: var(--white); background-color: #218838; border-color: var(--bg-green); } .btn-success.focus, .btn-success:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-green-50); box-shadow: 0 0 0 .2rem var(--rgb-green-50); } .btn-success.disabled, .btn-success:disabled { color: var(--white); background-color: var(--green); border-color: var(--green); } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle { color: var(--white); background-color: var(--bg-green); border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-green-50); box-shadow: 0 0 0 .2rem var(--rgb-green-50); } .btn-info { color: var(--white); background-color: var(--info); border-color: var(--info); } .btn-info:hover { color: var(--white); background-color: #138496; border-color: #117a8b; } .btn-info.focus, .btn-info:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-cyan-50); box-shadow: 0 0 0 .2rem var(--rgb-cyan-50); } .btn-info.disabled, .btn-info:disabled { color: var(--white); background-color: var(--info); border-color: var(--info); } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle { color: var(--white); background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-cyan-50); box-shadow: 0 0 0 .2rem var(--rgb-cyan-50); } .btn-warning { color: var(--charcoal); background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: var(--charcoal); background-color: #e0a800; border-color: #d39e00; } .btn-warning.focus, .btn-warning:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-dark-yellow-50); box-shadow: 0 0 0 .2rem var(--rgb-dark-yellow-50); } .btn-warning.disabled, .btn-warning:disabled { color: var(--charcoal); background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle { color: var(--charcoal); background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-dark-yellow-50); box-shadow: 0 0 0 .2rem var(--rgb-dark-yellow-50); } .btn-danger { color: var(--white); background-color: var(--red); border-color: var(--red); } .btn-danger:hover { color: var(--white); background-color: #c82333; border-color: #bd2130; } .btn-danger.focus, .btn-danger:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-light-red-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-light-red-shade-50); } .btn-danger.disabled, .btn-danger:disabled { color: var(--white); background-color: var(--red); border-color: var(--red); } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle { color: var(--white); background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-light-red-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-light-red-shade-50); } .btn-light { color: var(--charcoal); background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: var(--charcoal); background-color: #e2e6ea; border-color: #dae0e5; } .btn-light.focus, .btn-light:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-gray-light-50); box-shadow: 0 0 0 .2rem var(--rgb-gray-light-50); } .btn-light.disabled, .btn-light:disabled { color: var(--charcoal); background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { color: var(--charcoal); background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-gray-light-50); box-shadow: 0 0 0 .2rem var(--rgb-gray-light-50); } .btn-dark { color: var(--white); background-color: var(--gray-dark); border-color: var(--gray-dark); } .btn-dark:hover { color: var(--white); background-color: #23272b; border-color: #1d2124; } .btn-dark.focus, .btn-dark:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-dark-gray-shade2-50); box-shadow: 0 0 0 .2rem var(--rgb-dark-gray-shade2-50); } .btn-dark.disabled, .btn-dark:disabled { color: var(--white); background-color: var(--gray-dark); border-color: var(--gray-dark); } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle { color: var(--white); background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-dark-gray-shade2-50); box-shadow: 0 0 0 .2rem var(--rgb-dark-gray-shade2-50)} .btn-outline-primary { color: var(--blue); border-color: var(--blue); } .btn-outline-primary:hover { color: var(--white); background-color: var(--blue); border-color: var(--blue); } .btn-outline-primary.focus, .btn-outline-primary:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-focus-blue-50); box-shadow: 0 0 0 .2rem var(--rgb-focus-blue-50); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: var(--blue); background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: var(--white); background-color: var(--blue); border-color: var(--blue); } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-focus-blue-50); box-shadow: 0 0 0 .2rem var(--rgb-focus-blue-50); } .btn-outline-secondary { color: var(--gray); border-color: var(--gray); } .btn-outline-secondary:hover { color: var(--white); background-color: var(--gray); border-color: var(--gray); } .btn-outline-secondary.focus, .btn-outline-secondary:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-gray-shade2-50); box-shadow: 0 0 0 .2rem var(--rgb-gray-shade2-50); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: var(--gray); background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: var(--white); background-color: var(--gray); border-color: var(--gray); } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-gray-shade2-50); box-shadow: 0 0 0 .2rem var(--rgb-gray-shade2-50); } .btn-outline-success { color: var(--green); border-color: var(--green); } .btn-outline-success:hover { color: var(--white); background-color: var(--green); border-color: var(--green); } .btn-outline-success.focus, .btn-outline-success:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-green-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-green-shade-50); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: var(--green); background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle { color: var(--white); background-color: var(--green); border-color: var(--green); } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-green-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-green-shade-50); } .btn-outline-info { color: var(--info); border-color: var(--info); } .btn-outline-info:hover { color: var(--white); background-color: var(--info); border-color: var(--info); } .btn-outline-info.focus, .btn-outline-info:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-cyan-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-cyan-shade-50); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: var(--info); background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle { color: var(--white); background-color: var(--info); border-color: var(--info); } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-cyan-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-cyan-shade-50); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: var(--charcoal); background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning.focus, .btn-outline-warning:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-amber-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-amber-shade-50); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle { color: var(--charcoal); background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-amber-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-amber-shade-50); } .btn-outline-danger { color: var(--red); border-color: var(--red); } .btn-outline-danger:hover { color: var(--white); background-color: var(--red); border-color: var(--red); } .btn-outline-danger.focus, .btn-outline-danger:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-red-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-red-shade-50); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: var(--red); background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle { color: var(--white); background-color: var(--red); border-color: var(--red); } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-red-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-red-shade-50); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: var(--charcoal); background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light.focus, .btn-outline-light:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-gray-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-gray-shade-50); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle { color: var(--charcoal); background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-gray-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-gray-shade-50); } .btn-outline-dark { color: var(--gray-dark); border-color: var(--gray-dark); } .btn-outline-dark:hover { color: var(--white); background-color: var(--gray-dark); border-color: var(--gray-dark); } .btn-outline-dark.focus, .btn-outline-dark:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-dark-gray-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-dark-gray-shade-50); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: var(--gray-dark); background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle { color: var(--white); background-color: var(--gray-dark); border-color: var(--gray-dark); } .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--rgb-dark-gray-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-dark-gray-shade-50); } .btn-link { font-weight: 400; color: var(--blue); text-decoration: none; } .btn-link:hover { color: var(--link-hover); text-decoration: underline; } .btn-link.focus, .btn-link:focus { text-decoration: underline; -webkit-box-shadow: none; box-shadow: none; } .btn-link.disabled, .btn-link:disabled { color: var(--gray); pointer-events: none; } .btn-group-lg>.btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; } .btn-group-sm>.btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; } .btn-block { display: block; width: 100%; } .btn-block+.btn-block { margin-top: .5rem; } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100%; } .fade { -webkit-transition: opacity .15s linear; transition: opacity .15s linear; } @media (prefers-reduced-motion:reduce) { .fade { -webkit-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; transition: height .35s ease; } @media (prefers-reduced-motion:reduce) { .collapsing { -webkit-transition: none; transition: none; } } .dropdown, .dropleft, .dropright, .dropup { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: var(--charcoal); text-align: left; list-style: none; background-color: var(--white); background-clip: padding-box; border: 1px solid var(--rgb-dark-shade-50); border-radius: .25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width:576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width:768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width:992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width:1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid var(--bg-light-gray-e9); } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: var(--charcoal); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: var(--black-hover); text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: var(--white); text-decoration: none; background-color: var(--blue); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--gray); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: var(--gray); white-space: nowrap; } .dropdown-item-text { display: block; padding: .25rem 1.5rem; color: var(--charcoal); } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; vertical-align: middle; } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; } .btn-group-vertical>.btn:hover, .btn-group>.btn:hover { z-index: 1; } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus { z-index: 1; } .btn-toolbar { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) { margin-left: -1px; } .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem; } .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem; } .btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem; } .btn-group-vertical { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width: 100%; } .btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) { margin-top: -1px; } .btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn { margin-bottom: 0; } .btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio], .btn-group-toggle>.btn-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none; } .input-group { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; width: 100%; } .input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-append, .input-group-prepend { display: -ms-flexbox; display: -webkit-box; display: flex; } .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2; } .input-group-append .btn:focus, .input-group-prepend .btn:focus { z-index: 3; } .input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--charcoal-light); text-align: center; white-space: nowrap; background-color: var(--bg-light-gray-e9); border: 1px solid var(--bg-muted-gray); border-radius: .25rem; } .input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0; } .input-group-lg>.custom-select, .input-group-lg>.form-control:not(textarea) { height: calc(1.5em + 1rem + 2px); } .input-group-lg>.custom-select, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; } .input-group-sm>.custom-select, .input-group-sm>.form-control:not(textarea) { height: calc(1.5em + .5rem + 2px); } .input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; } .input-group-lg>.custom-select, .input-group-sm>.custom-select { padding-right: 1.75rem; } .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--charcoal-light); vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; background-color: var(--white); border: 1px solid var(--bg-muted-gray); border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: var(--border-light-blue); outline: 0; -webkit-box-shadow: 0 0 0 .2rem var(--rgb-blue-25); box-shadow: 0 0 0 .2rem var(--rgb-blue-25); } .custom-select:focus::-ms-value { color: var(--charcoal-light); background-color: var(--white); } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none; } .custom-select:disabled { color: var(--gray); background-color: var(--bg-light-gray-e9); } .custom-select::-ms-expand { display: none; } .custom-select-sm { height: calc(1.5em + .5rem + 2px); padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem; } .nav { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: .5rem 1rem; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: var(--gray); pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid var(--border-gray); } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: var(--bg-light-gray-e9) var(--bg-light-gray-e9) var(--border-gray); } .nav-tabs .nav-link.disabled { color: var(--gray); background-color: transparent; border-color: transparent; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: var(--charcoal-light); background-color: var(--white); border-color: var(--border-gray) var(--border-gray) var(--white); } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: .25rem; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: var(--white); background-color: var(--blue); } .nav-fill .nav-item { -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; text-align: center; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .navbar { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: .5rem 1rem; } .navbar>.container, .navbar>.container-fluid { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-nav { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: .5rem; padding-bottom: .5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } .card { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: var(--white); background-clip: border-box; border: 1px solid var(--rgb-dark-125); border-radius: .25rem; } .card>hr { margin-right: 0; margin-left: 0; } .card-body { -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: .75rem; } .card-subtitle { margin-top: -.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link+.card-link { margin-left: 1.25rem; } .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: var(--rgb-dark-125); border-bottom: 1px solid var(--rgb-dark-125); } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; } .card-footer { padding: .75rem 1.25rem; background-color: var(--rgb-dark-125); border-top: 1px solid var(--rgb-dark-125); } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px); } .card-header-tabs { margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0; } .card-header-pills { margin-right: -.625rem; margin-left: -.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px); } .card-deck { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width:576px) { .card-deck { -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 1 0 0%; -webkit-box-flex: 1; flex: 1 0 0%; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-columns .card { margin-bottom: .75rem; } @media (min-width:576px) { .card-columns { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion>.card { overflow: hidden; } .accordion>.card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion>.card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion>.card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion>.card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion>.card .card-header { margin-bottom: -1px; } .breadcrumb { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: var(--bg-light-gray-e9); border-radius: .25rem; } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem; } .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: var(--gray); content: "/"; } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: var(--gray); } .pagination { display: -ms-flexbox; display: -webkit-box; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: var(--blue); background-color: var(--white); border: 1px solid var(--border-gray); } .page-link:hover { z-index: 2; color: var(--link-hover); text-decoration: none; background-color: var(--bg-light-gray-e9); border-color: var(--border-gray); } .page-link:focus { z-index: 2; outline: 0; -webkit-box-shadow: 0 0 0 .2rem var(--rgb-blue-25); box-shadow: 0 0 0 .2rem var(--rgb-blue-25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .page-item.active .page-link { z-index: 1; color: var(--white); background-color: var(--blue); border-color: var(--blue); } .page-item.disabled .page-link { color: var(--gray); pointer-events: none; cursor: auto; background-color: var(--white); border-color: var(--border-gray); } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem; } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem; } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .badge { -webkit-transition: none; transition: none; } } a.badge:focus, a.badge:hover { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem; } .badge-primary { color: var(--white); background-color: var(--blue); } a.badge-primary:focus, a.badge-primary:hover { color: var(--white); background-color: var(--blue-light); } a.badge-primary.focus, a.badge-primary:focus { outline: 0; -webkit-box-shadow: 0 0 0 .2rem var(--rgb-focus-blue-50); box-shadow: 0 0 0 .2rem var(--rgb-focus-blue-50); } .badge-secondary { color: var(--white); background-color: var(--gray); } a.badge-secondary:focus, a.badge-secondary:hover { color: var(--white); background-color: var(--bg-dark-gray); } a.badge-secondary.focus, a.badge-secondary:focus { outline: 0; -webkit-box-shadow: 0 0 0 .2rem var(--rgb-gray-shade2-50); box-shadow: 0 0 0 .2rem var(--rgb-gray-shade2-50); } .badge-success { color: var(--white); background-color: var(--green); } a.badge-success:focus, a.badge-success:hover { color: var(--white); background-color: var(--bg-green); } a.badge-success.focus, a.badge-success:focus { outline: 0; -webkit-box-shadow: 0 0 0 .2rem var(--rgb-green-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-green-shade-50); } .badge-info { color: var(--white); background-color: var(--info); } a.badge-info:focus, a.badge-info:hover { color: var(--white); background-color: #117a8b; } a.badge-info.focus, a.badge-info:focus { outline: 0; -webkit-box-shadow: 0 0 0 .2rem var(--rgb-cyan-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-cyan-shade-50); } .badge-warning { color: var(--charcoal); background-color: #ffc107; } a.badge-warning:focus, a.badge-warning:hover { color: var(--charcoal); background-color: #d39e00; } a.badge-warning.focus, a.badge-warning:focus { outline: 0; -webkit-box-shadow: 0 0 0 .2rem var(--rgb-amber-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-amber-shade-50); } .badge-danger { color: var(--white); background-color: var(--red); } a.badge-danger:focus, a.badge-danger:hover { color: var(--white); background-color: #bd2130; } a.badge-danger.focus, a.badge-danger:focus { outline: 0; -webkit-box-shadow: 0 0 0 .2rem var(--rgb-red-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-red-shade-50); } .badge-light { color: var(--charcoal); background-color: #f8f9fa; } a.badge-light:focus, a.badge-light:hover { color: var(--charcoal); background-color: #dae0e5; } a.badge-light.focus, a.badge-light:focus { outline: 0; -webkit-box-shadow: 0 0 0 .2rem var(--rgb-gray-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-gray-shade-50); } .badge-dark { color: var(--white); background-color: var(--gray-dark); } a.badge-dark:focus, a.badge-dark:hover { color: var(--white); background-color: #1d2124; } a.badge-dark.focus, a.badge-dark:focus { outline: 0; -webkit-box-shadow: 0 0 0 .2rem var(--rgb-dark-gray-shade-50); box-shadow: 0 0 0 .2rem var(--rgb-dark-gray-shade-50); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: var(--bg-light-gray-e9); border-radius: .3rem; } @media (min-width:576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: -ms-flexbox; display: -webkit-box; display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: var(--bg-light-gray-e9); border-radius: .25rem; } .progress-bar { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; color: var(--white); text-align: center; white-space: nowrap; background-color: var(--blue); -webkit-transition: width .6s ease; transition: width .6s ease; } @media (prefers-reduced-motion:reduce) { .progress-bar { -webkit-transition: none; transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg,var(--rgb-light-gray-15) 25%,transparent 25%,transparent 50%,var(--rgb-light-gray-15) 50%,var(--rgb-light-gray-15) 75%,transparent 75%,transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .media { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .media-body { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: var(--primary-dark); text-shadow: 0 1px 0 var(--white); opacity: .5; } .close:hover { color: var(--primary-dark); text-decoration: none; } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: .875rem; background-color: var(--rgb-light-gray-85-gray-85); background-clip: padding-box; border: 1px solid var(--rgb-dark-10); -webkit-box-shadow: 0 .25rem .75rem var(--rgb-dark-10); box-shadow: 0 .25rem .75rem var(--rgb-dark-10); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: .25rem; } .toast:not(:last-child) { margin-bottom: .75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding: .25rem .75rem; color: var(--gray); background-color: var(--rgb-light-gray-85); background-clip: padding-box; border-bottom: 1px solid var(--rgb-dark-05); } .toast-body { padding: .75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: -webkit-transform .3s ease-out; -webkit-transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform: translate(0,-50px); transform: translate(0,-50px); } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal-dialog-scrollable { display: -ms-flexbox; display: -webkit-box; display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; pointer-events: auto; background-color: var(--white); background-clip: padding-box; border-radius: .3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: var(--primary-dark); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: .5; } .modal-header { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid var(--border-gray); border-top-left-radius: .3rem; border-top-right-radius: .3rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid var(--border-gray); border-bottom-right-radius: .3rem; border-bottom-left-radius: .3rem; } .modal-footer>:not(:first-child) { margin-left: .25rem; } .modal-footer>:not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width:576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width:992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width:1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: .9; } .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: var(--white); text-align: center; background-color: var(--primary-dark); border-radius: .25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 17.25rem; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: var(--white); background-clip: padding-box; border: 1px solid var(--rgb-dark-20); border-radius: .3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 .3rem; } .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid var(--border-gray2); border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: .5rem .75rem; color: var(--charcoal); } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline!important; } .align-top { vertical-align: top!important; } .align-middle { vertical-align: middle!important; } .align-bottom { vertical-align: bottom!important; } .align-text-bottom { vertical-align: text-bottom!important; } .align-text-top { vertical-align: text-top!important; } .bg-primary { background-color: var(--blue)!important; } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: var(--blue-light)!important; } .bg-secondary { background-color: var(--gray)!important; } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: var(--bg-dark-gray)!important; } .bg-success { background-color: var(--green)!important; } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: var(--bg-green)!important; } .bg-info { background-color: var(--info)!important; } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #117a8b!important; } .bg-warning { background-color: #ffc107!important; } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #d39e00!important; } .bg-danger { background-color: var(--red)!important; } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #bd2130!important; } .bg-light { background-color: #f8f9fa!important; } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #dae0e5!important; } .bg-dark { background-color: var(--gray-dark)!important; } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: #1d2124!important; } .bg-white { background-color: var(--white)!important; } .bg-transparent { background-color: transparent!important; } .border { border: 1px solid var(--border-gray)!important; } .border-top { border-top: 1px solid var(--border-gray)!important; } .border-right { border-right: 1px solid var(--border-gray)!important; } .border-bottom { border-bottom: 1px solid var(--border-gray)!important; } .border-left { border-left: 1px solid var(--border-gray)!important; } .border-0 { border: 0!important; } .border-top-0 { border-top: 0!important; } .border-right-0 { border-right: 0!important; } .border-bottom-0 { border-bottom: 0!important; } .border-left-0 { border-left: 0!important; } .border-primary { border-color: var(--blue)!important; } .border-secondary { border-color: var(--gray)!important; } .border-success { border-color: var(--green)!important; } .border-info { border-color: var(--info)!important; } .border-warning { border-color: #ffc107!important; } .border-danger { border-color: var(--red)!important; } .border-light { border-color: #f8f9fa!important; } .border-dark { border-color: var(--gray-dark)!important; } .border-white { border-color: var(--white)!important; } .rounded-sm { border-radius: .2rem!important; } .rounded { border-radius: .25rem!important; } .rounded-top { border-top-left-radius: .25rem!important; border-top-right-radius: .25rem!important; } .rounded-right { border-top-right-radius: .25rem!important; border-bottom-right-radius: .25rem!important; } .rounded-bottom { border-bottom-right-radius: .25rem!important; border-bottom-left-radius: .25rem!important; } .rounded-left { border-top-left-radius: .25rem!important; border-bottom-left-radius: .25rem!important; } .rounded-lg { border-radius: .3rem!important; } .rounded-circle { border-radius: 50%!important; } .rounded-pill { border-radius: 50rem!important; } .rounded-0 { border-radius: 0!important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none!important; } .d-inline { display: inline!important; } .d-inline-block { display: inline-block!important; } .d-block { display: block!important; } .d-table { display: table!important; } .d-table-row { display: table-row!important; } .d-table-cell { display: table-cell!important; } .d-flex { display: -ms-flexbox!important; display: -webkit-box!important; display: flex!important; } .d-inline-flex { display: -ms-inline-flexbox!important; display: -webkit-inline-box!important; display: inline-flex!important; } @media (min-width:576px) { .d-sm-none { display: none!important; } .d-sm-inline { display: inline!important; } .d-sm-inline-block { display: inline-block!important; } .d-sm-block { display: block!important; } .d-sm-table { display: table!important; } .d-sm-table-row { display: table-row!important; } .d-sm-table-cell { display: table-cell!important; } .d-sm-flex { display: -ms-flexbox!important; display: -webkit-box!important; display: flex!important; } .d-sm-inline-flex { display: -ms-inline-flexbox!important; display: -webkit-inline-box!important; display: inline-flex!important; } } @media (min-width:768px) { .d-md-none { display: none!important; } .d-md-inline { display: inline!important; } .d-md-inline-block { display: inline-block!important; } .d-md-block { display: block!important; } .d-md-table { display: table!important; } .d-md-table-row { display: table-row!important; } .d-md-table-cell { display: table-cell!important; } .d-md-flex { display: -ms-flexbox!important; display: -webkit-box!important; display: flex!important; } .d-md-inline-flex { display: -ms-inline-flexbox!important; display: -webkit-inline-box!important; display: inline-flex!important; } } @media (min-width:992px) { .d-lg-none { display: none!important; } .d-lg-inline { display: inline!important; } .d-lg-inline-block { display: inline-block!important; } .d-lg-block { display: block!important; } .d-lg-table { display: table!important; } .d-lg-table-row { display: table-row!important; } .d-lg-table-cell { display: table-cell!important; } .d-lg-flex { display: -ms-flexbox!important; display: -webkit-box!important; display: flex!important; } .d-lg-inline-flex { display: -ms-inline-flexbox!important; display: -webkit-inline-box!important; display: inline-flex!important; } } @media (min-width:1200px) { .d-xl-none { display: none!important; } .d-xl-inline { display: inline!important; } .d-xl-inline-block { display: inline-block!important; } .d-xl-block { display: block!important; } .d-xl-table { display: table!important; } .d-xl-table-row { display: table-row!important; } .d-xl-table-cell { display: table-cell!important; } .d-xl-flex { display: -ms-flexbox!important; display: -webkit-box!important; display: flex!important; } .d-xl-inline-flex { display: -ms-inline-flexbox!important; display: -webkit-inline-box!important; display: inline-flex!important; } } @media print { .d-print-none { display: none!important; } .d-print-inline { display: inline!important; } .d-print-inline-block { display: inline-block!important; } .d-print-block { display: block!important; } .d-print-table { display: table!important; } .d-print-table-row { display: table-row!important; } .d-print-table-cell { display: table-cell!important; } .d-print-flex { display: -ms-flexbox!important; display: -webkit-box!important; display: flex!important; } .d-print-inline-flex { display: -ms-inline-flexbox!important; display: -webkit-inline-box!important; display: inline-flex!important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -ms-flex-direction: row!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; flex-direction: row!important; } .flex-column { -ms-flex-direction: column!important; -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; flex-direction: column!important; } .flex-row-reverse { -ms-flex-direction: row-reverse!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: reverse!important; flex-direction: row-reverse!important; } .flex-column-reverse { -ms-flex-direction: column-reverse!important; -webkit-box-orient: vertical!important; -webkit-box-direction: reverse!important; flex-direction: column-reverse!important; } .flex-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; } .flex-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important; } .flex-fill { -ms-flex: 1 1 auto!important; -webkit-box-flex: 1!important; flex: 1 1 auto!important; } .flex-grow-0 { -ms-flex-positive: 0!important; -webkit-box-flex: 0!important; flex-grow: 0!important; } .flex-grow-1 { -ms-flex-positive: 1!important; -webkit-box-flex: 1!important; flex-grow: 1!important; } .flex-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important; } .flex-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important; } .justify-content-start { -ms-flex-pack: start!important; -webkit-box-pack: start!important; justify-content: flex-start!important; } .justify-content-end { -ms-flex-pack: end!important; -webkit-box-pack: end!important; justify-content: flex-end!important; } .justify-content-center { -ms-flex-pack: center!important; -webkit-box-pack: center!important; justify-content: center!important; } .justify-content-between { -ms-flex-pack: justify!important; -webkit-box-pack: justify!important; justify-content: space-between!important; } .justify-content-around { -ms-flex-pack: distribute!important; justify-content: space-around!important; } .align-items-start { -ms-flex-align: start!important; -webkit-box-align: start!important; align-items: flex-start!important; } .align-items-end { -ms-flex-align: end!important; -webkit-box-align: end!important; align-items: flex-end!important; } .align-items-center { -ms-flex-align: center!important; -webkit-box-align: center!important; align-items: center!important; } .align-items-baseline { -ms-flex-align: baseline!important; -webkit-box-align: baseline!important; align-items: baseline!important; } .align-items-stretch { -ms-flex-align: stretch!important; -webkit-box-align: stretch!important; align-items: stretch!important; } .align-content-start { -ms-flex-line-pack: start!important; align-content: flex-start!important; } .align-content-end { -ms-flex-line-pack: end!important; align-content: flex-end!important; } .align-content-center { -ms-flex-line-pack: center!important; align-content: center!important; } .align-content-between { -ms-flex-line-pack: justify!important; align-content: space-between!important; } .align-content-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important; } .align-content-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important; } .align-self-auto { -ms-flex-item-align: auto!important; align-self: auto!important; } .align-self-start { -ms-flex-item-align: start!important; align-self: flex-start!important; } .align-self-end { -ms-flex-item-align: end!important; align-self: flex-end!important; } .align-self-center { -ms-flex-item-align: center!important; align-self: center!important; } .align-self-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important; } .align-self-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important; } @media (min-width:576px) { .flex-sm-row { -ms-flex-direction: row!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; flex-direction: row!important; } .flex-sm-column { -ms-flex-direction: column!important; -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; flex-direction: column!important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: reverse!important; flex-direction: row-reverse!important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse!important; -webkit-box-orient: vertical!important; -webkit-box-direction: reverse!important; flex-direction: column-reverse!important; } .flex-sm-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important; } .flex-sm-fill { -ms-flex: 1 1 auto!important; -webkit-box-flex: 1!important; flex: 1 1 auto!important; } .flex-sm-grow-0 { -ms-flex-positive: 0!important; -webkit-box-flex: 0!important; flex-grow: 0!important; } .flex-sm-grow-1 { -ms-flex-positive: 1!important; -webkit-box-flex: 1!important; flex-grow: 1!important; } .flex-sm-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important; } .flex-sm-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important; } .justify-content-sm-start { -ms-flex-pack: start!important; -webkit-box-pack: start!important; justify-content: flex-start!important; } .justify-content-sm-end { -ms-flex-pack: end!important; -webkit-box-pack: end!important; justify-content: flex-end!important; } .justify-content-sm-center { -ms-flex-pack: center!important; -webkit-box-pack: center!important; justify-content: center!important; } .justify-content-sm-between { -ms-flex-pack: justify!important; -webkit-box-pack: justify!important; justify-content: space-between!important; } .justify-content-sm-around { -ms-flex-pack: distribute!important; justify-content: space-around!important; } .align-items-sm-start { -ms-flex-align: start!important; -webkit-box-align: start!important; align-items: flex-start!important; } .align-items-sm-end { -ms-flex-align: end!important; -webkit-box-align: end!important; align-items: flex-end!important; } .align-items-sm-center { -ms-flex-align: center!important; -webkit-box-align: center!important; align-items: center!important; } .align-items-sm-baseline { -ms-flex-align: baseline!important; -webkit-box-align: baseline!important; align-items: baseline!important; } .align-items-sm-stretch { -ms-flex-align: stretch!important; -webkit-box-align: stretch!important; align-items: stretch!important; } .align-content-sm-start { -ms-flex-line-pack: start!important; align-content: flex-start!important; } .align-content-sm-end { -ms-flex-line-pack: end!important; align-content: flex-end!important; } .align-content-sm-center { -ms-flex-line-pack: center!important; align-content: center!important; } .align-content-sm-between { -ms-flex-line-pack: justify!important; align-content: space-between!important; } .align-content-sm-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important; } .align-self-sm-auto { -ms-flex-item-align: auto!important; align-self: auto!important; } .align-self-sm-start { -ms-flex-item-align: start!important; align-self: flex-start!important; } .align-self-sm-end { -ms-flex-item-align: end!important; align-self: flex-end!important; } .align-self-sm-center { -ms-flex-item-align: center!important; align-self: center!important; } .align-self-sm-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important; } .align-self-sm-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important; } } @media (min-width:768px) { .flex-md-row { -ms-flex-direction: row!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; flex-direction: row!important; } .flex-md-column { -ms-flex-direction: column!important; -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; flex-direction: column!important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: reverse!important; flex-direction: row-reverse!important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse!important; -webkit-box-orient: vertical!important; -webkit-box-direction: reverse!important; flex-direction: column-reverse!important; } .flex-md-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; } .flex-md-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important; } .flex-md-fill { -ms-flex: 1 1 auto!important; -webkit-box-flex: 1!important; flex: 1 1 auto!important; } .flex-md-grow-0 { -ms-flex-positive: 0!important; -webkit-box-flex: 0!important; flex-grow: 0!important; } .flex-md-grow-1 { -ms-flex-positive: 1!important; -webkit-box-flex: 1!important; flex-grow: 1!important; } .flex-md-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important; } .flex-md-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important; } .justify-content-md-start { -ms-flex-pack: start!important; -webkit-box-pack: start!important; justify-content: flex-start!important; } .justify-content-md-end { -ms-flex-pack: end!important; -webkit-box-pack: end!important; justify-content: flex-end!important; } .justify-content-md-center { -ms-flex-pack: center!important; -webkit-box-pack: center!important; justify-content: center!important; } .justify-content-md-between { -ms-flex-pack: justify!important; -webkit-box-pack: justify!important; justify-content: space-between!important; } .justify-content-md-around { -ms-flex-pack: distribute!important; justify-content: space-around!important; } .align-items-md-start { -ms-flex-align: start!important; -webkit-box-align: start!important; align-items: flex-start!important; } .align-items-md-end { -ms-flex-align: end!important; -webkit-box-align: end!important; align-items: flex-end!important; } .align-items-md-center { -ms-flex-align: center!important; -webkit-box-align: center!important; align-items: center!important; } .align-items-md-baseline { -ms-flex-align: baseline!important; -webkit-box-align: baseline!important; align-items: baseline!important; } .align-items-md-stretch { -ms-flex-align: stretch!important; -webkit-box-align: stretch!important; align-items: stretch!important; } .align-content-md-start { -ms-flex-line-pack: start!important; align-content: flex-start!important; } .align-content-md-end { -ms-flex-line-pack: end!important; align-content: flex-end!important; } .align-content-md-center { -ms-flex-line-pack: center!important; align-content: center!important; } .align-content-md-between { -ms-flex-line-pack: justify!important; align-content: space-between!important; } .align-content-md-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important; } .align-content-md-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important; } .align-self-md-auto { -ms-flex-item-align: auto!important; align-self: auto!important; } .align-self-md-start { -ms-flex-item-align: start!important; align-self: flex-start!important; } .align-self-md-end { -ms-flex-item-align: end!important; align-self: flex-end!important; } .align-self-md-center { -ms-flex-item-align: center!important; align-self: center!important; } .align-self-md-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important; } .align-self-md-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important; } } @media (min-width:992px) { .flex-lg-row { -ms-flex-direction: row!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; flex-direction: row!important; } .flex-lg-column { -ms-flex-direction: column!important; -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; flex-direction: column!important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: reverse!important; flex-direction: row-reverse!important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse!important; -webkit-box-orient: vertical!important; -webkit-box-direction: reverse!important; flex-direction: column-reverse!important; } .flex-lg-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important; } .flex-lg-fill { -ms-flex: 1 1 auto!important; -webkit-box-flex: 1!important; flex: 1 1 auto!important; } .flex-lg-grow-0 { -ms-flex-positive: 0!important; -webkit-box-flex: 0!important; flex-grow: 0!important; } .flex-lg-grow-1 { -ms-flex-positive: 1!important; -webkit-box-flex: 1!important; flex-grow: 1!important; } .flex-lg-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important; } .flex-lg-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important; } .justify-content-lg-start { -ms-flex-pack: start!important; -webkit-box-pack: start!important; justify-content: flex-start!important; } .justify-content-lg-end { -ms-flex-pack: end!important; -webkit-box-pack: end!important; justify-content: flex-end!important; } .justify-content-lg-center { -ms-flex-pack: center!important; -webkit-box-pack: center!important; justify-content: center!important; } .justify-content-lg-between { -ms-flex-pack: justify!important; -webkit-box-pack: justify!important; justify-content: space-between!important; } .justify-content-lg-around { -ms-flex-pack: distribute!important; justify-content: space-around!important; } .align-items-lg-start { -ms-flex-align: start!important; -webkit-box-align: start!important; align-items: flex-start!important; } .align-items-lg-end { -ms-flex-align: end!important; -webkit-box-align: end!important; align-items: flex-end!important; } .align-items-lg-center { -ms-flex-align: center!important; -webkit-box-align: center!important; align-items: center!important; } .align-items-lg-baseline { -ms-flex-align: baseline!important; -webkit-box-align: baseline!important; align-items: baseline!important; } .align-items-lg-stretch { -ms-flex-align: stretch!important; -webkit-box-align: stretch!important; align-items: stretch!important; } .align-content-lg-start { -ms-flex-line-pack: start!important; align-content: flex-start!important; } .align-content-lg-end { -ms-flex-line-pack: end!important; align-content: flex-end!important; } .align-content-lg-center { -ms-flex-line-pack: center!important; align-content: center!important; } .align-content-lg-between { -ms-flex-line-pack: justify!important; align-content: space-between!important; } .align-content-lg-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important; } .align-self-lg-auto { -ms-flex-item-align: auto!important; align-self: auto!important; } .align-self-lg-start { -ms-flex-item-align: start!important; align-self: flex-start!important; } .align-self-lg-end { -ms-flex-item-align: end!important; align-self: flex-end!important; } .align-self-lg-center { -ms-flex-item-align: center!important; align-self: center!important; } .align-self-lg-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important; } .align-self-lg-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important; } } @media (min-width:1200px) { .flex-xl-row { -ms-flex-direction: row!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; flex-direction: row!important; } .flex-xl-column { -ms-flex-direction: column!important; -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; flex-direction: column!important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: reverse!important; flex-direction: row-reverse!important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse!important; -webkit-box-orient: vertical!important; -webkit-box-direction: reverse!important; flex-direction: column-reverse!important; } .flex-xl-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important; } .flex-xl-fill { -ms-flex: 1 1 auto!important; -webkit-box-flex: 1!important; flex: 1 1 auto!important; } .flex-xl-grow-0 { -ms-flex-positive: 0!important; -webkit-box-flex: 0!important; flex-grow: 0!important; } .flex-xl-grow-1 { -ms-flex-positive: 1!important; -webkit-box-flex: 1!important; flex-grow: 1!important; } .flex-xl-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important; } .flex-xl-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important; } .justify-content-xl-start { -ms-flex-pack: start!important; -webkit-box-pack: start!important; justify-content: flex-start!important; } .justify-content-xl-end { -ms-flex-pack: end!important; -webkit-box-pack: end!important; justify-content: flex-end!important; } .justify-content-xl-center { -ms-flex-pack: center!important; -webkit-box-pack: center!important; justify-content: center!important; } .justify-content-xl-between { -ms-flex-pack: justify!important; -webkit-box-pack: justify!important; justify-content: space-between!important; } .justify-content-xl-around { -ms-flex-pack: distribute!important; justify-content: space-around!important; } .align-items-xl-start { -ms-flex-align: start!important; -webkit-box-align: start!important; align-items: flex-start!important; } .align-items-xl-end { -ms-flex-align: end!important; -webkit-box-align: end!important; align-items: flex-end!important; } .align-items-xl-center { -ms-flex-align: center!important; -webkit-box-align: center!important; align-items: center!important; } .align-items-xl-baseline { -ms-flex-align: baseline!important; -webkit-box-align: baseline!important; align-items: baseline!important; } .align-items-xl-stretch { -ms-flex-align: stretch!important; -webkit-box-align: stretch!important; align-items: stretch!important; } .align-content-xl-start { -ms-flex-line-pack: start!important; align-content: flex-start!important; } .align-content-xl-end { -ms-flex-line-pack: end!important; align-content: flex-end!important; } .align-content-xl-center { -ms-flex-line-pack: center!important; align-content: center!important; } .align-content-xl-between { -ms-flex-line-pack: justify!important; align-content: space-between!important; } .align-content-xl-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important; } .align-self-xl-auto { -ms-flex-item-align: auto!important; align-self: auto!important; } .align-self-xl-start { -ms-flex-item-align: start!important; align-self: flex-start!important; } .align-self-xl-end { -ms-flex-item-align: end!important; align-self: flex-end!important; } .align-self-xl-center { -ms-flex-item-align: center!important; align-self: center!important; } .align-self-xl-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important; } .align-self-xl-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important; } } .float-left { float: left!important; } .float-right { float: right!important; } .float-none { float: none!important; } @media (min-width:576px) { .float-sm-left { float: left!important; } .float-sm-right { float: right!important; } .float-sm-none { float: none!important; } } @media (min-width:768px) { .float-md-left { float: left!important; } .float-md-right { float: right!important; } .float-md-none { float: none!important; } } @media (min-width:992px) { .float-lg-left { float: left!important; } .float-lg-right { float: right!important; } .float-lg-none { float: none!important; } } @media (min-width:1200px) { .float-xl-left { float: left!important; } .float-xl-right { float: right!important; } .float-xl-none { float: none!important; } } .overflow-auto { overflow: auto!important; } .overflow-hidden { overflow: hidden!important; } .position-static { position: static!important; } .position-relative { position: relative!important; } .position-absolute { position: absolute!important; } .position-fixed { position: fixed!important; } .position-sticky { position: -webkit-sticky!important; position: sticky!important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { -webkit-box-shadow: 0 .125rem .25rem var(--rgb-dark-075)!important; box-shadow: 0 .125rem .25rem var(--rgb-dark-075)!important; } .shadow { -webkit-box-shadow: 0 .5rem 1rem var(--rgb-dark-shade-50)!important; box-shadow: 0 .5rem 1rem var(--rgb-dark-shade-50)!important; } .shadow-lg { -webkit-box-shadow: 0 1rem 3rem var(--rgb-dark-175)!important; box-shadow: 0 1rem 3rem var(--rgb-dark-175)!important; } .shadow-none { -webkit-box-shadow: none!important; box-shadow: none!important; } .w-25 { width: 25%!important; } .w-50 { width: 50%!important; } .w-75 { width: 75%!important; } .w-100 { width: 100%!important; } .w-auto { width: auto!important; } .h-25 { height: 25%!important; } .h-50 { height: 50%!important; } .h-75 { height: 75%!important; } .h-100 { height: 100%!important; } .h-auto { height: auto!important; } .mw-100 { max-width: 100%!important; } .mh-100 { max-height: 100%!important; } .min-vw-100 { min-width: 100vw!important; } .min-vh-100 { min-height: 100vh!important; } .vw-100 { width: 100vw!important; } .vh-100 { height: 100vh!important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: var(--rgb-dark); } .m-0 { margin: 0!important; } .mt-0, .my-0 { margin-top: 0!important; } .mr-0, .mx-0 { margin-right: 0!important; } .mb-0, .my-0 { margin-bottom: 0!important; } .ml-0, .mx-0 { margin-left: 0!important; } .m-1 { margin: .25rem!important; } .mt-1, .my-1 { margin-top: .25rem!important; } .mr-1, .mx-1 { margin-right: .25rem!important; } .mb-1, .my-1 { margin-bottom: .25rem!important; } .ml-1, .mx-1 { margin-left: .25rem!important; } .m-2 { margin: .5rem!important; } .mt-2, .my-2 { margin-top: .5rem!important; } .mr-2, .mx-2 { margin-right: .5rem!important; } .mb-2, .my-2 { margin-bottom: .5rem!important; } .ml-2, .mx-2 { margin-left: .5rem!important; } .m-3 { margin: 1rem!important; } .mt-3, .my-3 { margin-top: 1rem!important; } .mr-3, .mx-3 { margin-right: 1rem!important; } .mb-3, .my-3 { margin-bottom: 1rem!important; } .ml-3, .mx-3 { margin-left: 1rem!important; } .m-4 { margin: 1.5rem!important; } .mt-4, .my-4 { margin-top: 1.5rem!important; } .mr-4, .mx-4 { margin-right: 1.5rem!important; } .mb-4, .my-4 { margin-bottom: 1.5rem!important; } .ml-4, .mx-4 { margin-left: 1.5rem!important; } .m-5 { margin: 3rem!important; } .mt-5, .my-5 { margin-top: 3rem!important; } .mr-5, .mx-5 { margin-right: 3rem!important; } .mb-5, .my-5 { margin-bottom: 3rem!important; } .ml-5, .mx-5 { margin-left: 3rem!important; } .p-0 { padding: 0!important; } .pt-0, .py-0 { padding-top: 0!important; } .pr-0, .px-0 { padding-right: 0!important; } .pb-0, .py-0 { padding-bottom: 0!important; } .pl-0, .px-0 { padding-left: 0!important; } .p-1 { padding: .25rem!important; } .pt-1, .py-1 { padding-top: .25rem!important; } .pr-1, .px-1 { padding-right: .25rem!important; } .pb-1, .py-1 { padding-bottom: .25rem!important; } .pl-1, .px-1 { padding-left: .25rem!important; } .p-2 { padding: .5rem!important; } .pt-2, .py-2 { padding-top: .5rem!important; } .pr-2, .px-2 { padding-right: .5rem!important; } .pb-2, .py-2 { padding-bottom: .5rem!important; } .pl-2, .px-2 { padding-left: .5rem!important; } .p-3 { padding: 1rem!important; } .pt-3, .py-3 { padding-top: 1rem!important; } .pr-3, .px-3 { padding-right: 1rem!important; } .pb-3, .py-3 { padding-bottom: 1rem!important; } .pl-3, .px-3 { padding-left: 1rem!important; } .p-4 { padding: 1.5rem!important; } .pt-4, .py-4 { padding-top: 1.5rem!important; } .pr-4, .px-4 { padding-right: 1.5rem!important; } .pb-4, .py-4 { padding-bottom: 1.5rem!important; } .pl-4, .px-4 { padding-left: 1.5rem!important; } .p-5 { padding: 3rem!important; } .pt-5, .py-5 { padding-top: 3rem!important; } .pr-5, .px-5 { padding-right: 3rem!important; } .pb-5, .py-5 { padding-bottom: 3rem!important; } .pl-5, .px-5 { padding-left: 3rem!important; } .m-n1 { margin: -.25rem!important; } .mt-n1, .my-n1 { margin-top: -.25rem!important; } .mr-n1, .mx-n1 { margin-right: -.25rem!important; } .mb-n1, .my-n1 { margin-bottom: -.25rem!important; } .ml-n1, .mx-n1 { margin-left: -.25rem!important; } .m-n2 { margin: -.5rem!important; } .mt-n2, .my-n2 { margin-top: -.5rem!important; } .mr-n2, .mx-n2 { margin-right: -.5rem!important; } .mb-n2, .my-n2 { margin-bottom: -.5rem!important; } .ml-n2, .mx-n2 { margin-left: -.5rem!important; } .m-n3 { margin: -1rem!important; } .mt-n3, .my-n3 { margin-top: -1rem!important; } .mr-n3, .mx-n3 { margin-right: -1rem!important; } .mb-n3, .my-n3 { margin-bottom: -1rem!important; } .ml-n3, .mx-n3 { margin-left: -1rem!important; } .m-n4 { margin: -1.5rem!important; } .mt-n4, .my-n4 { margin-top: -1.5rem!important; } .mr-n4, .mx-n4 { margin-right: -1.5rem!important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem!important; } .ml-n4, .mx-n4 { margin-left: -1.5rem!important; } .m-n5 { margin: -3rem!important; } .mt-n5, .my-n5 { margin-top: -3rem!important; } .mr-n5, .mx-n5 { margin-right: -3rem!important; } .mb-n5, .my-n5 { margin-bottom: -3rem!important; } .ml-n5, .mx-n5 { margin-left: -3rem!important; } .m-auto { margin: auto!important; } .mt-auto, .my-auto { margin-top: auto!important; } .mr-auto, .mx-auto { margin-right: auto!important; } .mb-auto, .my-auto { margin-bottom: auto!important; } .ml-auto, .mx-auto { margin-left: auto!important; } @media (min-width:576px) { .m-sm-0 { margin: 0!important; } .mt-sm-0, .my-sm-0 { margin-top: 0!important; } .mr-sm-0, .mx-sm-0 { margin-right: 0!important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0!important; } .ml-sm-0, .mx-sm-0 { margin-left: 0!important; } .m-sm-1 { margin: .25rem!important; } .mt-sm-1, .my-sm-1 { margin-top: .25rem!important; } .mr-sm-1, .mx-sm-1 { margin-right: .25rem!important; } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem!important; } .ml-sm-1, .mx-sm-1 { margin-left: .25rem!important; } .m-sm-2 { margin: .5rem!important; } .mt-sm-2, .my-sm-2 { margin-top: .5rem!important; } .mr-sm-2, .mx-sm-2 { margin-right: .5rem!important; } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem!important; } .ml-sm-2, .mx-sm-2 { margin-left: .5rem!important; } .m-sm-3 { margin: 1rem!important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem!important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem!important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem!important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem!important; } .m-sm-4 { margin: 1.5rem!important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem!important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem!important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem!important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem!important; } .m-sm-5 { margin: 3rem!important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem!important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem!important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem!important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem!important; } .p-sm-0 { padding: 0!important; } .pt-sm-0, .py-sm-0 { padding-top: 0!important; } .pr-sm-0, .px-sm-0 { padding-right: 0!important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0!important; } .pl-sm-0, .px-sm-0 { padding-left: 0!important; } .p-sm-1 { padding: .25rem!important; } .pt-sm-1, .py-sm-1 { padding-top: .25rem!important; } .pr-sm-1, .px-sm-1 { padding-right: .25rem!important; } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem!important; } .pl-sm-1, .px-sm-1 { padding-left: .25rem!important; } .p-sm-2 { padding: .5rem!important; } .pt-sm-2, .py-sm-2 { padding-top: .5rem!important; } .pr-sm-2, .px-sm-2 { padding-right: .5rem!important; } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem!important; } .pl-sm-2, .px-sm-2 { padding-left: .5rem!important; } .p-sm-3 { padding: 1rem!important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem!important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem!important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem!important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem!important; } .p-sm-4 { padding: 1.5rem!important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem!important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem!important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem!important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem!important; } .p-sm-5 { padding: 3rem!important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem!important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem!important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem!important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem!important; } .m-sm-n1 { margin: -.25rem!important; } .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem!important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem!important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem!important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem!important; } .m-sm-n2 { margin: -.5rem!important; } .mt-sm-n2, .my-sm-n2 { margin-top: -.5rem!important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem!important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem!important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -.5rem!important; } .m-sm-n3 { margin: -1rem!important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem!important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem!important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem!important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem!important; } .m-sm-n4 { margin: -1.5rem!important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem!important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem!important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem!important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem!important; } .m-sm-n5 { margin: -3rem!important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem!important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem!important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem!important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem!important; } .m-sm-auto { margin: auto!important; } .mt-sm-auto, .my-sm-auto { margin-top: auto!important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto!important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto!important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto!important; } } @media (min-width:768px) { .m-md-0 { margin: 0!important; } .mt-md-0, .my-md-0 { margin-top: 0!important; } .mr-md-0, .mx-md-0 { margin-right: 0!important; } .mb-md-0, .my-md-0 { margin-bottom: 0!important; } .ml-md-0, .mx-md-0 { margin-left: 0!important; } .m-md-1 { margin: .25rem!important; } .mt-md-1, .my-md-1 { margin-top: .25rem!important; } .mr-md-1, .mx-md-1 { margin-right: .25rem!important; } .mb-md-1, .my-md-1 { margin-bottom: .25rem!important; } .ml-md-1, .mx-md-1 { margin-left: .25rem!important; } .m-md-2 { margin: .5rem!important; } .mt-md-2, .my-md-2 { margin-top: .5rem!important; } .mr-md-2, .mx-md-2 { margin-right: .5rem!important; } .mb-md-2, .my-md-2 { margin-bottom: .5rem!important; } .ml-md-2, .mx-md-2 { margin-left: .5rem!important; } .m-md-3 { margin: 1rem!important; } .mt-md-3, .my-md-3 { margin-top: 1rem!important; } .mr-md-3, .mx-md-3 { margin-right: 1rem!important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem!important; } .ml-md-3, .mx-md-3 { margin-left: 1rem!important; } .m-md-4 { margin: 1.5rem!important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem!important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem!important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem!important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem!important; } .m-md-5 { margin: 3rem!important; } .mt-md-5, .my-md-5 { margin-top: 3rem!important; } .mr-md-5, .mx-md-5 { margin-right: 3rem!important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem!important; } .ml-md-5, .mx-md-5 { margin-left: 3rem!important; } .p-md-0 { padding: 0!important; } .pt-md-0, .py-md-0 { padding-top: 0!important; } .pr-md-0, .px-md-0 { padding-right: 0!important; } .pb-md-0, .py-md-0 { padding-bottom: 0!important; } .pl-md-0, .px-md-0 { padding-left: 0!important; } .p-md-1 { padding: .25rem!important; } .pt-md-1, .py-md-1 { padding-top: .25rem!important; } .pr-md-1, .px-md-1 { padding-right: .25rem!important; } .pb-md-1, .py-md-1 { padding-bottom: .25rem!important; } .pl-md-1, .px-md-1 { padding-left: .25rem!important; } .p-md-2 { padding: .5rem!important; } .pt-md-2, .py-md-2 { padding-top: .5rem!important; } .pr-md-2, .px-md-2 { padding-right: .5rem!important; } .pb-md-2, .py-md-2 { padding-bottom: .5rem!important; } .pl-md-2, .px-md-2 { padding-left: .5rem!important; } .p-md-3 { padding: 1rem!important; } .pt-md-3, .py-md-3 { padding-top: 1rem!important; } .pr-md-3, .px-md-3 { padding-right: 1rem!important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem!important; } .pl-md-3, .px-md-3 { padding-left: 1rem!important; } .p-md-4 { padding: 1.5rem!important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem!important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem!important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem!important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem!important; } .p-md-5 { padding: 3rem!important; } .pt-md-5, .py-md-5 { padding-top: 3rem!important; } .pr-md-5, .px-md-5 { padding-right: 3rem!important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem!important; } .pl-md-5, .px-md-5 { padding-left: 3rem!important; } .m-md-n1 { margin: -.25rem!important; } .mt-md-n1, .my-md-n1 { margin-top: -.25rem!important; } .mr-md-n1, .mx-md-n1 { margin-right: -.25rem!important; } .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem!important; } .ml-md-n1, .mx-md-n1 { margin-left: -.25rem!important; } .m-md-n2 { margin: -.5rem!important; } .mt-md-n2, .my-md-n2 { margin-top: -.5rem!important; } .mr-md-n2, .mx-md-n2 { margin-right: -.5rem!important; } .mb-md-n2, .my-md-n2 { margin-bottom: -.5rem!important; } .ml-md-n2, .mx-md-n2 { margin-left: -.5rem!important; } .m-md-n3 { margin: -1rem!important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem!important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem!important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem!important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem!important; } .m-md-n4 { margin: -1.5rem!important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem!important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem!important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem!important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem!important; } .m-md-n5 { margin: -3rem!important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem!important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem!important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem!important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem!important; } .m-md-auto { margin: auto!important; } .mt-md-auto, .my-md-auto { margin-top: auto!important; } .mr-md-auto, .mx-md-auto { margin-right: auto!important; } .mb-md-auto, .my-md-auto { margin-bottom: auto!important; } .ml-md-auto, .mx-md-auto { margin-left: auto!important; } } @media (min-width:992px) { .m-lg-0 { margin: 0!important; } .mt-lg-0, .my-lg-0 { margin-top: 0!important; } .mr-lg-0, .mx-lg-0 { margin-right: 0!important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0!important; } .ml-lg-0, .mx-lg-0 { margin-left: 0!important; } .m-lg-1 { margin: .25rem!important; } .mt-lg-1, .my-lg-1 { margin-top: .25rem!important; } .mr-lg-1, .mx-lg-1 { margin-right: .25rem!important; } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem!important; } .ml-lg-1, .mx-lg-1 { margin-left: .25rem!important; } .m-lg-2 { margin: .5rem!important; } .mt-lg-2, .my-lg-2 { margin-top: .5rem!important; } .mr-lg-2, .mx-lg-2 { margin-right: .5rem!important; } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem!important; } .ml-lg-2, .mx-lg-2 { margin-left: .5rem!important; } .m-lg-3 { margin: 1rem!important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem!important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem!important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem!important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem!important; } .m-lg-4 { margin: 1.5rem!important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem!important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem!important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem!important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem!important; } .m-lg-5 { margin: 3rem!important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem!important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem!important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem!important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem!important; } .p-lg-0 { padding: 0!important; } .pt-lg-0, .py-lg-0 { padding-top: 0!important; } .pr-lg-0, .px-lg-0 { padding-right: 0!important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0!important; } .pl-lg-0, .px-lg-0 { padding-left: 0!important; } .p-lg-1 { padding: .25rem!important; } .pt-lg-1, .py-lg-1 { padding-top: .25rem!important; } .pr-lg-1, .px-lg-1 { padding-right: .25rem!important; } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem!important; } .pl-lg-1, .px-lg-1 { padding-left: .25rem!important; } .p-lg-2 { padding: .5rem!important; } .pt-lg-2, .py-lg-2 { padding-top: .5rem!important; } .pr-lg-2, .px-lg-2 { padding-right: .5rem!important; } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem!important; } .pl-lg-2, .px-lg-2 { padding-left: .5rem!important; } .p-lg-3 { padding: 1rem!important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem!important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem!important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem!important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem!important; } .p-lg-4 { padding: 1.5rem!important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem!important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem!important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem!important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem!important; } .p-lg-5 { padding: 3rem!important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem!important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem!important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem!important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem!important; } .m-lg-n1 { margin: -.25rem!important; } .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem!important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem!important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem!important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem!important; } .m-lg-n2 { margin: -.5rem!important; } .mt-lg-n2, .my-lg-n2 { margin-top: -.5rem!important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem!important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem!important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -.5rem!important; } .m-lg-n3 { margin: -1rem!important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem!important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem!important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem!important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem!important; } .m-lg-n4 { margin: -1.5rem!important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem!important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem!important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem!important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem!important; } .m-lg-n5 { margin: -3rem!important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem!important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem!important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem!important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem!important; } .m-lg-auto { margin: auto!important; } .mt-lg-auto, .my-lg-auto { margin-top: auto!important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto!important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto!important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto!important; } } @media (min-width:1200px) { .m-xl-0 { margin: 0!important; } .mt-xl-0, .my-xl-0 { margin-top: 0!important; } .mr-xl-0, .mx-xl-0 { margin-right: 0!important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0!important; } .ml-xl-0, .mx-xl-0 { margin-left: 0!important; } .m-xl-1 { margin: .25rem!important; } .mt-xl-1, .my-xl-1 { margin-top: .25rem!important; } .mr-xl-1, .mx-xl-1 { margin-right: .25rem!important; } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem!important; } .ml-xl-1, .mx-xl-1 { margin-left: .25rem!important; } .m-xl-2 { margin: .5rem!important; } .mt-xl-2, .my-xl-2 { margin-top: .5rem!important; } .mr-xl-2, .mx-xl-2 { margin-right: .5rem!important; } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem!important; } .ml-xl-2, .mx-xl-2 { margin-left: .5rem!important; } .m-xl-3 { margin: 1rem!important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem!important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem!important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem!important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem!important; } .m-xl-4 { margin: 1.5rem!important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem!important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem!important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem!important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem!important; } .m-xl-5 { margin: 3rem!important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem!important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem!important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem!important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem!important; } .p-xl-0 { padding: 0!important; } .pt-xl-0, .py-xl-0 { padding-top: 0!important; } .pr-xl-0, .px-xl-0 { padding-right: 0!important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0!important; } .pl-xl-0, .px-xl-0 { padding-left: 0!important; } .p-xl-1 { padding: .25rem!important; } .pt-xl-1, .py-xl-1 { padding-top: .25rem!important; } .pr-xl-1, .px-xl-1 { padding-right: .25rem!important; } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem!important; } .pl-xl-1, .px-xl-1 { padding-left: .25rem!important; } .p-xl-2 { padding: .5rem!important; } .pt-xl-2, .py-xl-2 { padding-top: .5rem!important; } .pr-xl-2, .px-xl-2 { padding-right: .5rem!important; } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem!important; } .pl-xl-2, .px-xl-2 { padding-left: .5rem!important; } .p-xl-3 { padding: 1rem!important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem!important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem!important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem!important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem!important; } .p-xl-4 { padding: 1.5rem!important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem!important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem!important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem!important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem!important; } .p-xl-5 { padding: 3rem!important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem!important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem!important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem!important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem!important; } .m-xl-n1 { margin: -.25rem!important; } .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem!important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem!important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem!important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem!important; } .m-xl-n2 { margin: -.5rem!important; } .mt-xl-n2, .my-xl-n2 { margin-top: -.5rem!important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem!important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem!important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -.5rem!important; } .m-xl-n3 { margin: -1rem!important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem!important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem!important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem!important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem!important; } .m-xl-n4 { margin: -1.5rem!important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem!important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem!important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem!important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem!important; } .m-xl-n5 { margin: -3rem!important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem!important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem!important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem!important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem!important; } .m-xl-auto { margin: auto!important; } .mt-xl-auto, .my-xl-auto { margin-top: auto!important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto!important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto!important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto!important; } } .text-monospace { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important; } .text-justify { text-align: justify!important; } .text-wrap { white-space: normal!important; } .text-nowrap { white-space: nowrap!important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left!important; } .text-right { text-align: right!important; } .text-center { text-align: center!important; } @media (min-width:576px) { .text-sm-left { text-align: left!important; } .text-sm-right { text-align: right!important; } .text-sm-center { text-align: center!important; } } @media (min-width:768px) { .text-md-left { text-align: left!important; } .text-md-right { text-align: right!important; } .text-md-center { text-align: center!important; } } @media (min-width:992px) { .text-lg-left { text-align: left!important; } .text-lg-right { text-align: right!important; } .text-lg-center { text-align: center!important; } } @media (min-width:1200px) { .text-xl-left { text-align: left!important; } .text-xl-right { text-align: right!important; } .text-xl-center { text-align: center!important; } } .text-lowercase { text-transform: lowercase!important; } .text-uppercase { text-transform: uppercase!important; } .text-capitalize { text-transform: capitalize!important; } .font-weight-light { font-weight: 300!important; } .font-weight-lighter { font-weight: lighter!important; } .font-weight-normal { font-weight: 400!important; } .font-weight-bold { font-weight: 700!important; } .font-weight-bolder { font-weight: bolder!important; } .font-italic { font-style: italic!important; } .text-white { color: var(--white)!important; } .text-primary { color: var(--blue)!important; } a.text-primary:focus, a.text-primary:hover { color: var(--link-hover)!important; } .text-secondary { color: var(--gray)!important; } a.text-secondary:focus, a.text-secondary:hover { color: #494f54!important; } .text-success { color: var(--green)!important; } a.text-success:focus, a.text-success:hover { color: #19692c!important; } .text-info { color: var(--info)!important; } a.text-info:focus, a.text-info:hover { color: #0f6674!important; } .text-warning { color: #ffc107!important; } a.text-warning:focus, a.text-warning:hover { color: #ba8b00!important; } .text-danger { color: var(--red)!important; } a.text-danger:focus, a.text-danger:hover { color: #a71d2a!important; } .text-light { color: #f8f9fa!important; } a.text-light:focus, a.text-light:hover { color: #cbd3da!important; } .text-dark { color: var(--gray-dark)!important; } a.text-dark:focus, a.text-dark:hover { color: #121416!important; } .text-body { color: var(--charcoal)!important; } .text-muted { color: var(--gray)!important; } .text-black-50 { color: var(--rgb-dark-50)!important; } .text-white-50 { color: var(--rgb-light-gray-50)!important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none!important; } .text-break { word-break: break-word!important; overflow-wrap: break-word!important; } .text-reset { color: inherit!important; } .visible { visibility: visible!important; } .invisible { visibility: hidden!important; } @media print { *, ::after, ::before { text-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap!important; } blockquote, pre { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px!important; } .container { min-width: 992px!important; } .navbar { display: none; } .badge { border: 1px solid var(--primary-dark); } } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, time, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } body, html { line-height: 1; width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-style: normal; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga","kern"; } *, ::after, ::before { font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga","kern"; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } embed, iframe, object, video { max-width: 100%; } audio:not([controls]) { display: none; } img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; } ins { background: #fff9c0; text-decoration: none; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none; } sup { top: -.5em; } sub { bottom: -.25em; } small { font-size: smaller; } h1, h2, h3, h4, h5, h6 { clear: both; } * { margin: 0; padding: 0; } *, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; } ul li { list-style-type: none; } a, button, img { outline: 0; } a:focus, button:focus, img:focus { outline: 0; border: 0; } h1, h2, h3, h4, h5, h6 { font-weight: 700; } h1 { font-size: 3.75rem; } h2 { font-size: 2.5rem; } h3 { font-size: 1.875rem; } h4 { font-size: 1.5625rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1.125rem; } body { font-family: Montserrat,sans-serif; font-weight: 400; color: var(--secondary-black); } p { font-size: 1rem; line-height: 1.5625rem; margin-bottom: 1.75rem; } @media (max-width:767px) { p { font-size: 15px; line-height: 1.5; } } a { color: var(--secondary-black); text-decoration: none; -webkit-transition: .5s all; transition: .5s all; } a:hover { color: var(--primary-dark); text-decoration: none; } .opportunities-wrap .slick-dots li button:focus:before, .opportunities-wrap .slick-dots li button:hover:before { opacity: 0.25; } .opportunities-wrap .slick-dots li.slick-active button::before, .opportunities-wrap .slick-dots li.slick-active button:focus::before, .opportunities-wrap .slick-dots li.slick-active button:hover::before { visibility: hidden; transition: none; } @media (max-width:1200px) { .title { font-size: 35px; } } @media (max-width:991px) { .title { font-size: 25px; } } @media (max-width:767px) { .title { font-size: 22px; } } .ratio-img { position: relative; overflow: hidden; padding-bottom: 67%; } .ratio-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; left: 0; top: 0; } .cta-button, input[type=submit] { font-weight: 700; color: var(--primary-dark); text-transform: uppercase; border: 0; transition: .5s all; background: var(--brandYellow); padding: 0 45px; font-size: 1.125rem; display: inline-block; text-align: center; min-height: 3.625rem; line-height: 3.625rem; border-radius: 50px; position: relative; overflow: hidden; z-index: 2; } .cta-button:before, input[type=submit]:before { height: 0; width: 0; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: var(--primary-dark); content: ""; position: absolute; -webkit-transition: .5s all; transition: .5s all; border-radius: 100%; z-index: -1; opacity: 0; display: none; } .cta-button:hover, input[type=submit]:hover { color: var(--white); background: var(--primary-dark); } .cta-button:hover:before, input[type=submit]:hover:before { height: 100%; width: 100%; opacity: .5; } /* @media (max-width:1200px) { .cta-button, input[type=submit] { font-size: 18px; line-height: 58px; } } */ @media (max-width:767px) { .cta-button, input[type=submit] { font-size: 16px; min-height: 48px; line-height: 47px; padding: 0 30px; } } .uplers-shape { background: url(/images/talent/uplers-shape.svg) no-repeat; } @-webkit-keyframes rotate { 0% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } 100% { -webkit-transform: rotate(58deg) scale(1.02); transform: rotate(58deg) scale(1.02); } } @keyframes rotate { 0% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } 100% { -webkit-transform: rotate(58deg) scale(1.02); transform: rotate(58deg) scale(1.02); } } @media (max-width:991px) { .container { max-width: 100%; padding: 0 20px!important; } } @media (max-width:767px) { .container { max-width: 100%; padding: 0 20px!important; } } .owl-nav { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; pointer-events: none; } .owl-nav>div { width: 85px; height: 70px; font-size: 0; position: relative; pointer-events: fill; } .owl-nav .owl-prev { float: left; left: -72px; } .owl-nav .owl-prev::before { content: ""; width: 51px; height: 13px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(/images/talent/left-arrow.png) no-repeat center center; -webkit-transition: all .5s; transition: all .5s; } .owl-nav .owl-prev::after { content: ""; width: 69px; height: 69px; position: absolute; right: 0; border: 2px dashed #aaa; -webkit-animation: rotate 15s infinite linear; animation: rotate 15s infinite linear; border-radius: 50%; -webkit-transition: all .5s; transition: all .5s; } .owl-nav .owl-next { float: right; right: -72px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .owl-nav .owl-next::before { content: ""; width: 51px; height: 13px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(/images/talent/left-arrow.png) no-repeat center center; -webkit-transition: all .5s; transition: all .5s; } .owl-nav .owl-next::after { content: ""; width: 69px; height: 69px; position: absolute; right: 0; border: 2px dashed #aaa; -webkit-animation: rotate 15s infinite linear; animation: rotate 15s infinite linear; border-radius: 50%; -webkit-transition: all .5s; transition: all .5s; } .slick-arrow { width: 90px; height: 90px; position: absolute; background: 0 0; border: 0; font-size: 0; z-index: 99; } .slick-arrow:before { content: ""; position: absolute; width: 70px; height: 70px; border: 2px dashed #aaa; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s; transition: all .5s; -webkit-animation: rotate 15s infinite linear; animation: rotate 15s infinite linear; display: none; } .slick-arrow:after { content: ""; position: absolute; width: 50px; height: 17px; -webkit-transition: all .5s; transition: all .5s; } .slick-arrow.active:before { width: 90px; height: 90px; -webkit-transition: all .5s; transition: all .5s; } .slick-arrow:hover:before { border-color: var(--primary-dark); } .slick-arrow.slick-disabled { opacity: .3; pointer-events: none; } @media (max-width:767px) { .slick-arrow { width: 60px!important; height: 60px!important; } .slick-arrow:before { width: 40px!important; height: 40px!important; border-width: 1px; } .slick-arrow:after { width: 34px!important; height: 15px!important; background-size: 33px!important; } .slick-arrow.active:before { width: 60px!important; height: 60px!important; } } .slick-prev { left: -16px !important; } .slick-prev:before { right: 0; } .slick-prev:after { background: url(/images/talent/long-arrow-prev.svg) no-repeat center; background-size: 100%!important; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; top: 50%; } .slick-prev.active:after { left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .slick-prev:hover:after { background: url(/images/talent/long-arrow-prev-yellow.svg) no-repeat center; } .slick-next { right: -16px !important; } .slick-next:before { left: 0; } .slick-next:after { background: url(/images/talent/long-arrow-next.svg) no-repeat center; background-size: 100%!important; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; top: 50%; } .slick-next.active:after { right: 50%; -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%); } .slick-next:hover:after { background: url(/images/talent/long-arrow-next-yellow.svg) no-repeat center; } .slick-dots { position: absolute; bottom: -76px; left: 0; right: 0; margin: auto; text-align: center; } .slick-dots li { display: inline-block; margin: 0 10px; } .slick-dots li button { font-size: 0; width: 11px; height: 11px; border-radius: 50%; -webkit-box-shadow: none; box-shadow: none; background: var(--white); border: none; opacity: .5; } .slick-dots li.slick-active button { background: var(--brandYellow); opacity: 1; border: 0.5px solid var(--primary-dark); } .payment-section .mobile-left .slick-dots li.slick-active button { background: var(--primary-black); border: none; height: 8px; width: 8px; } .payment-section .mobile-left .slick-dots li button:before { height: 8px; width: 8px; } @media (max-width:1200px) { .slick-dots { bottom: -38px; } } @media (max-width:767px) { .slick-dots { bottom: 0; } .slick-dots li { margin: 0 10px; } } .form-loader { position: absolute; right: -30px; width: 30px; height: 30px; top: 26px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .overlay-loader-blk { display: none; background-color: var(--rgb-light-gray-90); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; } .overlay-loader-blk .overlay-loader { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 130px; height: 130px; } .siteloader { position: fixed; top: 0; z-index: 9999; width: 100%; height: 100%; background: var(--rgb-light-gray-80); left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .siteloader img, .siteloader svg { max-width: 230px; } @media (max-width:640px) { .siteloader img, .siteloader svg { max-width: 150px; } } .siteloader svg path, .siteloader svg rect { fill: #ccc; } .g-recaptcha iframe { -webkit-transform: scale(.9); transform: scale(.9); margin: 0 0 0 -15px; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } select { border-radius: 0; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: var(--primary-dark); } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: var(--primary-dark); } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: var(--primary-dark); } input::placeholder, textarea::placeholder { color: var(--primary-dark); } input:focus { outline: 1px solid var(--brandYellow); -webkit-transition: all .5s; transition: all .5s; -webkit-box-shadow: 0 0 0 2px var(--brandYellow); box-shadow: 0 0 0 2px var(--brandYellow); } input[type=submit] { border: none; } input[type=submit]:focus { -webkit-box-shadow: none; box-shadow: none; } @media (max-width:767px) { #cookie-law-info-bar { padding: 13px 90px 13px 10px; } } #cookie-law-info-bar span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width:767px) { #cookie-law-info-bar span { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } #cookie-law-info-bar .cli_action_button { text-transform: uppercase; font-weight: 600; border-radius: 50px; width: 33px; height: 33px; -webkit-box-flex: 0; -ms-flex: 0 0 33px; flex: 0 0 33px; text-align: center; padding: 0; line-height: 33px; font-size: 0!important; margin: 0 0 0 15px!important; } #cookie-law-info-bar .cli_action_button:after { background: url(/images/talent/close-icon.svg) no-repeat; height: 11px; width: 11px; background-size: 100%; content: ""; position: absolute; top: 0; left: 0; right: 0; margin: auto; bottom: 0; } #cookie-law-info-bar .cli_action_button:hover { background: var(--brandYellow)!important; } @media (max-width:767px) { #cookie-law-info-bar .cli_action_button { margin: 0 10px 0 0!important; } } @media (max-width:480px) { #cookie-law-info-bar span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; line-height: 1.5; } #cookie-law-info-bar .cli_action_button { font-size: 11px; padding: 8px 12px; margin-left: 15px; } } .error-message, .success-message { color: red; font-size: 12px; font-weight: 500; letter-spacing: .2px; display: block; text-align: left; line-height: 18px; margin-top: 10px; } .success-message { color: green; } li, ul { list-style-type: none; } .detailTab li { display: inline-block; cursor: pointer; border: 2px solid #ddd; padding: 0 25px; -webkit-transition: .5s all; transition: .5s all; } .detailTab li.current { border-color: #676767; } .accoContain { width: 100%; margin: 0 0 10px; display: none; border: 1px solid #e1e1e1; opacity: 0; -webkit-transition: .5s all; transition: .5s all; visibility: hidden; -webkit-transform: translateY(10px); transform: translateY(10px); } .accoContain.in { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .accoContain.current { display: block; } .mainTabing h2 { display: none; } .tap-content { display: none; } .ftr-locations .tap-content { display: block; } @media only screen and (max-width:767px) { .ftr-locations .tap-content { display: none; } .mainTabing h2 { display: block; } .detailTab { display: none; } .accoContain { opacity: 1; visibility: visible; } } ul li { list-style-type: none; } .back-to-top { position: fixed; bottom: 70px; right: 20px; border-radius: 100%; height: 39px; width: 39px; text-align: center; opacity: 0; cursor: pointer; -webkit-transition: .5s all; transition: .5s all; z-index: 10; } .back-to-top i { font-size: 20px; margin: 5px 0 0 0; -webkit-animation: backarrow 1.5s infinite linear alternate; animation: backarrow 1.5s infinite linear alternate; } .back-to-top:after { background: url(/images/talent/uplers-shape.svg) no-repeat; width: 50px; height: 50px; content: ""; position: absolute; background-size: 100%; -webkit-transition: .5s all; transition: .5s all; -webkit-transform: scale(.5); transform: scale(.5); z-index: -1; left: -10px; bottom: -1px; } .back-to-top.open { opacity: 1; } .back-to-top.open:after { -webkit-transform: scale(1); transform: scale(1); z-index: -1; } .back-to-top:hover:after { background: url(/images/talent/uplers-shape-black.svg) no-repeat; background-size: 100%; -webkit-transform: rotate(74deg); transform: rotate(74deg); } .back-to-top:hover i { color: var(--brandYellow); } @media (max-width:767px) { .back-to-top { display: none!important; } } @-webkit-keyframes backarrow { 0% { -webkit-transform: translateY(-7px); transform: translateY(-7px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes backarrow { 0% { -webkit-transform: translateY(-7px); transform: translateY(-7px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .section-heading { position: relative; padding-left: 35px; } .section-heading .uplers-shape { display: inline-block; width: 76px; height: 62px; background-size: 100%; vertical-align: middle; margin: -20px -51px 0 -35px; position: absolute; z-index: -1; } @media (max-width:359px) { .book-form .meetings-iframe-container { margin: 0 0 0 -15px; } } .parallax-img { position: absolute; left: 0; top: 0; width: 100%; z-index: -1; height: 100%; bottom: 0; right: 0; margin: auto; } .parallax-img img { width: 100%; height: 115%; -o-object-fit: cover; object-fit: cover; position: relative; top: -90px; } @media (max-width:1025px) { .parallax-img img { top: -40px; } } .testimonial { padding: 80px 0; position: relative; overflow: hidden; z-index: 1; } .testimonial .container { max-width: 1150px; padding: 0 10px; } .testimonial .parallax-img img { height: 130%; } .testimonial .testimonial-slider .view-all { z-index: 999; position: absolute; right: 90px; bottom: 70px; text-transform: uppercase; display: none; } .testimonial .testimonial-slider .view-all a { font-size: 18px; color: var(--white); padding-bottom: 6px; position: relative; } .testimonial .testimonial-slider .view-all a:after { content: ""; position: absolute; left: 0; width: 0; height: 2px; background: var(--brandYellow); -webkit-transition: all .5s; transition: all .5s; bottom: 0; } .testimonial .testimonial-slider .view-all a:hover:after { width: 100%; -webkit-transition: all .5s; transition: all .5s; } .testimonial .testimonial-slider .slick-dots { bottom: -40px; } .testimonial .single-testimonial .row { margin: 0; } .testimonial .testimonial-img { -webkit-box-flex: 0; -ms-flex: 0 0 26.6%; flex: 0 0 26.6%; max-width: 26.6%; position: relative; padding-top: 22px; } .testimonial .testimonial-logo { position: absolute; width: 100px; height: 100px; left: 12px; top: 0; } .testimonial .client-img figure { max-width: 227px; margin-left: 20px; } .testimonial .author-info { color: var(--white); padding-top: 37px; } .testimonial .author-info .author-name { margin-bottom: 3px; } .testimonial .author-info .author-designation { font-size: 16px; font-weight: 300; letter-spacing: -.2px; line-height: 23px; } .testimonial .author-info .t-link { display: block; margin-top: 10px; color: var(--white); word-break: break-all; } .testimonial .author-info .t-link:hover { color: var(--brandYellow); } .testimonial .testimonial-content { -webkit-box-flex: 0; -ms-flex: 0 0 73.4%; flex: 0 0 73.4%; max-width: 73.4%; color: var(--white); padding-top: 12px; padding-left: 20px; padding-bottom: 117px; padding-right: 30px; } .testimonial .testimonial-content blockquote { padding-top: 0; position: relative; padding-left: 42px; } .testimonial .testimonial-content blockquote::before { content: ""; position: absolute; left: 0; top: 8px; width: 30px; height: 30px; background: url(/images/talent/quote.png) no-repeat center center; background-size: 100%; } .testimonial .testimonial-content p { font-size: 25px; font-style: normal; font-weight: 500; letter-spacing: -.3px; line-height: 40px; margin-bottom: 40px; } .testimonial .testimonial-content p .close-quote { display: inline-block; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-left: 10px; margin-bottom: -8px; } .testimonial .testimonial-content h6 { font-size: 20px; text-transform: uppercase; margin-bottom: 6px; } @media (max-width:1200px) { .testimonial .testimonial-content { padding-bottom: 80px; } .testimonial .testimonial-content p { font-size: 22px; line-height: 35px; margin-bottom: 30px; } .testimonial .testimonial-content h6 { font-size: 18px; } .testimonial .testimonial-content .designation { font-size: 14px; } } .testimonial::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--rgb-dark-85); z-index: 0; } .testimonial.no-bg:before { display: none; } .testimonial.no-bg .parallax-img { display: none; } .testimonial.no-bg .testimonial-slider .testimonial-content { color: var(--primary-dark); } .testimonial.no-bg .testimonial-slider .slick-arrow:before { border-color: var(--primary-dark); } .testimonial.no-bg .testimonial-slider .slick-arrow.slick-next:after { background: url(/images/talent/long-arrow-next.svg) no-repeat center; } .testimonial.no-bg .testimonial-slider .slick-arrow.slick-prev:after { background: url(/images/talent/long-arrow-prev.svg) no-repeat center; } @media (max-width:1200px) { .testimonial .client-img figure { margin-left: 0; } .testimonial .author-info { padding-top: 25px; } .testimonial .author-info .author-name { font-size: 18px; } .testimonial .author-info .author-designation { font-size: 15px; } } @media (max-width:991px) { .testimonial .container { padding: 0!important; } .testimonial .testimonial-img { padding-left: 20px; } .testimonial .testimonial-logo { width: 80px; height: 80px; left: 20px; } .testimonial .testimonial-content { padding-top: 0; padding-left: 15px; padding-right: 20px; padding-bottom: 50px; } .testimonial .testimonial-content blockquote { padding-left: 30px; } .testimonial .testimonial-content blockquote::before { width: 23px; height: 23px; top: 7px; } .testimonial .testimonial-content p { font-size: 20px; line-height: 32px; margin-bottom: 24px; } .testimonial .testimonial-content p .close-quote { margin-bottom: -5px; width: 23px; height: 23px; } } @media (max-width:767px) { .testimonial { padding: 40px 0 30px; } .testimonial .testimonial-img { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 262px; margin: auto; padding-bottom: 25px; } .testimonial .testimonial-content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-bottom: 60px; } .testimonial .testimonial-content p { font-size: 14px; line-height: 20px; letter-spacing: .1px; } .testimonial .testimonial-content p .close-quote { margin-bottom: -6px; width: 20px; height: 20px; } .testimonial .testimonial-content blockquote { margin-bottom: 0; padding-right: 2px; } .testimonial .testimonial-content blockquote::before { width: 20px; height: 20px; top: 4px; } .testimonial .testimonial-slider .view-all { right: 20px; bottom: 29px; -webkit-transform: inherit; transform: inherit; } .testimonial .testimonial-slider .view-all a { font-size: 14px; } .testimonial .testimonial-logo { left: 35px; } .testimonial .client-img figure { max-width: 200px; margin: auto; } } .video-testimonial .container { max-width: 1500px; } .video-testimonial .inner-video-testimonial { position: relative; padding-top: 190px; } .video-testimonial .inner-video-testimonial::before { content: ""; position: absolute; left: 0; top: 0; width: 575px; height: 500px; background: url(/images/talent/testimonial-bg-shape.svg) no-repeat center center; background-size: cover; z-index: -1; } .video-testimonial .inner-video-testimonial .testimonial-content { max-width: 1000px; margin: auto; } .video-testimonial .inner-video-testimonial .testimonial-content .heading-content .title { margin-bottom: 38px; } .video-testimonial .video-slider .single-video-slider { position: relative; } .video-testimonial .video-slider .single-video-slider .ratio-img { padding-bottom: 56%; } .video-testimonial .video-slider .single-video-slider .ratio-img:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--rgb-black-30); left: 0; top: 0; z-index: 1; } .video-testimonial .video-slider .single-video-slider .play-video { text-align: center; margin: 0; position: absolute; left: 0; right: 0; top: calc(50% - 54px); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 91px; height: 91px; margin: auto; z-index: 2; cursor: pointer; } .video-testimonial .video-slider .single-video-slider .play-video .video-icon { width: 100%; height: 100%; border-radius: 100%; background: url(/images/talent/play-icon.svg) no-repeat center; display: inline-block; font-size: 0; vertical-align: middle; background-size: 100%; } .video-testimonial .video-slider .single-video-slider .video-info { padding: 30px 0; } .video-testimonial .video-slider .single-video-slider .video-info h5 { letter-spacing: -.2px; margin-bottom: 7px; } .video-testimonial .video-slider .single-video-slider .video-info span { letter-spacing: -.3px; } .video-testimonial .slick-prev { left: -21.4%; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: calc(50% - 54px); } .video-testimonial .slick-next { right: -21.4%; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: calc(50% - 54px); } @media (max-width:1500px) { .video-testimonial .inner-video-testimonial { padding-top: 140px; } .video-testimonial .inner-video-testimonial:before { width: 515px; height: 450px; } .video-testimonial .slick-prev { left: -13%; } .video-testimonial .slick-next { right: -13%; } } @media (max-width:1279px) and (min-width:1201px) { .video-testimonial .video-slider { padding: 0 30px; } .video-testimonial .video-slider .slick-prev { left: -9%; } .video-testimonial .video-slider .slick-next { right: -9%; } } @media (max-width:1200px) { .video-testimonial .inner-video-testimonial:before { width: 485px; height: 424px; } .video-testimonial .main-video-slider .video-slider { padding: 0 100px; } .video-testimonial .slick-prev { left: 0; } .video-testimonial .slick-next { right: 0; } } @media (max-width:991px) { .video-testimonial .inner-video-testimonial { padding-top: 70px; } .video-testimonial .inner-video-testimonial:before { width: 400px; height: 350px; } .video-testimonial .main-video-slider .video-slider { padding: 0 80px; } .video-testimonial .main-video-slider .video-slider .single-video-slider .play-video { width: 75px; height: 75px; } .video-testimonial .slick-arrow { width: 70px; height: 70px; } .video-testimonial .slick-arrow:before { width: 50px; height: 50px; } .video-testimonial .slick-arrow:after { width: 50px; height: 17px; } .video-testimonial .slick-arrow.active:before { width: 70px; height: 70px; } } @media (max-width:767px) { .video-testimonial .slick-arrow { bottom: 10px; top: inherit; } .video-testimonial .slick-arrow.slick-prev { left: calc(50% - 40px); -webkit-transform: translate(-50%,0); transform: translate(-50%,0); } .video-testimonial .slick-arrow.slick-next { right: calc(50% - 40px); -webkit-transform: translate(50%,0); transform: translate(50%,0); } .video-testimonial .inner-video-testimonial:before { width: 280px; height: 250px; background-size: 100%; } .video-testimonial .inner-video-testimonial .testimonial-content .heading-content .title { margin-bottom: 24px; } .video-testimonial .main-video-slider .video-slider { padding: 0 0 80px; } .video-testimonial .main-video-slider .video-slider .single-video-slider .play-video { width: 50px; height: 50px; } } .heading-content h2 { letter-spacing: -.7px; margin-bottom: 24px; display: inline-block; } .heading-content h2 .uplers-shape { position: absolute; width: 74px; height: 74px; z-index: -1; margin: -15px 0 0 -21px; background-size: 100%; } .heading-content p { font-size: 16px; line-height: 27px; } .heading-content p:last-child { margin-bottom: 0; } @media (max-width:1200px) { .heading-content h2 .uplers-shape { width: 65px; height: 65px; margin: -10px 0 0 -10px; } .heading-content p br { display: none; } } @media (max-width:767px) { .heading-content h2 .uplers-shape { width: 50px; height: 50px; margin: -8px 0 0 -10px; } } @media (max-width:1280px) { .portfolio-score-details .psd-data-wrap .psd-data-item .psd-head { margin-bottom: 8px; } } .date-picker .date-picker-btn.selected { background: var(--brandYellow)!important; } .animated { opacity: 0; } .animated.fadeInUp.visible { -webkit-animation: fadeInUp 1s ease .3s forwards; animation: fadeInUp 1s ease .3s forwards; } .animated.fadeInLeft.visible { -webkit-animation: fadeInLeft .5s ease forwards; animation: fadeInLeft .5s ease forwards; } .animated.fade.visible { -webkit-animation: fade 1s ease forwards; animation: fade 1s ease forwards; } .animated.fadeNoscale.visible { -webkit-animation: fadeNoscale 1s ease forwards; animation: fadeNoscale 1s ease forwards; } .animated.fadeInRight.visible { -webkit-animation: fadeInRight 1s ease forwards; animation: fadeInRight 1s ease forwards; } .animated.lineAnimation.visible { -webkit-animation: lineAnimation 1s ease forwards; animation: lineAnimation 1s ease forwards; } .animated.fadeWscale.visible { -webkit-animation: fadeWscale 1s ease forwards; animation: fadeWscale 1s ease forwards; } .animated:nth-child(1) { -webkit-animation-delay: .2s!important; animation-delay: .2s!important; } .animated:nth-child(2) { -webkit-animation-delay: .4s!important; animation-delay: .4s!important; } .animated:nth-child(3) { -webkit-animation-delay: .6s!important; animation-delay: .6s!important; } .animated:nth-child(4) { -webkit-animation-delay: .8s!important; animation-delay: .8s!important; } .animated:nth-child(5) { -webkit-animation-delay: 1s!important; animation-delay: 1s!important; } .animated:nth-child(6) { -webkit-animation-delay: 1.2s!important; animation-delay: 1.2s!important; } .animated:nth-child(7) { -webkit-animation-delay: 1.4s!important; animation-delay: 1.4s!important; } .animated:nth-child(8) { -webkit-animation-delay: 1.6s!important; animation-delay: 1.6s!important; } .animated:nth-child(9) { -webkit-animation-delay: 1.8s!important; animation-delay: 1.8s!important; } .animated:nth-child(10) { -webkit-animation-delay: 2s!important; animation-delay: 2s!important; } .animated:nth-child(11) { -webkit-animation-delay: 2.2s!important; animation-delay: 2.2s!important; } .animated:nth-child(12) { -webkit-animation-delay: 2.4s!important; animation-delay: 2.4s!important; } .animated:nth-child(13) { -webkit-animation-delay: 2.6s!important; animation-delay: 2.6s!important; } .animated:nth-child(14) { -webkit-animation-delay: 2.8s!important; animation-delay: 2.8s!important; } .animated:nth-child(15) { -webkit-animation-delay: 3s!important; animation-delay: 3s!important; } .animated:nth-child(16) { -webkit-animation-delay: 3.2s!important; animation-delay: 3.2s!important; } .animated:nth-child(17) { -webkit-animation-delay: 3.4s!important; animation-delay: 3.4s!important; } .animated:nth-child(18) { -webkit-animation-delay: 3.6s!important; animation-delay: 3.6s!important; } .animated:nth-child(19) { -webkit-animation-delay: 3.8s!important; animation-delay: 3.8s!important; } .animated:nth-child(20) { -webkit-animation-delay: 4s!important; animation-delay: 4s!important; } .animated:nth-child(21) { -webkit-animation-delay: 4.2s!important; animation-delay: 4.2s!important; } .animated:nth-child(22) { -webkit-animation-delay: 4.4s!important; animation-delay: 4.4s!important; } .animated:nth-child(23) { -webkit-animation-delay: 4.6s!important; animation-delay: 4.6s!important; } .animated:nth-child(24) { -webkit-animation-delay: 4.8s!important; animation-delay: 4.8s!important; } .animated:nth-child(25) { -webkit-animation-delay: 5s!important; animation-delay: 5s!important; } .animated:nth-child(26) { -webkit-animation-delay: 5.2s!important; animation-delay: 5.2s!important; } .animated:nth-child(27) { -webkit-animation-delay: 5.4s!important; animation-delay: 5.4s!important; } .animated:nth-child(28) { -webkit-animation-delay: 5.6s!important; animation-delay: 5.6s!important; } .animated:nth-child(29) { -webkit-animation-delay: 5.8s!important; animation-delay: 5.8s!important; } .animated:nth-child(30) { -webkit-animation-delay: 6s!important; animation-delay: 6s!important; } .animated:nth-child(31) { -webkit-animation-delay: 6.2s!important; animation-delay: 6.2s!important; } .animated:nth-child(32) { -webkit-animation-delay: 6.4s!important; animation-delay: 6.4s!important; } .animated:nth-child(33) { -webkit-animation-delay: 6.6s!important; animation-delay: 6.6s!important; } .animated:nth-child(34) { -webkit-animation-delay: 6.8s!important; animation-delay: 6.8s!important; } .animated:nth-child(35) { -webkit-animation-delay: 7s!important; animation-delay: 7s!important; } .animated:nth-child(36) { -webkit-animation-delay: 7.2s!important; animation-delay: 7.2s!important; } .animated:nth-child(37) { -webkit-animation-delay: 7.4s!important; animation-delay: 7.4s!important; } .animated:nth-child(38) { -webkit-animation-delay: 7.6s!important; animation-delay: 7.6s!important; } .animated:nth-child(39) { -webkit-animation-delay: 7.8s!important; animation-delay: 7.8s!important; } .animated:nth-child(40) { -webkit-animation-delay: 8s!important; animation-delay: 8s!important; } .animated:nth-child(41) { -webkit-animation-delay: 8.2s!important; animation-delay: 8.2s!important; } .animated:nth-child(42) { -webkit-animation-delay: 8.4s!important; animation-delay: 8.4s!important; } .animated:nth-child(43) { -webkit-animation-delay: 8.6s!important; animation-delay: 8.6s!important; } .animated:nth-child(44) { -webkit-animation-delay: 8.8s!important; animation-delay: 8.8s!important; } .animated:nth-child(45) { -webkit-animation-delay: 9s!important; animation-delay: 9s!important; } .animated:nth-child(46) { -webkit-animation-delay: 9.2s!important; animation-delay: 9.2s!important; } .animated:nth-child(47) { -webkit-animation-delay: 9.4s!important; animation-delay: 9.4s!important; } .animated:nth-child(48) { -webkit-animation-delay: 9.6s!important; animation-delay: 9.6s!important; } .animated:nth-child(49) { -webkit-animation-delay: 9.8s!important; animation-delay: 9.8s!important; } .animated:nth-child(50) { -webkit-animation-delay: 10s!important; animation-delay: 10s!important; } .animated:nth-child(51) { -webkit-animation-delay: 10.2s!important; animation-delay: 10.2s!important; } .animated:nth-child(52) { -webkit-animation-delay: 10.4s!important; animation-delay: 10.4s!important; } .animated:nth-child(53) { -webkit-animation-delay: 10.6s!important; animation-delay: 10.6s!important; } .animated:nth-child(54) { -webkit-animation-delay: 10.8s!important; animation-delay: 10.8s!important; } .animated:nth-child(55) { -webkit-animation-delay: 11s!important; animation-delay: 11s!important; } .animated:nth-child(56) { -webkit-animation-delay: 11.2s!important; animation-delay: 11.2s!important; } .animated:nth-child(57) { -webkit-animation-delay: 11.4s!important; animation-delay: 11.4s!important; } .animated:nth-child(58) { -webkit-animation-delay: 11.6s!important; animation-delay: 11.6s!important; } .animated:nth-child(59) { -webkit-animation-delay: 11.8s!important; animation-delay: 11.8s!important; } .animated:nth-child(60) { -webkit-animation-delay: 12s!important; animation-delay: 12s!important; } .animated:nth-child(61) { -webkit-animation-delay: 12.2s!important; animation-delay: 12.2s!important; } .animated:nth-child(62) { -webkit-animation-delay: 12.4s!important; animation-delay: 12.4s!important; } .animated:nth-child(63) { -webkit-animation-delay: 12.6s!important; animation-delay: 12.6s!important; } .animated:nth-child(64) { -webkit-animation-delay: 12.8s!important; animation-delay: 12.8s!important; } .animated:nth-child(65) { -webkit-animation-delay: 13s!important; animation-delay: 13s!important; } .animated:nth-child(66) { -webkit-animation-delay: 13.2s!important; animation-delay: 13.2s!important; } .animated:nth-child(67) { -webkit-animation-delay: 13.4s!important; animation-delay: 13.4s!important; } .animated:nth-child(68) { -webkit-animation-delay: 13.6s!important; animation-delay: 13.6s!important; } .animated:nth-child(69) { -webkit-animation-delay: 13.8s!important; animation-delay: 13.8s!important; } .animated:nth-child(70) { -webkit-animation-delay: 14s!important; animation-delay: 14s!important; } .animated:nth-child(71) { -webkit-animation-delay: 14.2s!important; animation-delay: 14.2s!important; } .animated:nth-child(72) { -webkit-animation-delay: 14.4s!important; animation-delay: 14.4s!important; } .animated:nth-child(73) { -webkit-animation-delay: 14.6s!important; animation-delay: 14.6s!important; } .animated:nth-child(74) { -webkit-animation-delay: 14.8s!important; animation-delay: 14.8s!important; } .animated:nth-child(75) { -webkit-animation-delay: 15s!important; animation-delay: 15s!important; } .animated:nth-child(76) { -webkit-animation-delay: 15.2s!important; animation-delay: 15.2s!important; } .animated:nth-child(77) { -webkit-animation-delay: 15.4s!important; animation-delay: 15.4s!important; } .animated:nth-child(78) { -webkit-animation-delay: 15.6s!important; animation-delay: 15.6s!important; } .animated:nth-child(79) { -webkit-animation-delay: 15.8s!important; animation-delay: 15.8s!important; } .animated:nth-child(80) { -webkit-animation-delay: 16s!important; animation-delay: 16s!important; } .animated:nth-child(81) { -webkit-animation-delay: 16.2s!important; animation-delay: 16.2s!important; } .animated:nth-child(82) { -webkit-animation-delay: 16.4s!important; animation-delay: 16.4s!important; } .animated:nth-child(83) { -webkit-animation-delay: 16.6s!important; animation-delay: 16.6s!important; } .animated:nth-child(84) { -webkit-animation-delay: 16.8s!important; animation-delay: 16.8s!important; } .animated:nth-child(85) { -webkit-animation-delay: 17s!important; animation-delay: 17s!important; } .animated:nth-child(86) { -webkit-animation-delay: 17.2s!important; animation-delay: 17.2s!important; } .animated:nth-child(87) { -webkit-animation-delay: 17.4s!important; animation-delay: 17.4s!important; } .animated:nth-child(88) { -webkit-animation-delay: 17.6s!important; animation-delay: 17.6s!important; } .animated:nth-child(89) { -webkit-animation-delay: 17.8s!important; animation-delay: 17.8s!important; } .animated:nth-child(90) { -webkit-animation-delay: 18s!important; animation-delay: 18s!important; } .animated:nth-child(91) { -webkit-animation-delay: 18.2s!important; animation-delay: 18.2s!important; } .animated:nth-child(92) { -webkit-animation-delay: 18.4s!important; animation-delay: 18.4s!important; } .animated:nth-child(93) { -webkit-animation-delay: 18.6s!important; animation-delay: 18.6s!important; } .animated:nth-child(94) { -webkit-animation-delay: 18.8s!important; animation-delay: 18.8s!important; } .animated:nth-child(95) { -webkit-animation-delay: 19s!important; animation-delay: 19s!important; } .animated:nth-child(96) { -webkit-animation-delay: 19.2s!important; animation-delay: 19.2s!important; } .animated:nth-child(97) { -webkit-animation-delay: 19.4s!important; animation-delay: 19.4s!important; } .animated:nth-child(98) { -webkit-animation-delay: 19.6s!important; animation-delay: 19.6s!important; } .animated:nth-child(99) { -webkit-animation-delay: 19.8s!important; animation-delay: 19.8s!important; } .top-nav>ul>li.animate-Left:nth-child(1) { -webkit-transition-delay: .1s!important; transition-delay: .1s!important; } .top-nav>ul>li.animate-Left:nth-child(2) { -webkit-transition-delay: .2s!important; transition-delay: .2s!important; } .top-nav>ul>li.animate-Left:nth-child(3) { -webkit-transition-delay: .3s!important; transition-delay: .3s!important; } .top-nav>ul>li.animate-Left:nth-child(4) { -webkit-transition-delay: .4s!important; transition-delay: .4s!important; } .top-nav>ul>li.animate-Left:nth-child(5) { -webkit-transition-delay: .5s!important; transition-delay: .5s!important; } .top-nav>ul>li.animate-Left:nth-child(6) { -webkit-transition-delay: .6s!important; transition-delay: .6s!important; } .top-nav>ul>li.animate-Left:nth-child(7) { -webkit-transition-delay: .7s!important; transition-delay: .7s!important; } .top-nav>ul>li.animate-Left:nth-child(8) { -webkit-transition-delay: .8s!important; transition-delay: .8s!important; } .top-nav>ul>li.animate-Left:nth-child(9) { -webkit-transition-delay: .9s!important; transition-delay: .9s!important; } .top-nav>ul>li.animate-Left:nth-child(10) { -webkit-transition-delay: 1s!important; transition-delay: 1s!important; } .top-nav>ul>li.animate-Left:nth-child(11) { -webkit-transition-delay: 1.1s!important; transition-delay: 1.1s!important; } .top-nav>ul>li.animate-Left:nth-child(12) { -webkit-transition-delay: 1.2s!important; transition-delay: 1.2s!important; } .top-nav>ul>li.animate-Left:nth-child(13) { -webkit-transition-delay: 1.3s!important; transition-delay: 1.3s!important; } .top-nav>ul>li.animate-Left:nth-child(14) { -webkit-transition-delay: 1.4s!important; transition-delay: 1.4s!important; } .top-nav>ul>li.animate-Left:nth-child(15) { -webkit-transition-delay: 1.5s!important; transition-delay: 1.5s!important; } .top-nav>ul>li.animate-Left:nth-child(16) { -webkit-transition-delay: 1.6s!important; transition-delay: 1.6s!important; } .top-nav>ul>li.animate-Left:nth-child(17) { -webkit-transition-delay: 1.7s!important; transition-delay: 1.7s!important; } .top-nav>ul>li.animate-Left:nth-child(18) { -webkit-transition-delay: 1.8s!important; transition-delay: 1.8s!important; } .top-nav>ul>li.animate-Left:nth-child(19) { -webkit-transition-delay: 1.9s!important; transition-delay: 1.9s!important; } .top-nav>ul>li.animate-Left:nth-child(20) { -webkit-transition-delay: 2s!important; transition-delay: 2s!important; } .top-nav>ul>li.animate-Left:nth-child(21) { -webkit-transition-delay: 2.1s!important; transition-delay: 2.1s!important; } .top-nav>ul>li.animate-Left:nth-child(22) { -webkit-transition-delay: 2.2s!important; transition-delay: 2.2s!important; } .top-nav>ul>li.animate-Left:nth-child(23) { -webkit-transition-delay: 2.3s!important; transition-delay: 2.3s!important; } .top-nav>ul>li.animate-Left:nth-child(24) { -webkit-transition-delay: 2.4s!important; transition-delay: 2.4s!important; } .top-nav>ul>li.animate-Left:nth-child(25) { -webkit-transition-delay: 2.5s!important; transition-delay: 2.5s!important; } .top-nav>ul>li.animate-Left:nth-child(26) { -webkit-transition-delay: 2.6s!important; transition-delay: 2.6s!important; } .top-nav>ul>li.animate-Left:nth-child(27) { -webkit-transition-delay: 2.7s!important; transition-delay: 2.7s!important; } .top-nav>ul>li.animate-Left:nth-child(28) { -webkit-transition-delay: 2.8s!important; transition-delay: 2.8s!important; } .top-nav>ul>li.animate-Left:nth-child(29) { -webkit-transition-delay: 2.9s!important; transition-delay: 2.9s!important; } .top-nav>ul>li.animate-Left:nth-child(30) { -webkit-transition-delay: 3s!important; transition-delay: 3s!important; } .top-nav>ul>li.animate-Left:nth-child(31) { -webkit-transition-delay: 3.1s!important; transition-delay: 3.1s!important; } .top-nav>ul>li.animate-Left:nth-child(32) { -webkit-transition-delay: 3.2s!important; transition-delay: 3.2s!important; } .top-nav>ul>li.animate-Left:nth-child(33) { -webkit-transition-delay: 3.3s!important; transition-delay: 3.3s!important; } .top-nav>ul>li.animate-Left:nth-child(34) { -webkit-transition-delay: 3.4s!important; transition-delay: 3.4s!important; } .top-nav>ul>li.animate-Left:nth-child(35) { -webkit-transition-delay: 3.5s!important; transition-delay: 3.5s!important; } .top-nav>ul>li.animate-Left:nth-child(36) { -webkit-transition-delay: 3.6s!important; transition-delay: 3.6s!important; } .top-nav>ul>li.animate-Left:nth-child(37) { -webkit-transition-delay: 3.7s!important; transition-delay: 3.7s!important; } .top-nav>ul>li.animate-Left:nth-child(38) { -webkit-transition-delay: 3.8s!important; transition-delay: 3.8s!important; } .top-nav>ul>li.animate-Left:nth-child(39) { -webkit-transition-delay: 3.9s!important; transition-delay: 3.9s!important; } .top-nav>ul>li.animate-Left:nth-child(40) { -webkit-transition-delay: 4s!important; transition-delay: 4s!important; } .top-nav>ul>li.animate-Left:nth-child(41) { -webkit-transition-delay: 4.1s!important; transition-delay: 4.1s!important; } .top-nav>ul>li.animate-Left:nth-child(42) { -webkit-transition-delay: 4.2s!important; transition-delay: 4.2s!important; } .top-nav>ul>li.animate-Left:nth-child(43) { -webkit-transition-delay: 4.3s!important; transition-delay: 4.3s!important; } .top-nav>ul>li.animate-Left:nth-child(44) { -webkit-transition-delay: 4.4s!important; transition-delay: 4.4s!important; } .top-nav>ul>li.animate-Left:nth-child(45) { -webkit-transition-delay: 4.5s!important; transition-delay: 4.5s!important; } .top-nav>ul>li.animate-Left:nth-child(46) { -webkit-transition-delay: 4.6s!important; transition-delay: 4.6s!important; } .top-nav>ul>li.animate-Left:nth-child(47) { -webkit-transition-delay: 4.7s!important; transition-delay: 4.7s!important; } .top-nav>ul>li.animate-Left:nth-child(48) { -webkit-transition-delay: 4.8s!important; transition-delay: 4.8s!important; } .top-nav>ul>li.animate-Left:nth-child(49) { -webkit-transition-delay: 4.9s!important; transition-delay: 4.9s!important; } .top-nav>ul>li.animate-Left:nth-child(50) { -webkit-transition-delay: 5s!important; transition-delay: 5s!important; } .top-nav>ul>li.animate-Left:nth-child(51) { -webkit-transition-delay: 5.1s!important; transition-delay: 5.1s!important; } .top-nav>ul>li.animate-Left:nth-child(52) { -webkit-transition-delay: 5.2s!important; transition-delay: 5.2s!important; } .top-nav>ul>li.animate-Left:nth-child(53) { -webkit-transition-delay: 5.3s!important; transition-delay: 5.3s!important; } .top-nav>ul>li.animate-Left:nth-child(54) { -webkit-transition-delay: 5.4s!important; transition-delay: 5.4s!important; } .top-nav>ul>li.animate-Left:nth-child(55) { -webkit-transition-delay: 5.5s!important; transition-delay: 5.5s!important; } .top-nav>ul>li.animate-Left:nth-child(56) { -webkit-transition-delay: 5.6s!important; transition-delay: 5.6s!important; } .top-nav>ul>li.animate-Left:nth-child(57) { -webkit-transition-delay: 5.7s!important; transition-delay: 5.7s!important; } .top-nav>ul>li.animate-Left:nth-child(58) { -webkit-transition-delay: 5.8s!important; transition-delay: 5.8s!important; } .top-nav>ul>li.animate-Left:nth-child(59) { -webkit-transition-delay: 5.9s!important; transition-delay: 5.9s!important; } .top-nav>ul>li.animate-Left:nth-child(60) { -webkit-transition-delay: 6s!important; transition-delay: 6s!important; } .top-nav>ul>li.animate-Left:nth-child(61) { -webkit-transition-delay: 6.1s!important; transition-delay: 6.1s!important; } .top-nav>ul>li.animate-Left:nth-child(62) { -webkit-transition-delay: 6.2s!important; transition-delay: 6.2s!important; } .top-nav>ul>li.animate-Left:nth-child(63) { -webkit-transition-delay: 6.3s!important; transition-delay: 6.3s!important; } .top-nav>ul>li.animate-Left:nth-child(64) { -webkit-transition-delay: 6.4s!important; transition-delay: 6.4s!important; } .top-nav>ul>li.animate-Left:nth-child(65) { -webkit-transition-delay: 6.5s!important; transition-delay: 6.5s!important; } .top-nav>ul>li.animate-Left:nth-child(66) { -webkit-transition-delay: 6.6s!important; transition-delay: 6.6s!important; } .top-nav>ul>li.animate-Left:nth-child(67) { -webkit-transition-delay: 6.7s!important; transition-delay: 6.7s!important; } .top-nav>ul>li.animate-Left:nth-child(68) { -webkit-transition-delay: 6.8s!important; transition-delay: 6.8s!important; } .top-nav>ul>li.animate-Left:nth-child(69) { -webkit-transition-delay: 6.9s!important; transition-delay: 6.9s!important; } .top-nav>ul>li.animate-Left:nth-child(70) { -webkit-transition-delay: 7s!important; transition-delay: 7s!important; } .top-nav>ul>li.animate-Left:nth-child(71) { -webkit-transition-delay: 7.1s!important; transition-delay: 7.1s!important; } .top-nav>ul>li.animate-Left:nth-child(72) { -webkit-transition-delay: 7.2s!important; transition-delay: 7.2s!important; } .top-nav>ul>li.animate-Left:nth-child(73) { -webkit-transition-delay: 7.3s!important; transition-delay: 7.3s!important; } .top-nav>ul>li.animate-Left:nth-child(74) { -webkit-transition-delay: 7.4s!important; transition-delay: 7.4s!important; } .top-nav>ul>li.animate-Left:nth-child(75) { -webkit-transition-delay: 7.5s!important; transition-delay: 7.5s!important; } .top-nav>ul>li.animate-Left:nth-child(76) { -webkit-transition-delay: 7.6s!important; transition-delay: 7.6s!important; } .top-nav>ul>li.animate-Left:nth-child(77) { -webkit-transition-delay: 7.7s!important; transition-delay: 7.7s!important; } .top-nav>ul>li.animate-Left:nth-child(78) { -webkit-transition-delay: 7.8s!important; transition-delay: 7.8s!important; } .top-nav>ul>li.animate-Left:nth-child(79) { -webkit-transition-delay: 7.9s!important; transition-delay: 7.9s!important; } .top-nav>ul>li.animate-Left:nth-child(80) { -webkit-transition-delay: 8s!important; transition-delay: 8s!important; } .top-nav>ul>li.animate-Left:nth-child(81) { -webkit-transition-delay: 8.1s!important; transition-delay: 8.1s!important; } .top-nav>ul>li.animate-Left:nth-child(82) { -webkit-transition-delay: 8.2s!important; transition-delay: 8.2s!important; } .top-nav>ul>li.animate-Left:nth-child(83) { -webkit-transition-delay: 8.3s!important; transition-delay: 8.3s!important; } .top-nav>ul>li.animate-Left:nth-child(84) { -webkit-transition-delay: 8.4s!important; transition-delay: 8.4s!important; } .top-nav>ul>li.animate-Left:nth-child(85) { -webkit-transition-delay: 8.5s!important; transition-delay: 8.5s!important; } .top-nav>ul>li.animate-Left:nth-child(86) { -webkit-transition-delay: 8.6s!important; transition-delay: 8.6s!important; } .top-nav>ul>li.animate-Left:nth-child(87) { -webkit-transition-delay: 8.7s!important; transition-delay: 8.7s!important; } .top-nav>ul>li.animate-Left:nth-child(88) { -webkit-transition-delay: 8.8s!important; transition-delay: 8.8s!important; } .top-nav>ul>li.animate-Left:nth-child(89) { -webkit-transition-delay: 8.9s!important; transition-delay: 8.9s!important; } .top-nav>ul>li.animate-Left:nth-child(90) { -webkit-transition-delay: 9s!important; transition-delay: 9s!important; } .top-nav>ul>li.animate-Left:nth-child(91) { -webkit-transition-delay: 9.1s!important; transition-delay: 9.1s!important; } .top-nav>ul>li.animate-Left:nth-child(92) { -webkit-transition-delay: 9.2s!important; transition-delay: 9.2s!important; } .top-nav>ul>li.animate-Left:nth-child(93) { -webkit-transition-delay: 9.3s!important; transition-delay: 9.3s!important; } .top-nav>ul>li.animate-Left:nth-child(94) { -webkit-transition-delay: 9.4s!important; transition-delay: 9.4s!important; } .top-nav>ul>li.animate-Left:nth-child(95) { -webkit-transition-delay: 9.5s!important; transition-delay: 9.5s!important; } .top-nav>ul>li.animate-Left:nth-child(96) { -webkit-transition-delay: 9.6s!important; transition-delay: 9.6s!important; } .top-nav>ul>li.animate-Left:nth-child(97) { -webkit-transition-delay: 9.7s!important; transition-delay: 9.7s!important; } .top-nav>ul>li.animate-Left:nth-child(98) { -webkit-transition-delay: 9.8s!important; transition-delay: 9.8s!important; } .top-nav>ul>li.animate-Left:nth-child(99) { -webkit-transition-delay: 9.9s!important; transition-delay: 9.9s!important; } @-webkit-keyframes fadeInUp { from { -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fadeInUp { from { -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes fadeInLeft { from { -webkit-transform: translateX(-30px); transform: translateX(-30px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fadeInLeft { from { -webkit-transform: translateX(-30px); transform: translateX(-30px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes fadeInRight { from { -webkit-transform: translateX(30px); transform: translateX(30px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fadeInRight { from { -webkit-transform: translateX(30px); transform: translateX(30px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes fade { from { opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes fade { from { opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeWscale { from { -webkit-transform: scale(.9); transform: scale(.9); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes fadeWscale { from { -webkit-transform: scale(.9); transform: scale(.9); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeNoscale { from { -webkit-transform: scale(.6); transform: scale(.6); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes fadeNoscale { from { -webkit-transform: scale(.6); transform: scale(.6); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .error404 #content { width: 100%; } .error-pg .moduleOne { padding-top: 90px; min-height: calc(100vh - 116px); padding-bottom: 50px; } .error-pg .container { max-width: 1665px; } .error-pg .left-content { padding-left: 190px; } @media (max-width:1500px) { .error-pg .moduleOne { min-height: inherit; padding: 0 0 80px 0; } .error-pg .container { max-width: 1300px; } .error-pg .left-content { padding-left: 30px; } } @media (max-width:1200px) { .error-pg .moduleOne { padding: 20px 0 40px 0; } } @media (max-width:991px) { .error-pg .moduleOne { padding: 20px 0 60px 0; } .error-pg .moduleOne .row { min-height: inherit; } } .radio-box { position: relative; padding-left: 30px; cursor: pointer; } .radio-box input[type=radio] { opacity: 0; position: absolute; width: auto; } .radio-box input[type=radio]:checked+span:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .radio-box:before { height: 18px; width: 18px; border: solid 1px var(--brandYellow); border-radius: 100%; content: ""; position: absolute; left: 0; top: -1px; } .radio-box .radio-text:before { background: #303030; height: 8px; width: 8px; border-radius: 10px; content: ""; position: absolute; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: .5s all; transition: .5s all; left: 5px; top: 4px; } .check-box { position: relative; padding-left: 30px; cursor: pointer; } .check-box input[type=checkbox] { opacity: 0; position: absolute; width: auto; } .check-box input[type=checkbox]:checked+span:before { opacity: 1; } .check-box:before { height: 18px; width: 18px; border: solid 1px var(--brandYellow); content: ""; position: absolute; left: 0; top: -1px; } .check-box .checkbox-text:before { height: 6px; width: 9px; border-left: solid 2px var(--primary-dark); border-bottom: solid 2px var(--primary-dark); content: ""; position: absolute; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: .5s all; transition: .5s all; left: 5px; top: 4px; } .common-form { position: relative; padding: 122px 0 190px; } .inner-common-form { background: #f7f7f7; padding: 70px 0 120px; } .inner-common-form .ajax-message { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 15px 0 0 0; display: block; padding: 0 15px; } .inner-common-form .ajax-message a { color: var(--primary-dark); } .common-form::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 122px; background: url(/images/talent/background/form-pattern-top.svg) no-repeat top left; z-index: -1; background-size: cover; } .common-form::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 190px; background: url(/images/talent/background/form-pattern-bottom.svg) no-repeat bottom left; z-index: -1; background-size: cover; } .common-form .title { display: block; width: 100%; text-align: center; margin-bottom: 70px; } .inner-common-form .container { max-width: 1170px; } .common-form .submit-btn { width: 100%; margin-top: 50px; } .common-form.one-line .submit-btn { margin: 0; } .inner-common-form .submit-btn input[type=submit] { display: inline-block; width: auto; min-height: 50px; line-height: 50px; max-width: 100%; } @media (min-width:1921px) { .common-form { padding: 162px 0 254px; } .common-form::before { height: 162px; } .common-form::after { height: 254px; } } @media (max-width:767px) { .common-form .title { margin-bottom: 40px; } } .ads-slider-section .ads-slider { max-width: 1235px; margin-right: 0; } @media (min-width:767px) { .ads-slider-section .ads-slider .slick-slide { width: 248px!important; } } @media (max-width:767px) { .ads-slider-section .ads-slider .slick-slide { width: 220px!important; } } .inner-common-form { padding-bottom: 100px; } .we-are { background: var(--primary-dark); color: var(--white); padding: 15px 0; text-align: center; position: fixed; width: 100%; top: 0; -webkit-transition: .5s all; transition: .5s all; font-size: 18px; z-index: 1; display: block; } .we-are .y-txt { font-weight: 600; color: var(--brandYellow); } .we-are a { color: var(--white); text-decoration: underline; } .we-are a:hover { text-decoration: none; } @media (max-width:1350px) { .we-are { font-size: 12px; } } @media (max-width:767px) { .we-are { font-size: 10px; padding: 3px 10px; min-height: 32px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.2; } } .mainlogo, .menulogo { max-width: 180px; } .mainlogo svg, .menulogo svg { width: 100%; fill: var(--primary-dark); } @media (max-width:1350px) { .mainlogo, .menulogo { max-width: 140px; } } @media (max-width:767px) { .mainlogo a, .menulogo a { margin: 0 10px 0 -10px; } } .mainlogo a, .menulogo a { position: relative; display: block; } .mainlogo img { position: absolute; -webkit-transition: .5s all; transition: .5s all; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mainlogo .yellow-logo { opacity: 0; } @media (min-width:1351px) { header:hover .mainlogo .white-logo { opacity: 0; } header:hover .mainlogo .yellow-logo { opacity: 1; } } @media (min-width:1351px) { .backmenu, .hamburger, .menulogo, .mobile-menu-contact { display: none; } } .top-nav { display: inline-block; } .top-nav>ul>li { display: inline-block; list-style-type: none; padding: 30px 15px; font-size: 18px; } .top-nav>ul>li>a { color: var(--primary-dark); position: relative; } .top-nav>ul>li>a:after { height: 1px; width: 0; background: var(--primary-dark); content: ""; position: absolute; right: 0; bottom: -2px; -webkit-transition: .7s all; transition: .7s all; } .top-nav>ul>li>a:hover:after { width: 100%; right: auto; left: 0; } .top-nav>ul>li.podcast-link a { padding: 5px 15px; border-radius: 20px; background: var(--brandYellow); } .top-nav>ul>li.podcast-link a::after { display: none; } .top-nav>ul>li.podcast-link a:hover { background: var(--primary-dark); color: var(--white); } @media (max-width:1351px) { .top-nav>ul>li.podcast-link a { background: var(--primary-dark); color: var(--white); display: inline-block; } } .top-nav>ul>li.active a:after { width: 100%; } .top-nav>ul>li.has-submenu.open .submenu-toggle:after { content: ""; margin: -10px 0 0 5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .top-nav>ul>li.email-tab { background: var(--primary-dark); padding: 0; } .top-nav>ul>li.email-tab a { color: var(--white)!important; padding: 17px 20px; display: block; font-weight: 600; } .top-nav>ul>li.email-tab a:hover { color: var(--brandYellow)!important; } .top-nav>ul>li.email-tab a:after { display: none; } @media (max-width:1351px) { .top-nav>ul>li.email-tab { display: none; } } .top-nav>ul>li .submenu-toggle { position: relative; display: inline-block; width: 10px; } .top-nav>ul>li .submenu-toggle:after { content: ""; height: 7px; width: 7px; margin: -9px 0 0 3px; vertical-align: middle; -webkit-transition: .5s all; transition: .5s all; border-left: solid 1px var(--primary-dark); display: block; border-bottom: solid 1px var(--primary-dark); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .top-nav>ul>li:hover .submenu-toggle:after { color: var(--brandYellow); } @media (max-width:1500px) { .top-nav>ul>li { font-size: 16px; } } @media (max-width:1351px) { .top-nav { opacity: 0; visibility: hidden; position: fixed; z-index: 1; width: 100%; background: #f4d536; height: 100vh; top: 0; left: 0; -webkit-transition: .5s all; transition: .5s all; padding: 30px; } .top-nav.open { opacity: 1; visibility: visible; } .top-nav>ul { padding-top: 100px; padding-left: 0; } .top-nav>ul>li { display: block; font-size: 20px; padding: 0!important; margin-bottom: 30px; opacity: 0; margin-left: -50px; -webkit-transition: .5s all; transition: .5s all; } .top-nav>ul>li.animate-Left { opacity: 1; margin-left: 0; } .top-nav>ul>li a:after { background: var(--primary-dark); } } @media (max-width:1351px) and (max-width:767px) { .top-nav>ul>li.has-submenu .megamenu .menublocks .block-item { margin-bottom: 30px; } } @media (max-width:1351px) { .top-nav .menulogo { max-width: 110px; } .top-nav .mobile-menu-contact ul li { font-size: 18px; font-weight: 600; margin-bottom: 12px; } .top-nav .mobile-menu-contact ul li:last-child { margin-bottom: 0; } .top-nav .mobile-menu-contact ul li a { color: var(--primary-dark); } .top-nav .mobile-menu-contact ul li.email { font-weight: 400; } } @media (max-width:767px) { .top-nav .mobile-menu-contact { padding-left: 25px; } } @media (max-width:815px) and (orientation:landscape) { .top-nav>ul { padding-top: 0; padding-left: 25px; overflow: auto; margin: 25px 0; max-height: 200px; } .top-nav>ul>li { margin-bottom: 25px; font-size: 18px; } .top-nav .mobile-menu-contact { bottom: 30px; } } @media (max-width:575px) and (orientation:landscape) { .top-nav>ul { max-height: 120px; } } @media (max-width:479px) { .top-nav { padding: 50px 20px; } .top-nav>ul { margin-top: 50px; padding-left: 10px; padding-top: 0; overflow-y: auto; height: calc(100% - 230px); } .top-nav>ul>li { margin-bottom: 25px; font-size: 18px; } .top-nav .menulogo { margin-left: 15px; padding-left: 0; } } @media (max-width:359px) { .top-nav { padding: 26px 20px; } .top-nav>ul { margin: 50px 0 30px 0; } .top-nav>ul>li:last-child { margin-bottom: 0; } .top-nav .menulogo { max-width: 100px!important; padding-left: 0; } } .hamburger { position: absolute; right: 20px; width: 30px; height: 30px; -webkit-transition: .3s all; transition: .3s all; z-index: 11; } .hamburger .hamburger-box { height: 10px; width: 100%; position: absolute; top: 50%; -webkit-transition: .2s all; transition: .2s all; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .hamburger .hamburger-inner:before { height: 2px; width: 30px; background: var(--primary-dark); content: ""; -webkit-transition: .3s all; transition: .3s all; position: absolute; top: 0; } @media (max-width:1350px) { .hamburger .hamburger-inner:before { width: 18px; } } .hamburger .hamburger-inner:after { height: 2px; width: 30px; background: var(--primary-dark); content: ""; -webkit-transition: .3s all; transition: .3s all; position: absolute; top: 8px; } @media (max-width:1350px) { .hamburger .hamburger-inner:after { width: 18px; top: 6px; } } .hamburger.is-active .hamburger-inner:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .hamburger.is-active .hamburger-inner:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; } @media (max-width:480px) { .hamburger { right: 7px; } .hamburger.is-active { top: 15px; } } .menublocks { -ms-flex-wrap: wrap; flex-wrap: wrap; } .menublocks .block-item:last-child .block-title { display: inline-block; } @media (max-width:1599px) { .menublocks .block-item:last-child { max-width: 790px; } } @media (max-width:1350px) { .menublocks .block-item:last-child { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .brandLogo--lockup--animated .brandLogo__freddie { -ms-transform-origin: 13% 50%; -webkit-transform-origin: 13% 50%; overflow: visible; transform-origin: 13% 50%; } .brandLogo--lockup--animated .brandLogo__freddie { -webkit-animation-duration: .8s; -webkit-animation-iteration-count: 1; -webkit-backface-visibility: hidden; animation-duration: .8s; animation-iteration-count: 1; backface-visibility: hidden; } @-webkit-keyframes freddie-head { 0% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355); -webkit-transform: rotate(0) translateY(0); animation-timing-function: cubic-bezier(.215,.61,.355); transform: rotate(0) translateY(0); } 40% { -webkit-animation-timing-function: linear; -webkit-transform: rotate(-10deg) translateY(-7%); animation-timing-function: linear; transform: rotate(-10deg) translateY(-7%); } 60% { -webkit-animation-timing-function: linear; -webkit-transform: rotate(0) translateY(4%); animation-timing-function: linear; transform: rotate(0) translateY(4%); } 80% { -webkit-animation-timing-function: linear; -webkit-transform: rotate(0) translateY(0); animation-timing-function: linear; transform: rotate(0) translateY(0); } } @keyframes freddie-head { 0% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355); -webkit-transform: rotate(0) translateY(0); animation-timing-function: cubic-bezier(.215,.61,.355); transform: rotate(0) translateY(0); } 40% { -webkit-animation-timing-function: linear; -webkit-transform: rotate(-10deg) translateY(-7%); animation-timing-function: linear; transform: rotate(-10deg) translateY(-7%); } 60% { -webkit-animation-timing-function: linear; -webkit-transform: rotate(0) translateY(4%); animation-timing-function: linear; transform: rotate(0) translateY(4%); } 80% { -webkit-animation-timing-function: linear; -webkit-transform: rotate(0) translateY(0); animation-timing-function: linear; transform: rotate(0) translateY(0); } } @media screen and (min-width:0\0) { .mainlogo svg, .menulogo svg { height: 80px; } } .remote-menu-link { display: none!important; } .category-remote-team section.blog-header { display: none; } .social { margin-bottom: 0; text-align: right; } .social .s-title { display: inline-block; color: #676767; font-weight: 500; font-size: 16px; vertical-align: middle; margin: -5px 10px 0 0; } .social ul { display: inline-block; } .social ul li { display: inline-block; margin-right: 15px; } .social ul li a { height: 34px; width: 34px; color: var(--white); display: inline-block; position: relative; text-align: center; line-height: 35px; } .social ul li a i { position: relative; font-size: 15px; z-index: 1; -webkit-transition: .5s all; transition: .5s all; } .social ul li a:before { position: absolute; background: #676767; display: block; content: ""; width: 100%; height: 100%; border-radius: 100%; -webkit-transition: .5s all; transition: .5s all; } .social ul li a:after { position: absolute; background: url(/images/talent/uplers-shape.svg) no-repeat; display: block; content: ""; width: 35px; height: 32px; background-size: 100%; position: absolute; top: 3px; left: -3px; -webkit-transition: .5s all; transition: .5s all; opacity: 0; -webkit-transform: scale(.1) rotate(90deg); transform: scale(.1) rotate(90deg); } .social ul li a:hover:before { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .social ul li a:hover:after { opacity: 1; -webkit-transform: rotate(0) scale(1.1); transform: rotate(0) scale(1.1); } .social ul li a:hover i { color: var(--primary-dark); } .social ul li:last-child { margin-right: 0; } .social ul li:first-child { color: #676767; font-weight: 500; } @media (max-width:500px) { .social ul li { margin: 0 5px; } .social ul li a { height: 35px; width: 35px; line-height: 35px; } .social ul li a i { font-size: 14px; } .social ul li a:after { width: 40px; height: 34px; background-size: 40px; } } @media (max-width:767px) { .social { text-align: left; } .social .s-title { margin: -5px 5px 0 0; } .social ul li { margin: 0 2px; } } @media (min-width:768px) { .footer-menu .tap-content { display: block; } } @media (min-width:1025px) { #page { height: 100%; } .wrapper { background: var(--white); position: relative; } } .more-services { padding: 30px 30px 0 0; } .more-services .more-click { font-size: 16px; text-align: center; font-weight: 600; color: #8d8d8d; background: #40403f; padding: 7px 0; cursor: pointer; } .more-services .arrow { border-left: solid 2px #8d8d8d; border-bottom: solid 2px #8d8d8d; height: 8px; width: 8px; display: inline-block; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); vertical-align: middle; margin: -5px 0 0 10px; } .more-services .more-click.open .arrow { margin: 4px 0 0 10px; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .more-content { padding-top: 40px; display: none; } @media (max-width:767px) { .more-content { padding-top: 20px; } .more-services { padding: 30px 0 0; } } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after, .ui-helper-clearfix:before { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default!important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible; } .ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited { text-decoration: none; } .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-button-icon-only { text-indent: 0; } .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: 0 0; overflow: auto; line-height: 25px; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==); height: 100%; opacity: .25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted var(--primary-dark); } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: 700; line-height: 1.5; padding: 2px .4em; margin: .5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: 0 0; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative; padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: 0 0; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget button, .ui-widget input, .ui-widget select { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; background: var(--bg-light-gray-f9); } .ui-widget-content { border: 1px solid #ddd; background: var(--white); color: #333; } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #ddd; background: var(--bg-light-gray-E9); color: #333; font-weight: 700; } .ui-widget-header a { color: #333; } .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: 400; color: #454545; text-align: center; } .ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button { color: #454545; text-decoration: none; } .ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover { border: 1px solid #ccc; background: #ededed; font-weight: 400; color: #2b2b2b; } .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; } .ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active { border: 1px solid #dad55e; background: var(--brandYellow); font-weight: 400; color: var(--primary-dark); } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: var(--white); } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: var(--white); text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: var(--brandYellow); color: var(--primary-dark); } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: 700; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: 400; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(images/ui-icons_444444_256x240.png); } .ui-widget-header .ui-icon { background-image: url(images/ui-icons_444444_256x240.png); } .ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon { background-image: url(images/ui-icons_555555_256x240.png); } .ui-button:active .ui-icon, .ui-state-active .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon { background-image: url(images/ui-icons_777620_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/ui-icons_cc0000_256x240.png); } .ui-button .ui-icon { background-image: url(images/ui-icons_777777_256x240.png); } .ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right { border-bottom-right-radius: 3px; } .ui-widget-overlay { background: #aaa; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; } select:focus-visible { outline: 0; } .common-Btn { background: var(--brandYellow); color: var(--primary-dark); border: 0; text-transform: uppercase; font-weight: 700; transition: .5s all; box-shadow: none!important; } .common-Btn:hover { background: var(--primary-dark); color: var(--white); } .large-Btn .common-Btn { font-size: 18px; padding: 0 25px; min-height: 50px; border-radius: 50px; display: inline-block; line-height: 50px; } .medium-Btn .common-Btn { font-size: 16px; padding: 0 20px; min-height: 40px; border-radius: 40px; display: inline-block; line-height: 40px; } .small-Btn .common-Btn { font-size: 15px; padding: 0 20px; min-height: 30px; border-radius: 30px; display: inline-block; line-height: 30px; } .common-Btn.graybtn { background: #eee; color: #999; } .common-Btn.outline { background: 0 0; color: var(--primary-dark); border: solid 1px var(--primary-dark); min-height: 28px; line-height: 28px; } .common-Btn.outline:hover { background: var(--primary-dark); color: var(--white)!important; } @media (max-width:1550px) { .large-Btn .common-Btn { font-size: 16px; min-height: 40px; line-height: 40px; } .medium-Btn .common-Btn { font-size: 15px; min-height: 35px; line-height: 35px; } .small-Btn .common-Btn { font-size: 12px; min-height: 30px; line-height: 30px; } } .req-star { color: red; font-size: 18px; font-weight: 500; display: inline-block; margin-left: 2px; line-height: 12px; } a:visited { color: var(--primary-dark); } body.open-custom-popup { overflow: hidden; } .required .input-title:after { content: "*"; color: red; font-size: 19px; display: inline-block; vertical-align: middle; margin: 0 0 -4px 3px; } .required.search-title:after { content: "*"; color: red; font-size: 19px; display: inline-block; vertical-align: middle; margin: 0 0 -4px 3px; } ul.fst-nobrd { border: 0!important; margin-top: 0!important; padding-top: 10px!important; } .gry-note p { font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--dark-gray-7C); } .how-time { padding: 10px 0; } .how-time-wrap { padding: 0 26px; } .how-time-wrap .sub-title { padding-bottom: 5px; font-size: 14px!important; } .how-time-wrap .default-select { max-width: 280px; } .fedback-note { font-size: 13px; color: red; font-weight: 600; margin-bottom: 10px; } .twoMain [class*=col-] { margin-bottom: 50px; } .f-mainwrap .filewrap .cta-button { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .pro-edit { background: var(--brandYellow); display: inline-block; padding: 8px 12px; position: absolute; right: 0; top: 0; font-size: 12px; border-radius: 0 2px 0 10px; } .pro-edit a { color: var(--primary-dark); } .pro-edit a:hover { text-decoration: underline; } .pro-edit img { max-width: 10px; margin-right: 5px; } .default-select { position: relative; border: solid 1px #eee; box-shadow: 0 0 20px 0 var(--rgb-navy-tint); height: 45px; border-radius: 8px; } .default-select:after { content: ""; width: 8px; height: 8px; border: 0; border-left: solid 2px #969696; border-bottom: solid 2px #969696; position: absolute; top: 43%; right: 15px; transform: rotate(-45deg) translateY(-50%); } .default-select select { height: 100%; width: 100%; padding: 0 15px; border: 0; border-radius: 8px; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: 0; } .def_selct_wrap .rating { display: flex; align-items: center; } .customInput { box-shadow: 0 0 10px 0 var(--rgb-navy-tint); border-radius: 5px; padding: 10px 15px; font-size: 16px; min-height: 120px; } .customInput ol, .customInput ul { padding-left: 15px; } .customInput ol li, .customInput ul li { list-style-type: inherit; margin-bottom: 10px; line-height: 1.5; } .customInput ul li { list-style-type: disc; } .previewButton { all: unset; cursor: pointer; position: fixed; z-index: 1; top: 20%; transform: translateY(-20%); right: -124px; background: var(--brandYellow); color: var(--primary-dark)!important; border-color: var(--brandYellow); display: flex; align-items: center; text-transform: capitalize; font-size: 14px; font-weight: 600; padding: 14px 16px; text-decoration: none; border-radius: 8px 0 0 8px; } .previewButton .eye { font-size: 14px; margin: 0 16px 0 0; } .previewButton:hover { right: 0; } .previewButton:hover .eye { margin: 0 8px 0 0; } @media (max-width:575px) { .previewButton { top: 25%; } } .containSection.popupWrap { width: 100%; } .containSection.cont-assess .underlinedLink { font-size: 12px; font-weight: 700; border: none; background: 0 0; color: var(--secondary-black); text-decoration: underline; text-transform: none; float: right; } @media (max-width:767px) { .containSection.cont-assess .underlinedLink.noMobile { display: none; } } .cl_feedback .status-txt { margin-bottom: 15px; color: var(--primary-dark); } .cl_feedback .link { text-align: right; } .cancel-off-png, .cancel-on-png, .star-half-png, .star-off-png, .star-on-png { font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; speak: none; text-transform: none; color: #777; } .ace-settings-box .ace-settings-item>label.lbl, .tags .tag { font-size: 13px; } .cancel-on-png { color: #dd5a43; } .cancel-on-png:before { content: "\f057"; } .cancel-off-png { color: #e08374; } .cancel-off-png:before { content: "\f05c"; } .star-on-png { color: #feb902; } .star-on-png:before { content: "\f005"; } .star-off-png { color: #777; } .star-off-png:before { content: "\f006"; } .star-half-png { color: #feb902; } .star-half-png:before { content: "\f123"; } .appLoader { position: fixed; background: var(--rgb-dark-70); z-index: 9; height: 100%; width: 100%; top: 0; display: flex; align-items: center; justify-content: center; } .appLoader img { max-width: 9.375rem; max-height: 9.375rem; } .cta-button.outline { background: var(--white); border: solid 2px var(--primary-dark); min-height: 3.375rem; line-height: 3.375rem; } .cta-button.outline:hover { background: var(--brandYellow); color: var(--primary-dark); } .cta-button.outline img { margin-right: 0.625rem; } .info { color: #010101; padding: 0 12px; font-size: 14px; text-decoration: underline; line-height: 1.2rem; } .info-no-ul { color: #010101; padding: 0 12px; font-size: 14px; line-height: 1.2rem; } .info-no-ul.exp { margin-top: -5px; padding: 0 18px; color: #888; } .login-pg { position: relative; overflow: hidden; height: 100vh; } .login-pg .imgBox { height: 100vh; } .login-pg .imgBox img { width: 100%; height: 100%; object-fit: cover; } .formWrap { max-width: 40.625rem; margin: auto; box-shadow: 0 0 10px var(--rgb-dark-shade-50); padding: 2.5rem 5rem 3.125rem; border-radius: 15px; } .formWrap .logo { max-width: 18.75rem; } .login-pg .form-style input { background: 0 0; border-color: var(--primary-dark); } .login-pg .form-style input[type=password] { padding: 0 2.625rem 0 2.1875rem; } .login-pg .rightpart { padding: 6.25rem 3.125rem 0; position: static; display: flex; height: calc(100vh - 6.25rem); flex-flow: column; } .login-pg .rightpart .btn_23 { position: absolute; top: 3.125rem; right: 3.125rem; } .btn_23 .button2 { background-color: var(--brandYellow); border: none; color: var(--primary-dark); padding: 0 25px; text-align: center; text-decoration: none; display: inline-block; margin: 0 8px; cursor: pointer; border-radius: 30px; transition: .5s all; min-height: 48px; } .btn_23 .button1 { border: 2px solid var(--primary-dark); color: var(--primary-dark); padding: 0 25px; text-align: center; text-decoration: none; display: inline-block; margin: 0 8px; cursor: pointer; border-radius: 30px; background: 0 0; transition: .5s all; min-height: 48px; } .btn_23 .button1:hover, .btn_23 .button2:hover { background: var(--primary-dark); color: var(--white); } .sec2 { text-align: center; } .sec2 h3 { font-weight: 400; margin-bottom: 0.625rem; } .sec2 p { font-size: 1rem; font-weight: 400; line-height: 1.25rem; } .sec2 h4 { font-size: 1.875rem; margin: 0.9375rem 0 1.875rem; } .input_con.img { padding: 10px; color: var(--primary-dark); min-width: 50px; text-align: center; } .input_con { display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 0.9375rem; position: relative; flex-wrap: wrap; } .input_con img { top: -1px; width: auto; max-width: 34%; position: absolute; left: 0; z-index: 1; } .input_con img.eyeIcon { right: 0; left: auto; cursor: pointer; } .input_con .edit-button { transform: none; top: 0.5rem; right: 2.8125rem; } .input_con .field-validation-valid { width: 100%; flex: 0 0 100%; margin: 0.6875rem 0 0 0; } .login-pg .cta-button { line-height: 3.125rem; min-height: 3.125rem; } .custom-validation { border: solid 1px #999; border-radius: 6px; padding: 10px 15px 10px 35px; top: 100%; position: absolute; z-index: 11; background: var(--white); left: 0; } .custom-validation:before { border-left: solid 1px #999; border-bottom: solid 1px #999; background: var(--white); position: absolute; content: ""; height: 12px; width: 12px; transform: rotate(135deg); top: -7px; left: 15px; } .custom-validation i { width: 18px; height: 18px; background: #ffd100; flex: 0 0 20px; text-align: center; margin: 0 10px 0 0; border-radius: 2px; font-size: 14px; display: flex; align-items: center; justify-content: center; position: absolute; left: 10px; top: 9px; } .custom-validation .field-validation-valid { margin: 0; font-size: 14px; line-height: 1.3; } .forget_pass { margin: 20px 0 40px; } .forget_pass a { color: #404142; padding: 5px 0 3px; border-bottom: 1px solid; } .forget_pass a:hover { color: #999; } .butt_5 button { background-color: var(--brandYellow); color: var(--primary-dark); border-radius: 25px; margin: 0 auto; display: block; } .form-style { margin: 0 auto; } .form-style input { border: 0; height: 2.1875rem; border-radius: 0; border-bottom: 1px solid var(--border-gray2); padding: 0 0 0 35px; color: var(--primary-dark); } .form-style input:focus { border-bottom: 1px solid #666; box-shadow: none; outline: 0; } .form-style .cta-button { width: 100%; border: 0; transition: .5s all; } .sideline { display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; color: #ccc; } .sideline:after, .sideline:before { content: ""; border-top: 1px solid var(--border-gray2); margin: 0 20px 0 0; flex: 1 0 20px; } .sideline:after { margin: 0 0 0 20px; } .login-pg.forgot .sec2 p { font-weight: 500; margin-bottom: 2.5rem; } .login-pg.forgot .form-style input { padding: 0; } .login-pg.forgot .formWrap { padding: 3.125rem; } .login-pg.forgot .twoBtns { display: flex; justify-content: space-between; margin: 3.125rem 0 0 0; } .login-pg.forgot .form-style .cta-button { width: auto; padding: 0 2.1875rem; } .login-pg.forgot .imgBox .forgot-logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 30.625rem; height: auto; } .accept-check { margin-bottom: 40px; color: var(--primary-dark); position: relative; } .accept-check a { color: var(--primary-dark); text-decoration: underline; } .accept-check.selectOption .lbl-txt { color: var(--primary-dark); } .talentListing.clientonboardlist .talentBox { padding-bottom: 30px; } .talentListing.clientonboardlist .talentBox .boxInfo { padding-bottom: 0; } .otp-wrapper { width: 100%; height: 100vh; .otp-verify-bg-left-img { width: 29.75rem; height: 21.875rem; } } .otp-wrapper .modal-logo { margin-bottom: 3.5rem; } .otp-wrapper .modal-logo .logo { height: 2.375rem; width: auto; padding-bottom: 0!important; } .otp-wrapper .otp-img { width: 72%; margin-left: auto; } .otp-wrapper .otp-img .imgBox { position: relative; } .otp-wrapper .otp-modal { position: absolute; top: 50%; left: -32%; transform: translateY(-50%); } .otp-wrapper .formWrap { border: 1px solid var(--text-field-outline-2); border-radius: 8px; background: var(--primary-white); padding: 3.5rem; width: 100%; max-width: 39.125rem; } .otp-wrapper .form_title h3 { font-size: 1.375rem; line-height: 1.625rem; margin-bottom: 1rem; } .otp-wrapper .form_title p { font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 2rem; } .otp-wrapper .otp-lable { font-size: 0.75rem; line-height: 0.9375rem; color: var(--text-gray); margin-bottom: 0.5rem; } .otp-wrapper .label-error { color: var(--failureRed); margin: 0 0 8px; } .login-pg .otp-wrapper .form-control { border: 1px solid var(--text-field-outline-2); border-radius: 8px; height: 3.375rem; padding: 1rem; } .otp-wrapper .re-send-text p { font-weight: 400; font-size: 0.875rem; line-height: 1.0625rem; color: var(--text-gray); margin-bottom: 2.5rem; } .otp-wrapper .re-send-text span { font-weight: 600; font-size: 0.875rem; line-height: 1.0625rem; text-decoration-line: underline; color: var(--secondary-black); } .otp-wrapper .button-section .buttom-wrapper { display: flex; align-items: center; } .otp-wrapper .button-section .buttom-wrapper button { border: none; outline: 0; box-shadow: none; width: inherit; display: inline-block; } .otp-wrapper .button-section .buttom-wrapper button:focus { border: none; outline: 0; box-shadow: none; } .otp-wrapper .button-section .buttom-wrapper .go-back { font-weight: 700; font-size: 1.125rem; line-height: 1.625rem; margin-right: 1.5rem; text-transform: capitalize; color: var(--secondary-black); background-color: transparent; position: relative; } .otp-wrapper .button-section .buttom-wrapper .go-back::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--secondary-black); } .otp-wrapper .form-style .button-section .buttom-wrapper .cta-button { font-size: 1.125rem; line-height: 1.375rem; text-align: center; text-transform: uppercase; padding: 0.875rem 1.5rem; } .otp-wrapper .form-control.error { border-color: var(--failureRed); margin: 0; } @media (max-width:1550px) { .req-star { font-size: 15px; } .twoMain [class*=col-] { margin-bottom: 30px; } /* .login-pg .rightpart { padding: 0 50px; height: auto; } */ /* .formWrap { padding: 25px 30px 30px; max-width: 400px; } */ /* .formWrap .logo { max-width: 180px; padding-bottom: 10px!important; } */ .forget_pass { margin: 10px 0 25px; } .login-pg .rightpart .btn_23 { right: 30px; top: 30px; position: static; margin-bottom: 25px; } .sec2 h3 { font-size: 22px; margin-bottom: 5px; } /* .sec2 h4 { font-size: 25px; margin: 0 0 20px; } */ .btn_23 .button1, .btn_23 .button2 { min-height: 35px; padding: 0 20px; font-size: 15px; } .sec2 p { margin-bottom: 10px; font-size: 13px; } /* .input_con { margin-bottom: 10px; padding-bottom: 10px!important; } */ /* .form-style .cta-button { min-height: 35px; line-height: 35px; font-size: 15px; } */ .forget_pass { font-size: 13px; } .forget_pass a { padding: 2px 0; font-size: 13px; } /* .login-pg.forgot .imgBox .forgot-logo { max-width: 350px; } */ /* .login-pg.forgot .formWrap { padding: 50px 20px; } */ /* .login-pg.forgot .sec2 p { margin-bottom: 20px; } */ /* .login-pg.forgot .form-style .cta-button { padding: 0 20px; font-size: 15px; } */ /* .login-pg.forgot .twoBtns { margin: 30px 0 0; } */ /* .cta-button.outline { min-height: 45px; line-height: 46px; padding: 0 25px; } */ /* .login-pg .form-style input { font-size: 15px; } */ } @media (max-width:1366px) { /* .otp-wrapper .formWrap { padding: 36px; } */ /* .otp-wrapper .modal-logo { margin-bottom: 26px; } */ /* .otp-wrapper .form_title h3 { font-size: 20px; line-height: 24px; } */ /* .otp-wrapper .modal-logo .logo { max-width: 275px; } */ /* .otp-wrapper .form_title p { margin-bottom: 24px; } */ /* .otp-wrapper .re-send-text p { margin-bottom: 24px; } */ /* .login-pg .otp-wrapper .form-control { height: 48px; } */ } @media (max-width:1280px) { .cta-button.outline { min-height: 38px; line-height: 38px; padding: 0 25px; border-width: 1px; font-size: 15px; } .accept-check.selectOption>label { font-size: 15px; } .cl_feedback .link { text-align: left!important; } .gry-note p { font-size: 15px; } .custom-validation { padding: 7px 7px 8px 35px; } .custom-validation .field-validation-valid { font-size: 12px; } .custom-validation i { width: 16px; height: 16px; margin: 0 7px 0 0; font-size: 11px; } } @media (max-width:991px) { .formWrap .logo { max-width: 250px; padding-bottom: 15px!important; } .sec2 h3 { font-size: 20px; margin-bottom: 15px; } .login-pg .rightpart { padding: 0 30px; } .forget_pass a { font-size: 12px; } .form-style .cta-button { min-height: 40px; line-height: 40px; font-size: 16px; } .sec2 p { font-size: 15px; } .login-pg.forgot .twoBtns { display: block; } .login-pg.forgot .twoBtns .cta-button { width: 100%; margin-bottom: 15px; } .appLoader img { max-width: 120px; max-height: 120px; } } @media only screen and (min-device-width:480px) and (max-device-width:900px) and (orientation:landscape) { .otp-wrapper .otp-img { width: 100%; margin-left: 0; } .login-pg .imgBox>img { display: none; } .otp-wrapper .otp-modal { position: static; transform: none; } .otp-wrapper .formWrap { border: none; box-shadow: none; } .login-pg>.row { height: 100%; } .login-pg .rightpart { flex: 0 0 100%; max-width: 100%; padding-bottom: 60px; } .login-pg .rightpart .btn_23 { position: static; text-align: center!important; padding: 30px 0; } .login-pg .formWrap { margin: auto; } .login-pg.forgot .formWrap { margin-top: 50px; } } @media (max-width:767px) { .otp-wrapper .otp-img { width: 100%; margin-left: 0; } .login-pg .imgBox { height: auto; } .login-pg .imgBox>img { display: none; } .otp-wrapper .otp-modal { position: static; transform: none; } .otp-wrapper .formWrap { border: none; box-shadow: none; } .login-pg { overflow: auto; } .login-pg>.row { height: 100%; } .login-pg .rightpart { padding: 0 20px 60px; } .login-pg .rightpart .btn_23 { position: static; text-align: center!important; padding: 30px 0; } .btn_23 .button1, .btn_23 .button2 { margin: 0 2px; font-size: 15px; height: 40px; min-height: 40px; line-height: 38px; } .formWrap { margin: auto auto 60px; padding: 25px 20px 30px; } .form-style .cta-button { font-size: 15px; } .form-style input { font-size: 15px; } .input_con img { max-width: 23px; top: 5px; } .form-style input { padding: 0 0 0 28px; } .login-pg .form-style input[type=password] { padding: 0 30px 0 28px; } .input_con img.eyeIcon { max-width: 35px; } .login-pg.forgot .formWrap { margin-top: 50px; } .appLoader img { max-width: 80px; max-height: 80px; } } @media (max-width:360px) { .formWrap .logo { max-width: 200px; } } .wrapper { padding-left: 293px; transition: all .35s; } .dashboard-pg { margin-top: 4rem; height: calc(100vh - 4rem); overflow-y: scroll; overflow-x: hidden; } /* @media screen and (max-width: 1100px) and (min-width: 991px) { .dashboard-pg { margin-top: 52px; height: calc(100vh - 52px); } } */ @media screen and (max-width: 990px) { .dashboard-pg { margin-top: 58px; height: calc(100vh - 58px);} } .backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); opacity: 1; visibility: visible; transition: all 0.3s ease-in-out; z-index: 100; } .seprator { border: solid 1px var(--border-gray); margin: 80px 0 60px; } .submenu-lv1 { padding: 15px 15px 0 65px; text-align: left; display: none; } .submenu-lv1>li { margin-bottom: 20px; position: relative; } .submenu-lv1>li .msg-count { top: 1px; } .submenu-lv1>li>a { color: var(--white); opacity: .5; position: relative; } .submenu-lv1>li>a .l-icon { margin-right: 8px; min-width: 20px; display: inline-block; } .submenu-lv1>li>a:after { content: ""; height: 1px; width: calc(100% - 28px); background: var(--brandYellow); position: absolute; bottom: -4px; right: 0; opacity: 0; transition: .5s all; } .submenu-lv1>li.active>a { opacity: 1; } .submenu-lv1>li.active>a:after { opacity: 1; } .submenu-lv2 { padding: 15px 0 0 28px; text-align: left; display: none; } .submenu-lv2>li>a { color: var(--white); opacity: .5; position: relative; display: inline-flex; align-items: center; } .submenu-lv2>li>a .l-icon { margin-right: 5px; min-width: 20px; display: inline-block; } .has-sub-children.open>a { opacity: 1; } .has-sub-children.open .downarrow:after { margin: 2px 0 0 12px; transform: rotate(135deg); } .submenu-lv2>li>a:after { content: ""; height: 1px; width: calc(100% - 25px); background: var(--brandYellow); position: absolute; bottom: -4px; right: 0; opacity: 0; transition: .5s all; } .submenu-lv2>li.active>a { opacity: 1; } .submenu-lv2>li.active>a:after { opacity: 1; } .downarrow:after { height: 10px; width: 10px; border-left: solid 2px var(--white); border-bottom: solid 2px var(--white); display: inline-block; content: ""; transform: rotate(-45deg); vertical-align: middle; margin: -7px 0 0 12px; } .top-toolbar { background: var(--bg-light-gray-f2); box-shadow: 0 1px 5px 0 var(--rgb-dark-shade-50); position: fixed; top: 0; width: calc(100% - 70px); right: 0; padding: 16px 25px 16px 0; z-index: 13; transition: all .35s; } .top-toolbar>ul { display: flex; align-items: center; justify-content: flex-end; } .top-toolbar>ul>li { position: relative; } .top-toolbar>ul>li:not(:last-child) { border-right: solid 1px #ccc; } .top-toolbar>ul>li a { padding: 5px 20px; display: inline-block; } .top-toolbar .msgBell .msg-count { font-size: 10px; font-weight: 700; background: var(--bg-yellow); width: 17px; height: 17px; color: var(--primary-dark); border-radius: 100%; position: absolute; line-height: 18px; text-align: center; top: 0; right: 14px; } ul.settingMenu { position: absolute; background: var(--white); box-shadow: 0 0 7px var(--rgb-dark-shade-50); min-width: 185px; right: -16px; border-radius: 5px; padding: 15px 20px; top: 100%; margin-top: 12px; transform: translateY(30px); opacity: 0; transition: .5s all; visibility: hidden; } ul.settingMenu:before { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid var(--white); position: absolute; z-index: 11; content: ""; top: -10px; right: 25px; } .top-toolbar ul.settingMenu li a { display: flex; align-items: center; font-size: 14px; color: var(--text-gray); font-weight: 500; padding: 0; white-space: nowrap; } .top-toolbar ul.settingMenu li a img { margin-right: 5px; } .top-toolbar ul.settingMenu li { border-top: solid 1px var(--light-gray); margin-top: 12px; padding-top: 12px; } .top-toolbar ul.settingMenu li:first-child { border-top: none; margin-top: 0; padding-top: 0; } .top-toolbar ul.settingMenu li a:hover { color: var(--textBlack); text-decoration: underline; } .top-toolbar .userSettings { cursor: pointer; } .containSection { padding: 1.5rem 4rem; position: relative; } .containSection.Page404 { padding: 0; position: relative; } .no-record { font-size: 30px; font-weight: 700; line-height: 1.5; } .previewBtn { border: dashed 1px var(--light-gray-DF); padding: 0 20px; height: 36px; line-height: 34px; margin-bottom: 15px; font-weight: 500; font-size: 14px; color: var(--primary-dark); display: inline-block; border-radius: 3px; } .previewBtn img { margin-right: 8px; } .previewBtn:hover { background: #eee; } .previewBtn.hrCode { background: var(--brandYellow); font-weight: 600; } .containSection .heading { margin-bottom: 2.5rem; .img-fluid-gethelp { width: 10.625rem; height: 12.625rem; } } .containSection .heading h2 { font-size: 2rem; margin-bottom: 1rem; font-weight: 400;} .containSection .heading p { font-size: 1rem; line-height: 1.5; font-weight: 400; padding-bottom: 1rem; margin-bottom: 0; border-bottom: 1px solid var(--bg-secondary); } .containSection .heading .link { color: var(--primary-dark); text-decoration: underline; } .containSection .heading .link:hover { color: #999; } .containSection .subhead { font-size: 1.5rem; font-weight: 500; margin-bottom: 1rem; line-height: 1.5; } .containSection .graytxt { color: #666; } .talentListing .talentBox { box-shadow: 0 0 20px 0 var(--rgb-navy-shade-50); border-radius: 15px; position: relative; overflow: auto; margin-bottom: 55px; } .talentListing .talentBox .boxHead { display: flex; align-items: center; background: var(--light-gray-DF); padding: 20px 30px; } .talentListing .talentBox .boxHead .hr-code { font-weight: 700; padding: 5px 10px; font-size: 12px; line-height: 15px; background: var(--white); display: inline-block; letter-spacing: 1px; box-shadow: 0 0 2px var(--rgb-dark-50); } .containSection .heading .btnwrap { text-align: right; } .containSection .heading .btnwrap .cta-button { padding: 0 30px; min-width: 160px; min-height: 50px; line-height: 50px; background: var(--brandYellow); color: var(--primary-dark); } .containSection .heading .btnwrap .cta-button img { margin: 0 5px 0 0; } .containSection .heading .common-Btn { text-transform: none; font-weight: 600; } .talentListing .talentBox .boxHead.w-btn { justify-content: space-between; } .talentListing .talentBox .boxHead .left-part { display: flex; align-items: center; } .talentListing .talentBox .boxHead .left-part h6 { line-height: 1.4; } .talentListing .talentBox .boxHead .right-part .previewBtn { margin: 0; border-color: #666; } .talentListing .talentBox .boxHead .jobIcon img { margin-right: 10px; } .talentListing .talentBox .boxHead h4 { font-size: 20px; font-weight: 500; } .talentListing .talentBox .boxHead h4 .sm-txt { font-size: 16px; display: block; } .talentListing .talentBox .boxHead .jobPhoto { max-height: 82px; max-width: 82px; border-radius: 100%; overflow: hidden; margin-right: 20px; } .talentListing .talentBox .boxInfo { padding: 30px; font-weight: 500; background: var(--white); } .talentListing .talentBox .boxInfo .attributes { display: flex; flex-wrap: wrap; } .talentListing .talentBox .boxInfo .attributes ul { display: flex; margin: 0 -15px; flex-wrap: wrap; } .talentListing .talentBox .boxInfo .attributes ul li { flex: 0 0 50%; max-width: 50%; padding: 0 15px; font-weight: 500; margin-bottom: 15px; color: var(--primary-dark); line-height: 1.5; } .talentListing .talentBox .boxInfo .attributes .link { text-decoration: underline; color: var(--primary-dark); min-width: 170px; text-align: center; display: inline-block; } .talentListing .talentBox .boxInfo .attributes .link:hover { color: #999; } .talentListing .talentBox .boxInfo .attributes .attrLeft { flex: 0 0 72%; max-width: 72%; } .talentListing .talentBox .boxInfo .attributes .attrRight { flex: 0 0 28%; max-width: 28%; text-align: right; } .talentListing .talentBox .boxInfo .attributes .attrRight small { font-weight: 600; color: var(--primary-dark); font-size: 12px; text-transform: uppercase; } .talentListing .talentBox .boxInfo .attributes .attrRight .grayTxt { color: var(--dark-gray-7C); text-align: left; max-width: 174px; margin: auto 0 15px auto; line-height: 1.4; } .talentListing .talentBox .boxInfo .attributes .attrRight .grayTxt-big { color: var(--dark-gray-7C); text-align: left; max-width: 195px; margin: auto 0 15px auto; line-height: 1.4; } .talentListing.rvd .talentBox .boxInfo ul { padding-left: 40px; } .talentListing.rvd .talentBox .boxInfo ul li { list-style-type: disc; line-height: 1.5; } .talentListing .talentBox .boxInfo .priv-desc ul { padding-left: 15px; margin-bottom: 35px; } .talentListing .talentBox .boxInfo .priv-desc ul li { list-style-type: disc; margin-bottom: 15px; line-height: 1.5; } .talentListing .talentBox .boxInfo .priv-desc a { color: var(--primary-dark); text-decoration: underline; } .talentListing .talentBox .boxInfo .priv-desc a:hover { color: #999; } .talentListing.rvd .talentBox .boxInfo .desc p:last-child { margin-bottom: 0; } .talentListing.rvd .talentBox .boxInfo .desc ul { margin-bottom: 0; } .feedbackIcon { max-width: 35px; margin-right: 0; margin-left: auto; } .time-slotBox { margin: 30px 0; } .time-slotBox h6 { margin-bottom: 15px; font-weight: 600; } .time-slotBox .defaultSelect { box-shadow: 0 0 20px 0 var(--rgb-navy-shade-15); padding: 25px; border-radius: 10px; display: block; line-height: 1.5; } .time-slotBox .defaultSelect input[type=radio] { position: absolute; opacity: 0; } .time-slotBox .defaultSelect .lbl-txt { position: relative; display: block; padding-left: 25px; } .time-slotBox .defaultSelect .lbl-txt:before { height: 18px; width: 18px; border-radius: 100%; border: solid 1px #999; content: ""; position: absolute; left: 0; top: 4px; background: var(--light-gray-e0); } .time-slotBox .defaultSelect .lbl-txt:after { content: ""; background: var(--primary-dark); height: 10px; width: 10px; position: absolute; border-radius: 100%; left: 4px; top: 8px; opacity: 0; } .time-slotBox .defaultSelect input[type=radio]:checked+.lbl-txt:after { opacity: 1; } .time-slotBox .defaultSelect input[type=radio]:checked+.lbl-txt:after { opacity: .25; } .time-slotBox .defaultSelect input[type=radio]:checked+.lbl-txt { color: var(--primary-dark); } .talentListing .talentBox .boxInfo .cta-button { font-size: 11px; min-height: 32px; line-height: 32px; padding: 0 20px; min-width: 173px; margin-bottom: 10px; border: solid 1px transparent; display: inline-flex; align-items: center; justify-content: center; margin-right: 20px; color: var(--primary-dark); } .talentListing .talentBox .boxInfo .cta-button:hover { color: var(--white); } .talentListing .talentBox .boxInfo .cta-button img { margin: -3px 0 0 6px; } .talentListing .talentBox .boxInfo .cta-button img+img { display: none; } .talentListing .talentBox .boxInfo .cta-button:hover img { display: none; } .talentListing .talentBox .boxInfo .cta-button:hover img+img { display: block; } .talentListing .talentBox .boxInfo .cta-button.graybtn { background: #eee; color: #999; } .talentListing .talentBox .boxInfo .cta-button.gray { background: #efefef; color: var(--dark-gray-7C); } .talentListing .talentBox .boxInfo .cta-button.gray:hover { background: var(--primary-dark); color: var(--white); } .talentListing .talentBox .boxInfo .cta-button.outline { background: 0 0; color: var(--primary-dark); border: solid 1px var(--primary-dark); } .talentListing .talentBox .boxInfo .cta-button.outline:hover { background: var(--primary-dark); color: var(--white); } .talentListing .talentBox .boxInfo .s-link { color: var(--primary-dark); text-transform: uppercase; text-decoration: underline; font-size: 12px; font-weight: 600; margin: 15px 0 15px 20px; display: inline-block; } .talentListing .talentBox .boxInfo .s-link:hover { color: #999; } .talentListing .talentBox .boxInfo .boxFtr { display: flex; justify-content: space-between; align-items: center; margin: 10px 0; } .talentListing .talentBox .boxInfo .boxFtr .signBtns .cta-button { margin: 0 5px 0 0; } .talentListing .talentBox .boxInfo .note { display: flex; font-size: 14px; line-height: 1.5; margin-top: 25px; color: var(--dark-gray-7C); } .talentListing .talentBox .boxInfo .note h5 { font-size: 16px; font-weight: 500; line-height: 1.5; } .talentListing .talentBox .boxInfo .note>div { margin: -1px 5px 0 0; } .talentListing .talentBox .boxInfo .note p { font-size: 14px; line-height: 1.5; margin: 0; } .talentListing .talentBox .boxInfo .note p a { text-decoration: underline; color: var(--dark-gray-7C); } .talentListing .talentBox .boxInfo .note p a:hover { color: var(--primary-dark); } .talentListing.rvd .talentBox .boxHead .jobPhoto { flex: 0 0 82px; } .talentListing.rvd .talentBox .boxHead h4 { font-weight: 700; margin-bottom: 8px; } .talentListing.rvd .talentBox .boxHead .left-part { flex: 0 0 60%; max-width: 60%; } .talentListing.rvd .talentBox .boxHead .left-part .info p { font-size: 14px; line-height: 1.5; font-weight: 500; margin: 0; } .talentListing.rvd .talentBox .boxHead .right-part { flex: 0 0 40%; max-width: 40%; text-align: right; } .talentListing.rvd .talentBox .boxHead .right-part .status-blk { font-size: 14px; margin-top: 15px; } .talentListing.rvd .talentBox .boxInfo .notes p { text-decoration: underline; } .talentListing.rvd .talentBox .boxInfo .cta-button { font-size: 14px; min-width: 150px; } .view-more { color: #999; text-decoration: underline; margin: 0 0 0 10px; font-style: italic; } .view-more:hover { text-decoration: underline; } .job-slider { margin: -15px 0 25px 0; border-bottom: solid 1px var(--border-gray); padding-bottom: 40px; } .job-slider .slick-list { margin: 0 -15px; } .job-slider .item { padding: 15px; } .job-slider .slick-dots { bottom: 25px; } .job-slider .slick-track { display: flex; min-width: 100%; } .job-slider .slick-track .slick-slide { -ms-flex: 1; flex: 1; } .view-profile-btn { margin-top: 15px; } .view-profile-btn a { font-size: 14px; color: var(--primary-dark); background: var(--light-gray-DF); padding: 0 20px; min-height: 35px; display: inline-block; line-height: 35px; border-radius: 8px; font-weight: 500; } .view-profile-btn a i { font-size: 26px; color: #626262; margin: 0 8px 0 0; vertical-align: middle; transition: .5s all; } .view-profile-btn a:hover { background: var(--primary-dark); color: var(--white); } .view-profile-btn a:hover i { color: #eee; } .arrowLine { color: #b8b8b8; font-weight: 700; font-size: 20px; position: relative; } .arrowLine:after { height: 1px; width: 100%; border: solid 1px var(--border-gray); position: absolute; content: ""; top: 10px; right: 0; } .arrowLine span { position: relative; display: inline-block; background: var(--white); padding: 0 15px 0 0; z-index: 1; } .arrowLine span:after { content: ""; height: 12px; width: 12px; border-left: solid 2px #b8b8b8; border-bottom: solid 2px #b8b8b8; display: inline-block; vertical-align: middle; margin: 9px 0 0 15px; transform: rotate(135deg); } .slotBox { margin-bottom: 50px; } .run-InterviewBox { padding: 15px; border-radius: 15px; border: solid 1px #999; margin-bottom: 15px; } .filewrap { position: relative; box-shadow: 0 0 20px 0 var(--rgb-navy-shade-50); height: 4.0625rem; border-radius: 15px; padding: 0 1.875rem; line-height: 4.0625rem; border: 0; font-weight: 500; overflow: hidden; } .filewrap input { height: 100%; width: 100%; background: url(/images/talent/upload-icon.png); } label { float: none!important; font-weight: 400; } .filewrap>label { position: absolute; z-index: 1; left: 0; width: 100%; height: 100%; padding: 0 68px; line-height: 65px; font-weight: 500; font-size: 16px; background: url(/images/talent/upload-icon.png) no-repeat var(--white) 3% center; top: 0; } .photoWrap { position: relative; } .edit-button { position: absolute; right: 30px; color: var(--primary-dark); top: 50%; transform: translateY(-50%); z-index: 1; } .edit-button img { margin-right: 8px; } .title_button { position: relative; } .title_button .infoTooltip { position: relative; display: inline-block; right: -2px; top: 1px; } .title_button .edit-button { top: 10px; right: 0; } .title_button .save-button { position: absolute; right: 0; top: 0; } .addmore-btn { font-weight: 500; margin: 15px 0 0 0; padding: 0 30px; } .addmore-btn a { color: #404040; display: inline-flex; align-items: flex-end; } .addmore-btn a:hover { opacity: .6; } .addmore-btn img { margin-right: 10px; } .infoTooltip { position: absolute; top: 2px; right: 30px; color: #c8c7c7; } .tips-desc { font-size: 14px; color: var(--gray-A6); font-weight: 500; position: absolute; min-width: 400px; border: solid 2px #c8c7c7; border-radius: 10px; padding: 15px 20px; line-height: 1.5; background: var(--white); z-index: 2; right: -30px; top: calc(100% + 13px); visibility: hidden; opacity: 0; transition: .5s all; } .tips-desc:before { content: ""; position: absolute; height: 15px; width: 15px; top: -9px; right: 28px; background: var(--white); transform: rotate(135deg); border-left: solid 2px #c8c7c7; border-bottom: solid 2px #c8c7c7; } .infoTooltip:hover .tips-desc { opacity: 1; visibility: visible; } .infoTooltip.yellow { color: var(--bg-yellow); } .infoTooltip.yellow .tips-desc:before { border-color: var(--bg-yellow); } .infoTooltip.yellow .tips-desc { border-color: var(--bg-yellow); } .save-button { font-weight: 500; padding: 0 20px; font-size: 16px; border-radius: 50px; min-height: 26px; line-height: 26px; background: var(--brandYellow); display: inline-block; transition: .5s all; border: 0; cursor: pointer; z-index: 1; } .save-button:hover { background: var(--primary-dark); color: var(--white); } .otherBox { padding: 0 25px; width: 100%; margin: 15px 0 30px; } .social-input { position: relative; } .social-input img { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); z-index: 1; } .social-input input[type=text] { padding: 0 30px 0 55px!important; } .file-wrap .notes { font-weight: 500; font-size: 14px; color: #999; margin: 15px 0 0 0; line-height: 1.5; } .file-wrap ::-webkit-file-upload-button { font-size: 0; padding: 0; height: 0; opacity: 0; } .fileBox { position: relative; } .fileBox img { position: absolute; top: 50%; transform: translateY(-50%); left: 20px; opacity: .4; } .fileBox input[type=file] { padding: 0 30px 0 55px!important; } .small-checkbox { margin: 15px 0 0 0; padding: 0 0 0 30px; } .small-checkbox label { font-weight: 500; font-size: 15px; color: #999; cursor: pointer; } .small-checkbox input[type=checkbox] { position: absolute; left: 0; opacity: 0; } .small-checkbox .lbl-txt { position: relative; padding-left: 22px; } .small-checkbox .lbl-txt:before { height: 15px; width: 15px; border: solid 1px #999; content: ""; position: absolute; left: 0; border-radius: 3px; } .small-checkbox .lbl-txt:after { content: ""; width: 9px; height: 6px; border-bottom: solid 2px #999; border-left: solid 2px #999; position: absolute; transform: rotate(-45deg); left: 3px; top: 5px; opacity: 0; } .small-checkbox input[type=checkbox]:checked+.lbl-txt:after { opacity: 1; } .selectOption>label { line-height: 1.5; } .selectOption input[type=checkbox], .selectOption input[type=radio] { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; } .selectOption .lbl-txt { display: block; position: relative; color: #969696; padding: 0 0 0 28px; cursor: pointer; font-weight: 500; } .selectOption .lbl-txt:before { height: 17px; width: 17px; position: absolute; content: ""; border-radius: 3px; border: solid 1px #969696; left: 0; top: 2px; } .selectOption .lbl-txt:after { height: 7px; width: 11px; content: ""; position: absolute; border-left: solid 2px #969696; border-bottom: solid 2px #969696; transform: rotate(-45deg); left: 3px; top: 5px; opacity: 0; } .selectOption input[type=checkbox]:checked+.lbl-txt:after { opacity: 1; } .date-input { background: url(/images/talent/calender-gray-icon.png) no-repeat; background-position: 96% center; background-size: 15px; } .ui-widget.ui-widget-content { z-index: 2!important; } .commonBox-Main { box-shadow: 0 0 20px 0 var(--rgb-navy-shade-15); border-radius: 15px; position: relative; overflow: hidden; margin-bottom: 55px; padding: 30px; } .commonBox-Main h5 { margin-bottom: 13px; } .commonBox-Main p { margin-bottom: 15px; } .commonBox-Main ul { padding-left: 15px; margin-bottom: 35px; } .commonBox-Main ul li { list-style-type: disc; margin-bottom: 15px; line-height: 1.5; } .commonBox-Main a { color: var(--primary-dark); text-decoration: underline; } .commonBox-Main a:hover { color: #999; } .commonBox-Main.legal ol li { padding-left: 0; color: var(--secondary-black); font-size: 14px; } .commonBox-Main.legal h5 { display: flex; align-items: flex-end; gap: 8px; font-size: 14px; font-weight: 600; line-height: 17px; margin: 24px 0; } .commonBox-Main.legal h5 span { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: var(--bg-secondary); border-radius: 50%; } .commonBox-Main.legal h5 strong { font-size: 14px; font-weight: 600; line-height: 17px; border-bottom: 2px solid var(--brandYellow); padding-bottom: 8px; margin-bottom: 4px; width: 269px; } .commonBox-Main.legal h6 { line-height: 20px; font-size: 14px; font-weight: 400; border-bottom: 1px solid var(--bg-secondary); padding-bottom: 24px; border-bottom: 1px solid var(--bg-secondary); } .commonBox-Main.legal h6:last-child { border: none; } @media (max-width:480px) { .commonBox-Main.legal h5 strong { width: auto; } } .selectOption input[type=checkbox]:checked+input+.lbl-txt:after { opacity: 1; } .inputWrap.submitBtn { display: flex; align-items: center; justify-content: space-between; } .step-counter { font-weight: 600; color: #777; } .searchWrap { box-shadow: 0 0 20px 0 var(--rgb-navy-shade-15); border-radius: 15px; position: relative; min-height: 67px; margin-bottom: 80px; } .searchWrap input { height: 100%; width: 100%; border: 0; position: absolute; padding: 0 12.5rem 0 3.75rem; font-size: 1.125rem; box-shadow: none; background: url(/images/talent/search-icon.png) no-repeat; background-position: 20px center; } .searchWrap .cta-button { position: absolute; right: 0.9375rem; top: 50%; transform: translateY(-50%); min-height: 3.125rem; line-height: 3.125rem; } .lineWrap { margin-bottom: 60px; } .queLists { display: flex; flex-wrap: wrap; margin: 0 -0.625rem; } .queLists .queBox { margin-bottom: 1.5625rem; flex: 0 0 50%; max-width: 50%; padding: 0 0.625rem; } .queLists .queBox .queBox-wrap { box-shadow: 0 0 20px 0 var(--rgb-navy-shade-15); border-radius: 15px; } .queLists .queBox .queBox-wrap h4 { font-size: 1.125rem; font-weight: 500; background: var(--light-gray-DF); padding: 1.25rem; min-height: 4.1875rem; display: flex; align-items: center; border-radius: 15px; line-height: 1.4; cursor: pointer; } .queLists .queBox .queBox-wrap h4.open { border-radius: 15px 15px 0 0; } .queLists .queBox .queBox-wrap .answerBox { padding: 1.25rem; display: none; } .queLists .queBox .queBox-wrap .answerBox p:last-child { margin-bottom: 0; } .gethelp-main { position: relative; padding: 1.5625rem 0 0 0; padding-bottom: 2.5rem; margin-bottom: 2.5rem; } .gethelp-main:before { height: 1px; width: calc(100% - 1.875rem); background: var(--border-gray); content: ""; position: absolute; left: 0; right: 0; margin: auto; top: -1.125rem; } .gethelp-main:after { height: 1px; width: calc(100% - 1.875rem); background: var(--border-gray); content: ""; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; } .gethelp-main .queLists .queBox { flex: 0 0 100%; max-width: 100%; } .gethelp-main .queLists .queBox:last-child { margin-bottom: 0; } .gethelp-main .sec-title { margin-bottom: 1.5625rem; } .gethelp-main .queLists .queBox .queBox-wrap { box-shadow: none; } .gethelp-main .queLists .queBox.open .queBox-wrap { box-shadow: 0 0 20px 0 var(--rgb-navy-shade-15); } .gethelp-main .leftPart { padding-right: 3.125rem; position: relative; } .gethelp-main .leftPart:after { height: 100%; width: 1px; background: var(--border-gray); content: ""; position: absolute; right: 16px; margin: auto; top: 0; } .gethelp-main .help-catBox { flex: 0 0 100%; max-width: 100%; } .searchBox.rvd { background: #f6f6f6; padding: 2.5rem 2.5rem 3.125rem; border-radius: 15px; margin-bottom: 2.5rem; } .searchBox.rvd .search-title { font-size: 1.25rem; font-weight: 500; color: var(--primary-dark); margin-bottom: 1.5625rem; } .searchBox.rvd .searchWrap { margin: -0.9375rem; padding: 0.9375rem; overflow: hidden; display: flex; box-shadow: none; min-height: inherit; align-items: flex-start; } .searchBox.rvd .searchWrap input { background: var(--white); padding: 0 1.5625rem; box-shadow: 0 0 20px 0 var(--rgb-navy-shade-15); position: static; border-radius: 15px; margin-right: 1.875rem; min-height: 4.1875rem; } .searchBox.rvd .searchWrap .cta-button { position: static; transform: none; padding: 0 2.5rem; min-height: 2.5rem; min-width: 10rem; } .helpwrap { display: flex; flex-wrap: wrap; margin: 0 -0.625rem; } .help-catBox { padding: 0 0.625rem; flex: 0 0 33.33%; max-width: 33.33%; margin-bottom: 1.25rem; } .help-catBox .box-shade { box-shadow: 0 0 20px 0 var(--rgb-navy-shade-15); padding: 1.875rem; height: 100%; border-radius: 15px; min-height: 8.6875rem; display: flex; flex-flow: column; justify-content: center; } .help-catBox .box-shade .icon-title { font-size: 1.125rem; font-weight: 500; display: flex; margin-bottom: 1.25rem; align-items: flex-start; } .help-catBox .box-shade .icon-title img { margin: -0.125rem 0.625rem 0 0; height: 1.75rem; width: auto; } .help-catBox .box-shade a { color: #666; font-weight: 500; text-decoration: underline; } .help-catBox .box-shade a:hover { color: #999; } .help-txt p { font-size: 1.125rem; } .help-txt a { color: var(--primary-dark); text-decoration: underline; } .help-txt a:hover { color: #999; } .add-member .cta-button { color: var(--primary-dark); border-radius: 30px; border: solid 1px var(--primary-dark); background: var(--white); font-size: 15px; font-weight: 600; min-height: 33px; line-height: 33px; padding: 0 25px; } .add-member .cta-button:hover { background: var(--primary-dark); color: var(--white); } .profile_thumb { position: relative; margin-top: 30px; width: 130px; height: 130px; border: solid 1px #eee; } .profile_thumb img { position: absolute; height: 100%; width: 100%; object-fit: cover; left: 0; top: 0; } .profile_thumb .close { right: -15px!important; top: -4px; float: none; position: absolute; color: red; font-size: 18px; } .talentListing .talentBox .boxInfo .desc p { margin-bottom: 15px; } .talentListing .talentBox .boxInfo .desc ul { padding-left: 45px; margin-bottom: 20px; } .talentListing .talentBox .boxInfo .desc ul li { list-style-type: disc; color: var(--primary-dark); font-size: 15px; line-height: 1.5; } .error-section { padding: 20px 0 7px!important; position: relative; z-index: 1; } .error-section::before { content: ""; width: 271px; height: 204px; background: url(/images/talent/vector-left-bg.svg) center no-repeat; background-size: contain; position: absolute; top: 96px; left: -52px; z-index: -1; } .error-section::after { content: ""; width: 111px; height: 93px; background: url(/images/talent/error-bg-vector-.svg) center no-repeat; background-size: contain; position: absolute; top: 26px; right: 32px; z-index: -1; } .error-section .container { max-width: 1230px; } .error-section .error-content-wrap { display: flex; align-items: center; justify-content: space-between; } .error-section .error-content-wrap .heading { padding-top: 36px; max-width: 370px; } .error-section .error-content-wrap .heading .brand-logo { display: inline-block; max-width: 268px; margin-bottom: 72px; } .error-section .error-content-wrap .heading .brand-logo img { max-width: 100%; width: 100%; height: fit-content; } .error-section .error-content-wrap .heading h2 { color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 43px; font-weight: 700; line-height: 52px; } .error-section .error-content-wrap .heading span { display: block; color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 22px; font-weight: 500; line-height: 28px; } .error-section .error-content-wrap .heading strong { display: block; color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 22px; font-weight: 700; line-height: 28px; margin-bottom: 32px; } .error-section .error-content-wrap .heading p { color: var(--text-gray); font-family: Montserrat,sans-serif; font-size: 18px; font-weight: 400; line-height: 26px; margin-bottom: 40px; } .error-section .error-content-wrap .heading .back-home-btn { display: inline-block; background-color: var(--brandYellow); padding: 12px 24px; border-radius: 27px; color: var(--secondary-black); font-family: Montserrat,sans-serif; font-size: 18px; font-weight: 700; line-height: 22px; } .error-section .error-content-wrap .error-img { max-width: 628px; width: 100%; } .error-section .error-content-wrap .error-img img { max-width: 100%; width: 100%; height: fit-content; } .pass-btns { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; } .pass-btns .view-mode { border-right: solid 1px #ccc; padding: 0 15px 0 0; line-height: 25px; margin-right: 15px; } .pass-btns .close-icon { position: relative; height: 19px; width: 19px; } .pass-btns .close-icon:after, .pass-btns .close-icon:before { height: 100%; width: 2px; content: ""; background: #999; position: absolute; transform: rotate(45deg); left: 0; right: 0; margin: auto; } .pass-btns .close-icon:before { transform: rotate(-45deg); } .pass-btns .check-icon { border-bottom: solid 2px #999; border-left: solid 2px #999; height: 10px; width: 16px; transform: rotate(-45deg); margin: -4px 0 0 0; } .lock-box { position: relative; } .lock-box img { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); } .talentListing .talentBox .boxInfo .attributes ul li a { color: var(--primary-dark); } .talentListing .talentBox .boxInfo .attributes ul li a:hover { text-decoration: underline; } .sub-boxInfo .timeWrap:before { content: ""; position: absolute; height: 2px; width: 30px; background: #ccc; left: 0; top: 50%; transform: translateY(-50%); z-index: 0; right: 0; margin: auto; } .infoWrap { background: #f1f1f1f1; color: var(--primary-dark); border-color: #ccc; display: flex; text-align: left; align-items: center; span{ font-size: 0.75rem; }} .infoWrap .icon { display: flex; align-items: center; justify-content: center; background: var(--brandYellow); padding: 0.25rem; border-radius: 2px; font-size: 1rem; margin: 0 0.625rem 0 0; height: 1.5rem; width: 1.5rem; min-width: 1.5rem; min-height: 1.5rem; img { height: 0.75rem; width: 0.75rem; } } .non-editBox .form-control { border: 0; box-shadow: none; padding: 0; } #OtherInterviewerDetail { padding: 30px 0 0 0; } @media (min-width:1351px) { .top-toolbar .userSettings:hover .s-menu-click+.settingMenu { visibility: visible; opacity: 1; transform: translateY(0); opacity: 1; } .submenu-lv1>li>a:hover, .submenu-lv2>li>a:hover { opacity: 1; } .submenu-lv1>li>a:hover:after, .submenu-lv2>li>a:hover:after { opacity: 1; } } @media (max-width:1350px) { ul.settingMenu { display: none; opacity: 1; visibility: visible; transition: none; margin: 15px 0 0 0; right: 8px; transform: none; min-width: 150px; padding: 15px; } ul.settingMenu:before { right: 10px; } .top-toolbar ul.settingMenu li a { font-size: 12px; padding: 5px 0; } .top-toolbar ul.settingMenu li a img { max-width: 15px; } } @media (max-width:1550px) { .downarrow:after { height: 8px; width: 8px; margin: -7px 0 0 8px; } .has-sub-children.open .downarrow:after { margin: 2px 0 0 8px; } .submenu-lv1 { padding: 15px 10px 15px 45px; } .submenu-lv1>li>a, .submenu-lv2>li>a { font-size: 13px; } .top-toolbar { width: calc(100% - 70px); } .talentListing .talentBox .boxInfo .desc ul { padding-left: 40px; } .no-record { font-size: 25px; } .arrowLine { font-size: 16px; } .arrowLine:after { top: 8px; } .arrowLine span:after { height: 10px; width: 10px; margin: 7px 0 0 15px; } .msg-count { top: 11px; font-size: 10px; height: 18px; width: 18px; } .filewrap { height: 50px; border-radius: 10px; font-size: 15px; } .filewrap>label { line-height: 50px; font-size: 15px; background-size: 20px; padding: 0 50px; background-position: 20px center; } .date-input { background-size: 18px; } .slotBox { margin-bottom: 35px; } /* .containSection .heading h2 { font-size: 32px; } */ .containSection .heading p { font-size: 14px; } .containSection .subhead { font-size: 18px; } .talentListing .talentBox { border-radius: 10px; } .talentListing .talentBox .boxHead .jobPhoto { max-height: 60px; max-width: 60px; margin-right: 15px; } .talentListing .talentBox .boxHead h4 { font-size: 18px; } .talentListing .talentBox .boxHead .jobIcon img { max-width: 28px; } .talentListing .talentBox .boxInfo .desc p { font-size: 15px; } .talentListing .talentBox .boxInfo .attributes ul li { font-size: 15px; margin-bottom: 15px; } .add-member .cta-button { font-size: 13px; min-height: 30px; line-height: 30px; padding: 0 18px; } .talentListing .talentBox .boxInfo .attributes .link { font-size: 15px; } .talentListing .talentBox .boxInfo .attributes .attrRight .grayTxt, .talentListing .talentBox .boxInfo .attributes .attrRight .grayTxt-big { font-size: 15px; } .talentListing .talentBox .boxInfo .boxFtr { font-size: 15px; } .time-slotBox h6 { font-size: 16px; margin-bottom: 10px; } .time-slotBox .defaultSelect { font-size: 15px; padding: 15px; } .edit-button { font-size: 12px; right: 20px; } .edit-button img { margin-right: 5px; max-width: 11px; } .talentListing .talentBox .boxHead .left-part h6 { font-size: 16px; } .addmore-btn { padding: 0 20px; } .addmore-btn img { max-width: 25px; } .save-button { font-size: 12px; padding: 0 15px; } .infoTooltip { right: 20px; } .lineWrap { margin-bottom: 30px; } /* .searchWrap { min-height: 55px; margin-bottom: 55px; border-radius: 10px; } .searchWrap .cta-button { min-height: 40px; line-height: 40px; font-size: 15px; padding: 0 25px; } .searchWrap input { background-size: 18px; padding: 0 140px 0 48px; } */ /* .queLists .queBox .queBox-wrap h4 { padding: 15px; min-height: 55px; border-radius: 10px; font-size: 16px; } */ /* .queLists .queBox .queBox-wrap h4.open { border-radius: 10px 10px 0 0; } */ .queLists .queBox .queBox-wrap .answerBox { padding: 15px; } /* .help-catBox .box-shade { border-radius: 10px; } */ /* .help-catBox .box-shade .icon-title { font-size: 16px; margin-bottom: 15px; } */ /* .help-catBox .box-shade { padding: 20px; min-height: 120px; } */ /* .help-catBox .box-shade a { font-size: 15px; } */ .help-txt p { font-size: 16px; } /* .searchBox.rvd .searchWrap input { min-height: 55px; border-radius: 10px; } */ .customInput { font-size: 15px; } } @media (max-width:1280px) { /* p { font-size: 15px; } */ .customInput p { font-size: 14px; } .customInput { font-size: 14px; } .seprator { margin: 60px 0 45px; } .top-toolbar>ul>li a { padding: 2px 15px; } .top-toolbar .msgBell img { max-width: 16px; } .top-toolbar .msgBell .msg-count { font-size: 9px; top: -5px; right: 8px; width: 15px; height: 15px; } ul.settingMenu { display: none; opacity: 1; visibility: visible; transition: none; margin: 15px 0 0 0; right: 8px; transform: none; min-width: 150px; padding: 15px; } ul.settingMenu:before { right: 10px; } .top-toolbar ul.settingMenu li a { font-size: 12px; padding: 5px 0; } .top-toolbar ul.settingMenu li a img { max-width: 15px; } /* .containSection { padding: 24px 64px; } */ .no-record { font-size: 20px; } .talentListing .talentBox .boxInfo .attributes .attrLeft { flex: 0 0 100%; max-width: 100%; } .talentListing .talentBox .boxInfo .attributes .attrRight { flex: 0 0 100%; max-width: 100%; text-align: left; } .talentListing .talentBox .boxInfo .attributes .attrRight .grayTxt, .talentListing .talentBox .boxInfo .attributes .attrRight .grayTxt-big { margin: auto 0 15px; font-size: 15px; } .talentListing .talentBox .boxInfo .note { max-width: 100%; } .talentListing .talentBox .boxHead .jobPhoto { max-height: 60px; max-width: 60px; margin-right: 15px; } .talentListing .talentBox .boxInfo .desc p { font-size: 15px; line-height: 1.5; } .talentListing .talentBox .boxInfo .attributes ul li { font-size: 15px; margin-bottom: 15px; } .talentListing .talentBox .boxInfo .attributes ul { margin-bottom: 20px; } .talentListing .talentBox .boxInfo .boxFtr { display: block; } .talentListing .talentBox .boxInfo .boxFtr .desc-txt { margin-bottom: 15px; font-size: 15px; line-height: 1.5; } .containSection .heading p br { display: none; } .containSection .heading p { font-size: 14px; } /* .containSection .heading h2 { font-size: 22px; margin-bottom: 10px; } */ .containSection .heading .common-Btn { font-size: 12px; min-height: 30px; line-height: 30px; padding: 0 15px; } .slotBox { margin-bottom: 25px; } .date-input { background-size: 15px; } .commonBox-Main ul li { font-size: 15px; } .talentListing .talentBox .boxHead .left-part h6 { font-size: 15px; } .selectOption .lbl-txt { padding: 0 0 0 22px; font-size: 13px; } .selectOption .lbl-txt:before { height: 14px; width: 14px; border-radius: 2px; top: 2px; } .selectOption .lbl-txt:after { height: 4px; width: 8px; border-width: 1px; top: 6px; } .otherBox { padding: 0 15px; } .filewrap { box-shadow: 0 0 10px 0 var(--rgb-navy-tint); border-radius: 5px; } .filewrap { height: 40px; border-radius: 5px; } .filewrap>label { line-height: 40px; padding: 0 40px; background-position: 15px center; background-size: 16px; font-size: 14px; } .step-counter { font-size: 15px; } .time-slotBox { margin: 15px 0 30px; } .time-slotBox h6 { font-size: 15px; } .time-slotBox .defaultSelect .lbl-txt { padding-left: 22px; } .time-slotBox .defaultSelect .lbl-txt:before { height: 15px; width: 15px; } .time-slotBox .defaultSelect .lbl-txt:after { height: 7px; width: 7px; } /* .queLists .queBox { flex: 0 0 100%; max-width: 100%; } */ /* .queLists .queBox .queBox-wrap { box-shadow: 0 0 10px 0 var(--rgb-navy-tint); } */ /* .queLists .queBox .queBox-wrap h4 { font-size: 15px; } */ .help-catBox { flex: 0 0 50%; max-width: 50%; } .help-txt p { font-size: 15px; } /* .gethelp-main { padding-bottom: 20px; margin-bottom: 40px; } */ /* .gethelp-main .leftPart { flex: 0 0 100%; max-width: 100%; padding: 0 15px 35px; margin-bottom: 25px; } */ /* .gethelp-main .leftPart:after { top: auto; bottom: 0; height: 1px; width: calc(100% - 30px); top: auto; bottom: 0; } */ /* .gethelp-main .rightPart { flex: 0 0 100%; max-width: 100%; } */ /* .gethelp-main .help-catBox .box-shade { box-shadow: 0 0 15px 0 var(--rgb-navy-tint); } */ /* .searchBox.rvd { padding: 30px 30px 45px; } */ .tips-desc { font-size: 12px; padding: 10px 15px; } .cancel-off-png, .cancel-on-png, .star-half-png, .star-off-png, .star-on-png { font-size: 12px; } .talentListing .talentBox .boxHead .right-part .previewBtn { padding: 0 10px; height: 28px; line-height: 28px; font-size: 12px; } .talentListing.rvd .talentBox .boxHead .left-part .info p { font-size: 12px; } .talentListing.rvd .talentBox .boxHead .right-part .status-blk { font-size: 10px; } .lock-box img { max-width: 15px; right: 15px; } .pass-btns { right: 15px; } .pass-btns .view-mode { padding: 0 10px 0 0; line-height: 15px; margin-right: 10px; } .pass-btns .view-mode img { max-width: 22px; } .pass-btns .close-icon { height: 15px; width: 15px; } .pass-btns .check-icon { height: 8px; width: 12px; } } @media (max-width:991px) { .talentListing .talentBox .boxHead .jobIcon img { max-width: 28px; } .talentListing .talentBox .boxHead h4 { font-size: 16px; } .talentListing .talentBox .boxHead h4 .sm-txt { font-size: 13px; } .talentListing .talentBox .boxInfo .attributes ul li { flex: 0 0 100%; max-width: 100%; } .talentListing .talentBox .boxInfo .boxFtr .signBtns .cta-button { margin: 0 5px 10px 0; } .submenu-lv1>li>a, .submenu-lv2>li>a { font-size: 12px; } .submenu-lv1 .downarrow:after { margin: -7px 0 0 7px; height: 8px; width: 8px; } .has-sub-children.open .downarrow:after { margin: 2px 0 0 8px; } .submenu-lv1>li { margin-bottom: 15px; } .submenu-lv1 { padding: 5px 10px 5px 55px; } .submenu-lv2 { padding: 15px 0 15px 28px; } .slotBox { margin-bottom: 0; } .inputWrap .row [class*=col-] { max-width: 100%; flex: 0 0 100%; margin-bottom: 15px; } .containSection { padding: 24px 32px; } .containSection .heading { margin-bottom: 30px; } .talentListing .talentBox .boxInfo .attributes .attrRight .grayTxt, .talentListing .talentBox .boxInfo .attributes .attrRight .grayTxt-big { font-size: 13px; margin-bottom: 10px; } .talentListing .talentBox .boxInfo .boxFtr .desc-txt { font-size: 13px; } .talentListing .talentBox .boxInfo .desc p { font-size: 13px; } .previewBtn { font-size: 12px; padding: 0 15px; } .talentListing .talentBox .boxInfo .attributes ul li { font-size: 13px; } .talentListing .talentBox .boxInfo .note p { font-size: 12px; } .talentListing .talentBox .boxHead.w-btn { display: block; } .talentListing .talentBox .boxHead.w-btn .right-part { margin-top: 10px; text-align: right; } .otherBox { padding: 0 15px; } .tips-desc { font-size: 10px; min-width: 270px; padding: 10px 15px; } .edit-button { right: 15px; } .addmore-btn { font-size: 12px; } .addmore-btn img { max-width: 20px; margin-right: 5px; } .help-catBox { flex: 0 0 100%; max-width: 100%; } .searchBox.rvd .searchWrap { display: block; } .searchBox.rvd .searchWrap input { box-shadow: 0 0 10px 0 var(--rgb-navy-tint); min-height: 45px; margin: 0 0 18px 0; } .gethelp-main:before { top: 0; } .gethelp-main .sec-title { margin-bottom: 20px; font-size: 18px; } .talentListing.rvd .talentBox .boxHead { flex-wrap: wrap; } .talentListing.rvd .talentBox .boxHead .left-part { flex: 0 0 100%; max-width: 100%; align-items: flex-start; } .talentListing.rvd .talentBox .boxHead .right-part { flex: 0 0 100%; max-width: 100%; text-align: left; padding: 15px 0 10px 0; } .talentListing.rvd .talentBox .boxInfo .notes p { font-size: 12px; line-height: 1.5; } .talentListing.rvd .talentBox .boxInfo .row { padding-bottom: 0!important; } .talentListing.rvd .talentBox .boxInfo .row [class*=col-] { flex: 0 0 100%; max-width: 100%; margin: 0 0 20px 0; } .view-profile-btn a { font-size: 12px; padding: 0 15px; min-height: 30px; line-height: 30px; border-radius: 5px; } .view-profile-btn a i { font-size: 20px; } .containSection .heading .btnwrap { flex: 0 0 100%; max-width: 100%; } .small-checkbox { padding: 0 0 0 15px; margin: 10px 0 5px 0; } .file-wrap .notes { margin: 10px 0 5px 0; font-size: 10px; } } @media (max-width:767px) { .customInput { font-size: 13px; } .customInput p { font-size: 13px; } .filewrap>label { font-size: 13px; } .wrapper { padding-left: 0; } .seprator { margin: 50px 0 45px; } .dashboard-pg { margin-top: 62px; height: calc(100vh - 62px); padding-top: 0; } .containSection .heading { margin-bottom: 30px; } .containSection .heading h2 { font-size: 22px; margin-bottom: 10px; } .containSection .heading p { font-size: 14px; } .containSection { width: 100%; padding: 24px 16px; } .no-record { font-size: 16px; text-align: center; } .talentListing .talentBox { margin-bottom: 30px; } .talentListing .talentBox .boxHead .jobPhoto { max-height: 50px; max-width: 50px; margin-right: 10px; } .talentListing .talentBox .boxInfo p { font-size: 13px; margin-bottom: 20px; } .talentListing .talentBox .boxInfo p:last-child { margin: 0; } .talentListing .talentBox .boxInfo .attributes ul li { font-size: 13px; margin-bottom: 10px; } .talentListing .talentBox .boxInfo .note { font-size: 12px; margin-top: 20px; } .talentListing .talentBox .boxInfo .attributes ul { margin-bottom: 15px; } .arrowLine { font-size: 14px; } .arrowLine span { padding: 0 10px 0 0; } .arrowLine span:after { height: 8px; width: 8px; margin: 5px 0 0 8px; } .arrowLine:after { top: 7px; } .addmore-btn { padding: 0 20px; margin-top: 10px; } .time-slotBox .defaultSelect { font-size: 13px; padding: 10px; border-radius: 5px; } .time-slotBox .defaultSelect .lbl-txt:before { top: 2px; } .time-slotBox .defaultSelect .lbl-txt:after { top: 6px; } .talentListing.rvd .talentBox .boxHead .left-part .info p { font-size: 10px; } .talentListing.rvd .talentBox .boxHead .right-part .previewBtn { font-size: 10px; } .talentListing.rvd .talentBox .boxHead .right-part { padding: 10px 0; } .talentListing.rvd .talentBox .boxInfo .notes { margin-bottom: 25px; } .talentListing.rvd .talentBox .boxInfo .cta-button { font-size: 12px; min-width: 120px; } .talentListing.rvd .talentBox .boxInfo .notes p { font-size: 10px; } .gethelp-main { padding-bottom: 18px; margin-bottom: 35px; } .searchBox.rvd { padding: 25px 20px 30px; margin-bottom: 30px; border-radius: 10px; } .searchBox.rvd .search-title { font-size: 16px; margin-bottom: 15px; } .containSection .heading img { max-width: 120px; } .fileBox img { max-width: 20px; left: 15px; } .fileBox input[type=file] { padding: 0 30px 0 35px!important; } .social-input img { max-width: 18px; left: 15px; } .social-input input[type=text] { padding: 0 30px 0 42px!important; } .talentListing.fdbSubmit .talentBox .boxHead { padding: 20px; } .talentListing.fdbSubmit .talentBox .boxInfo { padding: 20px; } .talentListing.clientonboardlist .talentBox { padding-bottom: 20px; } .talentListing.clientonboardlist .talentBox .boxInfo { padding: 20px 20px 0; } } @media (max-width:575px) { .add-member .cta-button { display: flex; align-items: center; justify-content: center; line-height: 1.3; padding: 5px 15px; font-size: 10px; } } @media (max-width:480px) { .containSection {padding: 24px 16px; } } .ui-draggable .ui-dialog-titlebar { display: none; } .ui-widget.ui-widget-content { max-width: 450px; } .ui-dialog .ui-dialog-buttonpane button { background: var(--brandYellow)!important; border: 0; text-transform: uppercase; font-weight: 700; padding: 7px 12px; font-size: 12px; margin-right: 5px; border-radius: 5px; } .ui-dialog .ui-dialog-buttonpane button:hover { background: var(--primary-dark)!important; color: var(--white); } .ui-dialog .ui-dialog-buttonpane button+button { background: var(--primary-dark)!important; color: var(--white); } .ui-dialog .ui-dialog-buttonpane button+button:hover { background: var(--brandYellow)!important; color: var(--primary-dark); } .ui-dialog .ui-dialog-buttonpane { border: 0; } .play_icon { height: 60px; width: 60px; border: solid 2px var(--white); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 22px; color: var(--white); } .play_icon i { margin-left: 5px; } .play_icon:focus, .play_icon:hover { background-color: var(--rgb-light-gray-90); color: var(--primary-dark); } .gridmain .leftSide { max-width: 63%; flex: 0 0 63%; } .gridmain .rightSide { flex: 0 0 37%; max-width: 37%; } .videoBox { border-radius: 15px; overflow: hidden; box-shadow: 0 0 20px 0 var(--rgb-navy-shade-50); margin-bottom: 50px; position: relative; } .culture-slider { display: flex; padding: 0 0 35px 0; } .culture-slider .item { padding: 0 10px; } .timeWrap { position: relative; } .timeWrap:before { content: ""; position: absolute; width: 50%; left: 0; right: 0; height: 2px; background: #ccc; top: 50%; transform: translateY(-50%); margin: auto; z-index: -2; } .time-input { position: relative; } .time-input:after { position: absolute; border-bottom: solid 2px #ccc; border-left: solid 2px #ccc; content: ""; right: 15px; height: 10px; width: 10px; transform: rotate(-45deg) translateY(-50%); top: 44%; pointer-events: none; } .viewall a { color: #666; text-decoration: underline; } .viewall a:hover { opacity: .6; } .testimonials-slider { padding: 0 0 35px 0; } .testimonials-slider .item { display: flex; align-items: flex-start; } .testimonials-slider .item figure { width: 50px; height: 50px; border-radius: 100%; flex: 0 0 50px; overflow: hidden; border: solid 2px #feda2c; margin-right: 15px; } .testimonials-slider .item .desc { color: #666; line-height: 1.5; } .testimonials-slider .item .desc p { font-size: 15px; line-height: 1.5; margin-bottom: 20px; } .testimonials-slider .item .desc .name { font-weight: 600; } .testimonials-slider .designation { color: #999; font-size: 14px; } .testimonial-font-color * { color: var(--white)!important; } .clientLogo-slider { padding-bottom: 50px; } .clientLogo-slider figure { display: flex; align-items: center; height: 80px; } .clientLogo-slider figure img { max-width: 150px; max-height: 50px; margin: auto; } @media (max-width:1550px) { .videoBox { margin-bottom: 30px; } .viewall { font-size: 14px; } .clientLogo-slider figure { height: 60px; } .clientLogo-slider figure img { max-height: 40px; } } @media (max-width:1200px) { .videoBox { border-radius: 10px; box-shadow: 0 0 10px 0 var(--rgb-navy-tint); } .gridmain .leftSide { max-width: 100%; flex: 0 0 100%; } .gridmain .rightSide { max-width: 100%; flex: 0 0 100%; } } @media (max-width:991px) { .containSection .subhead { font-size: 16px; margin-bottom: 10px; } .gridmain .leftSide .row [class*=col-] { flex: 0 0 100%; max-width: 100%; } .timeWrap:before { display: none; } .timeWrap .custom-validation { min-width: inherit; left: 0; } } @media (max-width:575px) { .clientLogo-slider { padding-bottom: 30px; } .clientLogo-slider figure img { max-height: 30px; max-width: 120px; } } .pol-file .filewrap>label { position: absolute; line-height: 65px; } .pol-file .filewrap>label small { font-weight: 500; color: #999; margin-left: 15px; font-size: 14px; } .leav-lbl { border-top: solid 1px #eee; padding: 25px 30px 0 30px; margin: 0 -30px; font-size: 18px; } .lastbtn p { font-weight: 500; } .onboardLink a { color: var(--primary-dark); text-transform: uppercase; font-size: 15px; text-decoration: underline; font-style: italic; font-weight: 600; } .onboardLink a img { margin-right: 10px; } .onboardLink a:hover { opacity: .5; } .onboardLink .cta-button { line-height: 48px; min-height: 48px; } .pay-tooltip { position: relative; } .pay-tooltip .infoTooltip { right: -30px; top: 0; } .pay-tooltip .tips-desc { min-width: 310px; } .tips-desc ul { padding-left: 10px; } .tips-desc ul li { list-style-type: disc; } [data-draggable=target] { list-style-type: none; width: 100%; min-height: 200px; height: 100%; overflow-y: auto; padding: 8px; min-height: 200px; align-content: flex-start; } [data-draggable=item] { display: inline-block; list-style-type: none; margin: 0 5px 10px 0; padding: 5px 10px; background: var(--white); border-radius: .2em; line-height: 1.3; } .othertxt-box input[type=text] { border-radius: 10px; } .span_Recommended { margin-left: 3px; font-size: 16px!important; } @media (max-width:1550px) { .pol-file .filewrap>label { line-height: 50px; } [data-draggable=target] { min-height: 150px; } .span_Recommended { font-size: 15px!important; } } @media (max-width:1280px) { .pol-file .filewrap>label { line-height: 40px; } .onboardLink .cta-button { line-height: 40px; min-height: 40px; padding: 0 30px; font-size: 16px; } .othertxt-box input[type=text] { font-size: 12px; } .span_Recommended { font-size: 12px!important; } } .commonModal.profile-modal { overflow-y: auto; } .commonModal.profile-modal .modalCloseBtn { background: var(--rgb-black-shade-32); border-radius: 100px; } .commonModal.profile-modal.preview .modalCloseBtn { background: var(--white); border-radius: 100px; box-shadow: 0 2px 16px var(--rgb-black-shade-64); } .commonModal.profile-modal .modal-content { background-color: transparent; } .commonModal.profile-modal .modal-dialog { width: 974px; } .commonModal.profile-modal .full-small-screen { width: 24px; height: 24px; } .commonModal.profile-modal .full-small-screen img { width: 100%; height: 100%; } @media (max-width:1366px) { .error-section::before { top: 93px; left: -98px; } .commonModal.profile-modal .modal-dialog { width: 800px; } } @media (max-width:767px) { .top-toolbar { padding: 16px 8px; } } @media(max-width:767px) { .top-toolbar { padding: 16px 8px; } } .passIcon { position: absolute; top: 0.625rem; right: 1.25rem; cursor: pointer; } .cta-button, input[type=submit] { padding: 0 0.9375rem; min-height: 2.625rem; line-height: 2.625rem; border-radius: 23px; text-transform: inherit; font-weight: 700; height: 3.125rem; } @media (max-width:1650px) { .input_con img { max-width: 22px; top: 6px; } .input_con img.eyeIcon { max-width: 35px; } } @media (max-width:1550px) { .containSection .filewrap, .containSection .filewrap>label { box-shadow: 0 0 20px 0 var(--rgb-navy-shade-15); border-radius: 15px; height: 50px; line-height: 50px; border: 0; font-weight: 400; } .containSection .filewrap>label { padding: 0 40px; } } .rel-box .optionBox { position: relative; } .rel-box .optionBox input[type=radio] { position: absolute; opacity: 0; inset: 0; } .rel-box .optionBox span { padding: 30px 55px; text-align: center; display: inline-block; background: var(--bg-light-gray-f2); border-radius: 15px; } .rel-box .optionBox span figure { min-height: 80px; } .rel-box .optionBox span p { margin-bottom: 0; font-size: 18px; font-weight: 600; } .rel-box .optionBox input[type=radio]:checked+.lbl-txt { border: 2px solid var(--brandYellow); } @media (max-width:1280px) { .rel-box .optionBox span { padding: 25px 50px; } .rel-box .optionBox span p { font-size: 16px; } .rel-box .optionBox span figure { min-height: 85px; } } @media (max-width:991px) { .rel-box .optionBox span figure { min-height: 66px; } .rel-boxes { flex-wrap: wrap; } .rel-box img { max-width: 59px; } } @media (max-width:480px) { .rel-box .optionBox span p { font-size: 14px; } .rel-box .optionBox span figure { min-height: 80px; } } .blured { filter: blur(6px); } .cursor-pointer { cursor: pointer; } .plyr--full-ui { border-radius: .5rem; } :root { --plyr-color-main: var(--brandYellow)!important; --plyr-video-control-color: var(--white) !important; --plyr-video-control-color-hover: var(--primary-dark) !important; } .loaderSvg { position: relative; max-width: 120px; width: 100%; max-height: 120px; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .loaderSvg::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #303030; border-radius: 62% 47% 82% 35%/45% 45% 80% 66%; will-change: border-radius,transform,opacity; animation: sliderShape 3s linear infinite; display: block; z-index: -1; -webkit-animation: sliderShape 3s linear infinite; } .loaderSvg .loader-logo { animation: imgopacity 3s linear infinite; -webkit-animation: imgopacity 3s linear infinite; } @keyframes sliderShape { 0%, 100% { border-radius: 42% 58% 70% 30%/45% 45% 55% 55%; transform: translate3d(0,0,0) rotateZ(.01deg); } 34% { border-radius: 70% 30% 46% 54%/30% 29% 71% 70%; transform: translate3d(0,5px,0) rotateZ(.01deg); } 50% { transform: translate3d(0,0,0) rotateZ(.01deg); } 67% { border-radius: 100% 60% 60% 100%/100% 100% 60% 60%; transform: translate3d(0,-3px,0) rotateZ(.01deg); } } @keyframes imgopacity { 0% { opacity: 100%; } 25% { opacity: .5%; } 50% { opacity: 100%; } 75% { opacity: .5%; } 100% { opacity: 100%; } } table { border-collapse: collapse; } td { padding: 8px; border: 1px solid var(--primary-dark); width: 50px; text-align: center; } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .textBtn { border: none; outline: 0; display: flex; align-items: center; background: 0 0; font-size: 16px; font-weight: 500; line-height: 20px; white-space: nowrap; color: var(--secondary-black); } .top-toolbar .nav-right-list .preferences a { height: 33px; color: var(--white); border-radius: 24px; text-decoration: none; position: relative; padding: 8px 24px; border-radius: 40px; background-color: var(--RA-primary-cta); font-size: 14px; line-height: 18px; font-weight: 600; text-align: center; color: var(--white); border: none; text-decoration: none; text-transform: uppercase; } .top-toolbar .nav-right-list .preferences a::before { content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: linear-gradient(to left, rgba(255, 255, 255, .20), transparent); transform: skewX(40deg) translateX(0); transition: all .5s ease-out; animation: shine 11s infinite linear; } .top-toolbar .nav-right-list .preferences a:hover::before { transform: skewX(40deg) translateX(200%); } @media (max-width:991px) { .top-toolbar .nav-right-list .productMindset.pc { display: none; } } @media (max-width:767px) { .top-toolbar .nav-right-list .preferences.pc { display: none; } } /* Default Template Selection Styles */ .default-template-card { transition: all 0.2s ease; } .default-template-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; } .default-template-card.selected { transform: translateY(-2px); } .default-templates-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; } @media (max-width: 768px) { .default-templates-grid { grid-template-columns: 1fr; } }