@font-face { font-family: 'Euclid Circular'; src: url("fonts/EuclidCircularA-Regular.ttf") format("truetype"); } .lh-container *:not(i) { font-family: 'Euclid Circular'; } .lh-container .text-primary { color: #2AB7CA !important; } .lh-container .text-secondary-light { color: #52525277 !important; } .lh-container .bg-primary { background-color: #2AB7CA !important; } .lh-container .btn-primary { background-color: #2AB7CA; border-color: #2AB7CA; color: #fff; font-weight: bold; } .lh-container .btn-success { background-color: #2AB7CA; border-color: #2AB7CA; color: #fff; font-weight: bold; } .lh-container .text-10, .lh-container .text-10 * { font-size: 10px !important; letter-spacing: 1px; } .lh-container .text-12, .lh-container .text-12 * { font-size: 12px !important; letter-spacing: 0.5px; } .lh-container .text-14, .lh-container .text-14 * { font-size: 14px !important; letter-spacing: 0.75px; } .lh-container .text-17, .lh-container .text-17 * { font-size: 17px !important; letter-spacing: 0.75px; } .lh-container .text-15, .lh-container .text-15 * { font-size: 15px !important; letter-spacing: 0.5px; } .lh-container .text-40, .lh-container .text-40 * { font-size: 40px !important; } .lh-container .font-weight-medium { font-weight: 500 !important; } .lh-container h1 { font-size: 26px !important; } .lh-container h2 { font-size: 19px !important; } .lh-container .lh-section { border-top: 3px solid #F2F2F2; background: #fff; } .lh-container .embed { width: 100vw; min-height: 52vw; border:none; } @media all and (max-width: 767px) { .lh-container .lh-section { border-top: 0; } .lh-container .embed { min-height: 100vh; } } .lh-container .lh-section:last-child { border-bottom: 3px solid #F2F2F2; } .lh-container .lh-well { background: #F4F5F9; padding: 1.5rem; } .lh-container .video-container { height: 360px; } .lh-container .lh-form-container { margin-top: 1rem; } @media all and (min-width: 767px) { .lh-container .lh-form-container { width: 540px; margin: 2rem auto; } } .lh-container .lh-form-container .form { background: #FFFFFF; border: 2px solid rgba(0, 0, 0, 0.06); box-sizing: border-box; box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.03); position: relative; padding: 60px 50px 50px 50px; margin: 60px 0; } .icon_wrap { position: absolute; top:-50px; right: calc(50% - 50px); background-color: #ffffff; border: 2px solid rgba(0, 0, 0, 0.06); height: 100px; width: 100px; display: flex; align-items: center; justify-content: center; border-radius: 100%; } .icon_wrap img { width: 60%; } .lh-container .lh-form-container .form input { border: 1px solid rgba(0, 0, 0, 0.08); box-sizing: border-box; border-radius: 4px; padding: 10px 10px; } .lh-container .profile-right-column { width: 350px; min-width: 350px; max-width: 350px; background: #EDEEF2; } .lh-container .profile-right-column ul { margin: 0; padding-left: 0; list-style-position: outside; margin-left: 1.25rem; } .lh-container .pro-picture { width: 135px; height: 135px; min-width: 135px; min-height: 135px; position: relative; } @media all and (max-width: 767px) { .lh-container .pro-picture { min-width: 50px; min-height: 50px; width: 50px; height: 50px; border-radius: 100%; overflow: hidden; } } .lh-container .pro-picture.pro-picture-sm { width: 100px; height: 100px; min-width: 100px; min-height: 100px; position: relative; } .lh-container .presence-indicator { width: 14px; height: 14px; background: #999; border-radius: 100%; } .lh-container .presence-indicator.present { background: #6BA84F; } .lh-container .pro-picture .presence-indicator { position: absolute; width: 20px; height: 20px; top: calc(100% - 13px); left: calc(100% - 13px); border: 3px solid #fff; } .lh-container .pro-picture.pro-picture-sm .presence-indicator { position: absolute; width: 16px; height: 16px; top: calc(100% - 10px); left: calc(100% - 10px); border: 3px solid #fff; } .lh-container .pro-verified-icon { width: 25px; height: 25px; } .lh-container .service-item { background: #EDEEF2; width: calc(33% - 4px); border-radius: 10px; margin-right: 4px; margin-bottom: 4px; padding: 3px 8px; font-size: 14px; font-weight: 500; } .lh-container .profile-heading { font-size: 20px; line-height: 1.35; } .lh-container .text-aqua { color: #2AB7CA !important; } .lh-container .bg-aqua { background-color: #2AB7CA !important; } .lh-container .font-size-normal { font-size: 1rem; } .lh-container .device-block { overflow: hidden; border-radius: 10px; } .lh-container .floating-signup { bottom: 0; } .single-form-heading { font-size: 40px !important; } @media all and (max-width: 767px) { .single-form-heading { font-size: 25px !important; } } input.form-control { background-color: lightyellow !important; }