@keyframes scrolling { 0% { transform: translateX(0); } 100% { transform: translateX(-180vw); } } @media (max-width:400px) { .btn-group-crop .docs-tooltip, .btn-group-crop>.btn { padding-left: .5rem; padding-right: .5rem; } .btn-group-crop { margin-right: -1rem !important; } .btn-group-crop .docs-tooltip { margin-left: -.5rem; margin-right: -.5rem; } } @media (min-width:768px) { .img-container { min-height: 469px; } } @media(min-width: 800px) { .bannerSm { width: 330px; height: auto; } } */ /* 3/27/2021 - Don't know why it's on but must be off for bsModals to not scroll the background... */ html { /* overflow-y: scroll; */ background-color: #FBFBFB; color: #333; font-family: Helvetica, sans-serif, Arial; font-size: 14px; font-style: normal; position: relative; } body { font-family: Helvetica, sans-serif, Arial; font-size: 14px; } .alert-light-blue { background-color: rgb(206, 229, 250); padding: 10px; font-size: 12px; line-height: 16px; } .avatar { border: 2px solid #CCC; border-radius: 100px; float: right; width: 52px; height: 52px; margin-top: -10px; } .bg-blue { background-color: #104669; } .bg-cover { background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #2f3a4e; } .bg-dark1 { background-color: #2f3a4e; } .bg-dark2 { background-color: #262f3f; } .bg-gray-light { background-color: #f5f5f5; } .bg-info { background-color: #36b9cc !important; } .bg-lavender { background-color: #899FD4; } .bg-lavender-light { background-color: #899fd44d; border: #899FD4 solid 1px; color: #61739c; } .bg-lighter-blue { background-color: #96cee0; } .bg-purple { background-color: #A389D4; } .bg-success { background-color: #1cc88a !important; } .btn-facebook { color: #fff; background-color: #3C579E; border-color: #4267B2; } .btn-facebook:active { color: #fff; background-color: #2E477C; border-color: #2E477C; } .btn-facebook:hover { color: #fff; background-color: #39599B; border-color: #39599B; } .btn-secondary-light { color: #fff; background-color: #c2c2c2; border-color: #c2c2c2; } .btn-success { color: #fff; background-color: #00ac69; border-color: #00ac69; } .cidDropItem { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .content-min-height { min-height: 80vh; } .CompetitorBudgetRange { border-bottom: 2px solid silver; margin-left: 20%; margin-right: 40%; height: 5px; border-radius: 5px; padding-top: 5px; text-align: center; font-size: 11px; border-left: 2px solid silver; border-right: 2px solid silver; } .docs-buttons>.btn, .docs-buttons>.btn-group { margin-right: .25rem; margin-bottom: .5rem; } .docs-tooltip { margin: -.5rem -.75rem; padding: .5rem .75rem; } .error-title h2 { font-size: 4.0rem; position: relative; z-index: 0; font-weight: 900; text-transform: uppercase; } .error-lg-txt { color: rgba(37, 37, 37, 0.07); font-size: 10.5rem; left: 0; right: 0; letter-spacing: 5px; line-height: 0.9; margin-top: -30px; position: absolute; z-index: -1; overflow: hidden; } .expand_caret { transform: scale(1.6); margin-left: 8px; float: right; } a[aria-expanded='false']>.expand_caret { transform: scale(1.6) rotate(-90deg); } .f1 { border: 1px solid grey; padding: 4px; font-family: Tahoma; box-shadow: 0 1px 1px 1px #CCC; line-height: 13px; text-indent: 2px; vertical-align: middle; text-align: left; font-size: 11px; } .fixed { position: fixed; bottom: 0; right: 0; width: 120px; } .form-control, .form-select { font-size: 100%; } .form-label { color: #104669; font-size: smaller; } .fs-20 { font-size: 20px; } .fs-60 { font-size: 60%; } .fs-70 { font-size: 70% } .fs-80 { font-size: 80% } .fs-90 { font-size: 90%; } .GoogleAd10 { text-align: center; margin-top: 10px; } .hover:hover { background-color: rgb(240, 238, 238); cursor: pointer; } .hr-info { display: inline-block; height: 6px; width: 90px; } .img-container { background-color: #f7f7f7; width: 100%; min-height: 200px; max-height: 469px; margin-bottom: 1rem; } .img-container>img { max-width: 100%; } .img-container, div.alpha60 h4 { text-align: center; } .img-sm { width: 70%; } .lineHeight-md { line-height: 38px; } .lineTruncate { text-overflow: ellipsis; width: 95%; overflow: hidden; white-space: nowrap; } .lineTruncate2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .lineTruncate3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .mb-100 { margin-bottom: 100px; } .mb-n-xs { margin-bottom: -2px } .mouseOut, .mouseOver { display: block; } .mouseOut { background-color: #FFF; display: block; cursor: pointer; } .mouseOver { border: 1px solid #333; cursor: hand; display: block; background-color: #DBDBDB; color: #333; } .noResize { resize: none; } .overlay { position: relative; } .overlay::before { position: absolute; content: ''; height: 500px; width: 100%; top: 0; left: 0; background: #000; opacity: .6; margin-top: 5px; } .overlay1 { position: relative; } .overlay1::before { position: absolute; content: ''; height: 470px; width: 100%; top: 0; left: 0; background: #000; opacity: .6; margin-top: 5px; } .p2 { color: #900; margin-left: 10px; } .pb-240 { padding-bottom: 240px; } .requiredField, .saYLabel { cursor: pointer; } .requiredField { margin: 0; color: #900; font-weight: bolder; } .reviews-font { font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-style: italic; } .saYLabel { font-weight: 600; font-size: 12px; margin-top: 5px; } .service-wrapper { margin-top: -200px; } .slider { -webkit-appearance: none; width: 100%; height: .5rem; background: #2B6799; outline: none; -webkit-transition: .2s; transition: opacity .8s; } .slider::-webkit-slider-thumb:hover { background-color: #2B6799; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border: 4px solid #D3D5DF; border-top-color: #D3D5DF; border-right-color: #D3D5DF; transform: rotate(45deg); border-radius: 100%; background-color: #fff; box-shadow: 0 1px 6px rgba(0, 0, 0, .2); cursor: pointer; } .slider::-moz-range-thumb { width: 20px; height: 20px; border: 4px solid #D3D5DF; border-top-color: #D3D5DF; border-right-color: #D3D5DF; transform: rotate(45deg); border-radius: 100%; background-color: #fff; box-shadow: 0 1px 6px rgba(0, 0, 0, .2); cursor: pointer; } .sr-only { width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); border: 0; } .step { border-radius: 50%; border: .1rem dashed #ffbb4e; color: #ffbb4e; display: block; font-size: 2.8rem; font-weight: 600; height: 4.8rem; line-height: 4.6rem; margin: 0 auto 3rem; text-align: center; width: 4.8rem; } .timeline-item-padding { padding: .2rem 1.5rem .5rem 2.5rem; } .timeline-content { padding: .5rem .8rem; background-color: #f4f4f4; border-radius: .5rem; } .timeline-item .timeline-content { padding: .5rem .8rem; background-color: #f4f4f4; border-radius: .5rem; } .timeline-item { border-left: 1px solid #e5e5e5; position: relative; padding: 2rem 1.5rem .5rem 2.5rem; margin-left: 3rem; min-height: 5rem; } .timeline-item .timeline-date span { color: #888; padding-left: .4rem; } .timeline-item .timeline-icon { position: absolute; left: -1.1rem; line-height: 1.8rem; width: 2.6rem; height: 2.6rem; text-align: center; border-radius: 50%; background-color: #fff; color: #fff; } .timeline-item .timeline-icon.timeline-icon-lavender { background-color: #899FD4; } .timeline-item .timeline-icon { border: 4px solid #e5e5e5; } .timeline-date { font-size: 85%; } @media(min-width:992px) { .timeline-item { margin-left: 10rem; } .timeline-item .timeline-date { position: absolute; left: -10rem; width: 7.5rem; text-align: right; } .timeline-item .timeline-date span { display: block; } .timeline-item .timeline-content { padding: 0; background-color: transparent; } } .text-gray-300 { color: #dddfeb !important; } .text-info { color: #36b9cc !important; } .text-success { color: #1cc88a !important; } .txt-blue { color: #0063be; } .txt-cinnamon { color: #D25C20; } .txt-mint { color: #4cbb87; } .txt-mint:hover { color: #378a63; } .txtSilver { color: #b6b5b5; } .users-nav { background-color: #3f4d67; color: #e8edf7; border-right: #2f3a4e solid 4px; border-top: #52607a solid 1px; } .user-nav-item-green { color: #e8edf7; border-left: #4cbb8765 4px solid; background-color: #323d52ad; margin-bottom: 1px; } .user-nav-item-green.active, .user-nav-item-green:active { background-color: #262f3f; border-left: #4cbb87 4px solid; } .user-nav-item-green:hover { background-color: #4cbb876b; border-left: #4cbb87 4px solid; color: #e8edf7; } .user-nav-item-yellow { color: #e8edf7; border-left: #f0c5395b 4px solid; background-color: #323d52ad; margin-bottom: 1px; } .user-nav-item-yellow.active, .user-nav-item-yellow:active { background-color: #262f3f; border-left: #f0c539 4px solid; } .user-nav-item-yellow:hover { background-color: #262f3f; border-left: #f0c539 4px solid; color: #e8edf7; } .w-5 { width: 5% !important; } .w-10 { width: 10% !important; } .w-15 { width: 15% !important; } .w-20 { width: 20% !important; } .w-30 { width: 30% !important; } .w-40 { width: 40% !important; }