/* DO NOT ADD TO SASS ----------------------------------------------------------------*/ /* Lead Form - Referal - Success */ #lead-form-ref-success .inline {display:inline !important; } #lead-form-ref-success .sec-continer h3 { font-weight: 700 !important; margin-top: 0 !important; } #lead-form-ref-success .mb-0 { margin-bottom: 0 !important;} #lead-form-ref-success .mt-0 { margin-top: 0 !important;} #lead-form-ref-success .lght-yellow {background-color: #F2BB44;} #lead-form-ref-success .text-fff { color:#fff !important; -webkit-text-fill-color: #fff !important; -webkit-text-stroke: 0px !important; } /* #lead-form-ref-success .flexy p['style="display:block;"'] { margin-left: 5px; font-size: 18px; } */ #lead-form-ref-success { color: #000; -webkit-font-smoothing:auto; padding-top:27px;} #lead-form-ref-success .top-bg { background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.6)), url(images/top_bg.jpg); background-size: cover; background-position: center center; background-attachment: fixed; } #lead-form-ref-success .sec-container { width: 100%; padding: 90px 20px; max-width: 1300px; margin:0 auto; margin-top:50px; } #lead-form-ref-success .sec-container h1 { text-align: center; font-size: 45px; font-weight: 600 !important; color: #fff;margin-bottom:8px; border-bottom:none; } #lead-form-ref-success .sec-container h2 { font-size: 18px; color: #fff; text-align: center; margin:0 auto; max-width: 737px; margin-bottom: 43px; padding: 0 10px; } #lead-form-ref-success .sec-container h3 { font-size: 25px; font-weight: 700 !important; margin-bottom: 10px; } #lead-form-ref-success .sec-container .success-card-group { display:flex; align-items: flex-start; gap:50px; width:100%; align-items: stretch; margin-bottom:54px; } #lead-form-ref-success .sec-container .success-card { display:flex; flex-direction:column; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 5px; padding: 30px 25px 33px; max-width: 400px; width:33.3333%; } #lead-form-ref-success .sec-container .success-card .flex-grow { flex-grow:1;} #lead-form-ref-success .sec-container .success-card .btn { background-color: #F2BB44; padding: 14px 29px; font-size:20px; font-weight: 700; cursor: pointer; } #lead-form-ref-success .sec-container .success-card p { line-height: 24px; font-size: 18px; } #lead-form-ref-success .sec-container .success-card .est-details .flexy { display:flex; } #lead-form-ref-success .sec-container .success-card .est-details .flexy i { font-size: 18px; color:#F2BB44; padding:4px 8px 0 0; } #lead-form-ref-success .sec-container .success-card .est-details div { margin-bottom:10px; } #lead-form-ref-success .sec-container .success-card .est-details strong, #lead-form-ref-success .sec-container .success-card .est-details span { font-size:18px; line-height: 24px; ; } #lead-form-ref-success .sec-container .social { color: rgba(255,255,255,.9); text-align: center; font-size: 20px; } #lead-form-ref-success .sec-container .social p { margin-bottom:16px; font-weight: 700; } #lead-form-ref-success .sec-container .social i { font-size: 24px; color:#fff !important;} @media(max-width: 1300px ) { #lead-form-ref-success .sec-container .success-card-group { flex-wrap: wrap; justify-content: center;} #lead-form-ref-success .sec-container .success-card { width: 50%; } } @media(max-width: 900px ) { #lead-form-ref-success .sec-container .success-card-group {gap:20px; } #lead-form-ref-success .sec-container .success-card { width: 100% !important; max-width:unset;} #lead-form-ref-success .sec-container { padding:60px 10px; } } #lead-form-ref-success .sec-container-bot { display: flex; width: 100%; padding: 115px 20px; max-width: 1400px; margin:0 auto;} #lead-form-ref-success .sec-container-bot .more-info { display:flex; flex-direction:column; margin-left: 50px; } #lead-form-ref-success .sec-container-bot .location { flex-grow: 1; margin-bottom: 18px; } #lead-form-ref-success .sec-container-bot .location .flexy { margin-bottom: 5px;} #lead-form-ref-success .sec-container-bot .location .flexy div p, #lead-form-ref-success .sec-container-bot .location .flexy div a { margin: 0 0 0 5px !important; font-size: 18px !important;} #lead-form-ref-success .sec-container-bot .flexy {display:flex; margin-bottom:13px; } #lead-form-ref-success .sec-container-bot .flexy .contact-link p { font-size: 18px; margin: 0 0 0 5px !important; cursor: pointer; } #lead-form-ref-success .sec-container-bot .areas-served { position:relative; display:flex; width: 100%; max-width: 543px; } #lead-form-ref-success .sec-container-bot .areas-served div div { display:flex; justify-content: space-between; align-items:center; margin-bottom: 0; width:100%;} #lead-form-ref-success .sec-container-bot .areas-served h3 { font-size:18px; font-weight: 700; width:50%; } #lead-form-ref-success .sec-container-bot .areas-served strong { display:block; margin-bottom:16px; font-size: 18px; margin-left:6px; color:#000 !important;} #lead-form-ref-success .sec-container-bot .areas-served a {display:flex; justify-content: space-between; white-space:nowrap; width: 50%; } #lead-form-ref-success .sec-container-bot .areas-served-heading { margin-top:0; } #lead-form-ref-success .sec-container-bot .areas-served .fa-angle-right { font-size: 18px; font-weight: 700; padding-top:4.5px; color:#000 !important; } #lead-form-ref-success .sec-container-bot .areas-served ul {display:flex; flex-wrap:wrap; justify-content: space-between; padding-left:15px; } #lead-form-ref-success .sec-container-bot .areas-served ul li { font-size: 18px; flex-basis:47%; line-height:24px;} #lead-form-ref-success .sec-container-bot .pic-left {width: 75%; max-height: none ; } #lead-form-ref-success .sec-container-bot .pic-left .img { background-image: url('images/bottom_bg.jpg'); background-size:cover; width:100%; height: 100%; background-position: center;} #lead-form-ref-success .sec-container-bot .location h3 { margin: 0; line-height: 24px; } #lead-form-ref-success .sec-container-bot .location h2 { margin-top:10px; font-size: 35px; line-height: 46px; font-weight: 700; margin-bottom:5px; } #lead-form-ref-success .sec-container-bot .location i { color:#F2BB44; font-size:18px; } @media( max-width:1125px ) { #lead-form-ref-success .sec-container-bot { flex-wrap:wrap; padding: 40px 10px; } #lead-form-ref-success .sec-container-bot .pic-left {width: 100%; height: 380px; margin-bottom:17px; } #lead-form-ref-success .sec-container-bot .more-info { margin-left:0; padding: 0 15px; } #lead-form-ref-success .sec-container-bot .areas-served ul {margin-left: 16px; } #lead-form-ref-success .sec-container-bot .areas-served ul li { flex-basis: 100%; } #lead-form-ref-success .sec-container-bot .areas-served div { margin-bottom: 20px;} #lead-form-ref-success .sec-container-bot .areas-served a { position:absolute; bottom: -20px; } } @media( max-width:500px ) { #lead-form-ref-success .sec-container-bot .pic-left .img { height:100%; background-size:contain; background-repeat: no-repeat;} #lead-form-ref-success .sec-container-bot .pic-left { height:214px; margin-bottom:0; margin-top: -30px; } #lead-form-ref-success .sec-container-bot .areas-served a { width: 60%; } #lead-form-ref-success .sec-container-bot .location h3 { padding-top: 10px; } } @media(max-width:430px ){ #lead-form-ref-success .sec-container-bot .areas-served a { width: 75%; } } /* Lead Referral Modal Form */ #lead-form-ref-success .overlay-fff, #lead-form-ref-success .ty-card, #lead-form-ref-success .referral-modal { display:none; opacity:0;} #lead-form-ref-success[show-referral-modal] .overlay-fff {opacity:1;display:block; position:fixed; top:0; left:0; bottom:0; right:0; background: rgba(255, 255, 255, 0.9); z-index: 99999; } #lead-form-ref-success[show-referral-modal] .ty-card {opacity:1; display:block; position:fixed; left:50%; top: 50%; z-index: 999999; transform:translate(-50%, -50%); font-size: 18px;box-shadow: 0px 3px 6px #00000029; border-radius: 5px; background:#fff; padding: 110px 25px 150px; text-align:center; max-width:485px; width:100%; } #lead-form-ref-success[show-referral-modal] .referral-modal {opacity:1; display:block; position: fixed; top: 50%; left:50%; z-index: 999999; transform:translate(-50%, -50%); font-size: 18px;box-shadow: 0px 3px 6px #00000029; border-radius: 5px; background:#fff; padding:30px; width:100%; max-width:600px; } #lead-form-ref-success .ty-card h4 { font-size: 24px; font-weight: 700; margin-bottom:20px; text-transform: none;} #lead-form-ref-success .ty-card .btn { background-color: #F2BB44; padding: 14px 29px; font-size:20px; font-weight: 700; cursor: pointer; } #lead-form-ref-success .referral-modal h4 { font-size: 24px; font-weight: 700; margin-bottom:20px; text-transform: none; } #lead-form-ref-success .fa-xmark { position: absolute; top:10px; right:10px; font-size: 23px; cursor: pointer; } #lead-form-ref-success .referral-modal form { display:flex; flex-direction: column; justify-content: flex-start;} #lead-form-ref-success .referral-modal form div {display:flex; width:100%; gap:10px;} #lead-form-ref-success .referral-modal form input { position:relative; font-size:18px; border: none; border:1px solid #CECECE; border-radius:3px;width: 100%; margin-bottom: 12px; height:42px; padding-left:19px; cursor: pointer; } #lead-form-ref-success .referral-modal form input::placeholder {color:#A3A3A3; } #lead-form-ref-success .referral-modal form i { font-size: 16px; text-align: center; } #lead-form-ref-success .referral-modal form button { background-color: #F2BB44; padding: 14px 29px; font-size:20px; font-weight: 700; cursor: pointer; margin-top:11px;} @media( max-width: 650px ) { #lead-form-ref-success[show-referral-modal] .referral-modal { max-width:96%; } #lead-form-ref-success .referral-modal h4 { font-size:21px; margin-top: 20px; } #lead-form-ref-success[show-referral-modal] .referral-modal p { font-size:16px; } #lead-form-ref-success[show-referral-modal] .referral-modal form div { flex-wrap:wrap; gap:0; } #lead-form-ref-success[show-referral-modal] .referral-modal form div input { width:100% } } @media( max-width: 500px ) { #lead-form-ref-success .ty-card .btn { white-space: wrap;} #lead-form-ref-success[show-referral-modal] .ty-card { width: 94%; } } /* Unsubscribe Form */ /* Helpers */ #unsubscribe-form .text-center { align-items: center !important;} #unsubscribe-form .w-50 { width:50% !important; } #unsubscribe-form .w-100 { width:100% !important; } #unsubscribe-form .lght-yellow {background-color: #F2BB44;} #unsubscribe-form { color: #000; -webkit-font-smoothing:auto;font-size:18px; display:block; } #unsubscribe-form .bg-img {display:grid; place-content: center; overflow-x: hidden; background: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.6)), url('../unsubscribe/images/unsubscribe-bg.jpg')no-repeat center center; background-size:cover; background-attachment: fixed; padding: 42px 10px; } #unsubscribe-form h1 { font-size: 45px; font-weight: 700; text-align:center; margin-bottom:10px;} #unsubscribe-form .form-unsubscribe-modal { padding:55px 100px; box-shadow: 0px 3px 6px #00000029; border-radius: 10px;background-color: #fff; margin-top: 30px; } #unsubscribe-form .form-unsubscribe-modal p { line-height: 22px; } #unsubscribe-form .form-unsubscribe-modal p, #unsubscribe-form .form-unsubscribe-modal form { max-width:500px; width:100%; } #unsubscribe-form .form-unsubscribe-modal form .form-select { margin-bottom: 22px;} #unsubscribe-form .form-unsubscribe-modal form .form-select .label-container { display:block; width:100%; position:relative; cursor: pointer; margin-bottom:4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-height:71px;} #unsubscribe-form .form-unsubscribe-modal form .form-select .label-container .text {display:block; color:#000; padding: 22px 0px 22px 70px; background: #F3F3F3; border-radius:5px; } #unsubscribe-form .form-unsubscribe-modal .label-container input { position:absolute; opacity: 0; cursor: pointer; height:0; width:0; } #unsubscribe-form .form-unsubscribe-modal .label-container .checkmark { position:absolute; top:25px; left: 37px; border:1px solid #C3C3C3; border-radius: 3px; height:21px; width:21px; background:#fff; } #unsubscribe-form .form-unsubscribe-modal .label-container:hover input ~ .checkmark { background-color: #fff; } #unsubscribe-form .form-unsubscribe-modal .label-container input:checked ~ .checkmark { background-color:#F2BB44 ;} #unsubscribe-form .form-unsubscribe-modal .checkmark:after { content:""; position:absolute; display:none; } #unsubscribe-form .form-unsubscribe-modal .label-container input:checked ~ .checkmark:after { display:block; } #unsubscribe-form .form-unsubscribe-modal .label-container .checkmark:after { left:7px; top:1px; width:7px; height: 13px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform:rotate(45deg); } #unsubscribe-form .form-unsubscribe-modal .dropdown {display:none; padding:9px 0px 0px; } #unsubscribe-form .form-unsubscribe-modal .dropdown[show] { display:block;} #unsubscribe-form .form-unsubscribe-modal .dropdown .label-container.subcheck {display:inline-block; background-color: #fff; height:27px; } #unsubscribe-form .form-unsubscribe-modal .dropdown .coms-incld i { padding:0; line-height: 21px; margin-bottom:9px; } #unsubscribe-form .form-unsubscribe-modal .dropdown .coms-incld { font-size: 16px; margin-left:70px; padding: 0px 0 9px; } #unsubscribe-form .form-unsubscribe-modal .dropdown p { padding-left:70px; margin-bottom:0; font-weight: 500; } #unsubscribe-form .form-unsubscribe-modal .dropdown .checkmark { top:3px; left: 37px;} #unsubscribe-form .form-unsubscribe-modal form { display:flex; flex-direction: column;} #unsubscribe-form .form-unsubscribe-modal .btn { background-color: #F2BB44; padding: 14px 29px; font-size:20px; font-weight: 700; cursor: pointer; margin-top:11px; width:100%; } #unsubscribe-form .form-unsubscribe-modal .details {display: none; } #unsubscribe-form .form-unsubscribe-modal .details.showing {display:block; } #unsubscribe-form .form-unsubscribe-modal .mail-details {display: none; } #unsubscribe-form .form-unsubscribe-modal .mail-details.showing {display:block; } #unsubscribe-form .form-unsubscribe-modal .details hr { margin-top: 0; margin-bottom:0; } #unsubscribe-form .form-unsubscribe-modal .details h2 { font-size: 30px; font-weight: 700; text-align: center; margin: 20px 10px 10px;} #unsubscribe-form .form-unsubscribe-modal .details .flexy { display:flex; gap:10px; width:100%; position:relative} #unsubscribe-form .form-unsubscribe-modal .details .flexy .fa-angle-down { position:absolute; color:#A3A3A3; top:6px; left:42%; pointer-events:none; } #unsubscribe-form .form-unsubscribe-modal .details input {color:#000 !important;} #unsubscribe-form .form-unsubscribe-modal .details input[type="text"], #unsubscribe-form .form-unsubscribe-modal .details input[type="email"], #unsubscribe-form .form-unsubscribe-modal .details select { position:relative; color:#A3A3A3; font-size:18px; border: none; border:1px solid #CECECE; border-radius:3px;width: 100%; margin-bottom: 12px; height:42px; padding-left:19px; cursor: pointer; } #unsubscribe-form .form-unsubscribe-modal .details select:focus { color:#000; } #unsubscribe-form .form-unsubscribe-modal .details select { appearance:none;} #unsubscribe-form .form-unsubscribe-modal .details .w-50 { width: 50% !important; } #unsubscribe-form .form-unsubscribe-modal .details input::placeholder { color:#A3A3A3; font-size: 18px; } #unsubscribe-form .form-unsubscribe-modal .details input[name="phone"] {display:none; } #unsubscribe-form .form-unsubscribe-modal .details input[name="phone"].showing {display:flex; } #unsubscribe-form .form-unsubscribe-modal .details .flexy#name-lname {display:none; } #unsubscribe-form .form-unsubscribe-modal .details .flexy#name-lname.showing {display:flex !important; } #unsubscribe-form .form-unsubscribe-modal .details input[name="email"] {display:none; } #unsubscribe-form .form-unsubscribe-modal .details input[name="email"].showing {display:block; } #unsubscribe-form .form-unsubscribe-modal .details .radio-flex { display:none; } #unsubscribe-form .form-unsubscribe-modal .details .radio-flex.showing { display:flex; } #unsubscribe-form .form-unsubscribe-modal .details .radio-flex div { width:50%; } #unsubscribe-form .form-unsubscribe-modal .details .radio-flex label { font-weight: 500; } #unsubscribe-form .form-unsubscribe-modal .details .radio-flex input { appearance: none; margin-bottom:-2px; height:16px; width:16px; border:1px solid #C3C3C3; border-radius: 50%; margin-right:12px; } #unsubscribe-form .form-unsubscribe-modal .details .radio-flex input[type="radio"]:checked { border: 1px solid #F2BB45; background-color: #F2BB45; outline: 3.5px solid #fff; outline-offset:-5px; } #unsubscribe-form .form-unsubscribe-modal .details input[name="phone"] {display:none; } #unsubscribe-form .form-unsubscribe-modal .details input[name="phone"].showing {display:block; } #unsubscribe-form .form-unsubscribe-modal .mail-details {display:none; } #unsubscribe-form .form-unsubscribe-modal .mail-details.showing {display:block; } #unsubscribe-form .form-unsubscribe-modal .mail-details.showing #country-us.hide, #unsubscribe-form .form-unsubscribe-modal .mail-details.showing #country-ca.hide { display:none; } #unsubscribe-form .form-unsubscribe-modal .mail-details select option[selected] { color:#000 !important; } @media(max-width: 720px){ #unsubscribe-form .form-unsubscribe-modal { padding:50px 50px; margin-top: 20px; } #unsubscribe-form .form-unsubscribe-modal .details .flexy { flex-wrap:wrap; gap:0; } #unsubscribe-form .form-unsubscribe-modal .details .w-50 { width: 100% !important; } #unsubscribe-form .form-unsubscribe-modal .details .flexy .fa-angle-down { left:93%; } } @media(max-width: 500px){ #unsubscribe-form h1 { margin-bottom: 9px !important; } #unsubscribe-form .form-unsubscribe-modal p { margin-bottom: 18px; } #unsubscribe-form .form-unsubscribe-modal { padding:50px 18px; } #unsubscribe-form .form-unsubscribe-modal form .form-select { font-size:15px; } #unsubscribe-form .form-unsubscribe-modal .label-container .checkmark { left: 20px; } #unsubscribe-form .form-unsubscribe-modal .dropdown .coms-incld { margin-left: 56px; } #unsubscribe-form .form-unsubscribe-modal .dropdown p { padding-left:56px; } #unsubscribe-form .form-unsubscribe-modal form .form-select .label-container .text {padding-left:55px; padding-top:25px; } #unsubscribe-form .form-unsubscribe-modal .details .flexy .fa-angle-down { left:91%; } } @media(max-width: 400px){ #unsubscribe-form .form-unsubscribe-modal .label-container .checkmark { left: 10px; } #unsubscribe-form .form-unsubscribe-modal form .form-select .label-container .text {padding-left:40px; padding-top:25px; } } /*Exit Form*/ #unsubscribe-form .overlay-fff, #unsubscribe-form .exit-modal { display:none;} #unsubscribe-form .exit-modal .btn { font-size: 20px; font-weight: 700; } #unsubscribe-form[show-exit-modal] .overlay-fff {display:block; position:fixed; top:0; left:0; bottom:0; right:0; background: rgba(255, 255, 255, 0.9); z-index: 999; } #unsubscribe-form[show-exit-modal] .exit-modal {display:flex; flex-direction: column; justify-content: center; position:fixed; left:50%; top: 50%; transform: translate(-50%, -50%); z-index: 999999; padding:55px 100px 65px; box-shadow: 0px 3px 6px #00000029; border-radius: 10px;background-color: #fff; max-width: 580px; width: 90%; } #unsubscribe-form[show-exit-modal] .exit-modal h2 { font-size: 32px; text-align: center; } #unsubscribe-form[show-exit-modal] .fa-xmark { position: absolute; top:15px; right:15px; font-size: 20px; } @media ( max-width: 650px ) { #unsubscribe-form[show-exit-modal] .exit-modal { padding: 25px 30px 35px; } #unsubscribe-form .exit-modal .btn { white-space: wrap;} } /* Form errors*/ #unsubscribe-form .form-errors, #lead-form-ref-success .form-errors { background-color: rgb(253, 230, 230); color:rgb(179, 12, 12); font-weight: 700; border-radius:5px; font-size: 16px; padding: 10px 20px; margin-bottom:20px; max-width:500px; }