img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} html {--14px: 0.875rem;--15px: 0.9375rem;--16px: 1rem;--17px: 1.0625rem;--18px: 1.125rem;--19px: 1.1875rem;--20px: 1.25rem;--21px: 1.3125rem;scroll-behavior: smooth;} *:focus-visible,input[type=submit]:focus-visible {outline-style: solid;outline-width: 2px;outline-color: #000;box-shadow: 0 0 8px #333;outline-offset: 4px;border-radius: 3px;transition: all .3s linear .01s;} .focusclarity *:focus-visible {outline-color: var(--primary);box-shadow: none} .focusclarity input[type=submit]:focus-visible {outline-color: var(--primary)} .jump {text-decoration-line: underline;text-decoration-color: var(--accent);text-underline-offset: 4px;position: absolute;background-color: var(--secondary);left: 300px;top: -6px;padding: 10px;border-width: 2px;border-color: var(--secondary-comp);border-style: none solid solid;transform: translateY(-200%)} .jump:focus {transform: translateY(0);outline-offset: 0;text-decoration: none} a[target="_blank"] {position: relative} a[target="_blank"] i {padding: 4px;border: 1px solid black;color: #000;background-color: #fff;text-decoration: none;position: absolute;left: 30px;bottom: -30px;z-index: 999;width: 130px;display: none;font-size: 12px;font-family: sans-serif;text-align: center;letter-spacing: 0} a[target="_blank"]:hover i,a[target="_blank"]:focus i {display: block} .back {margin: 0;display: none} .back a {color: var(--primary-comp);padding: 5px 15px} header a[target="_blank"] i {left: 0;} .logomark a[target="_blank"] i {left: 14px} .ccpaNotice a i {bottom: unset !important;top: -30px} * {scroll-behavior: smooth;} body {margin: 0;min-width: 320px;line-height: 1.5} h1,h2,h3,h4,h5,h6 {line-height: 1.2} .wrap {max-width: 1080px;margin: 0 auto;position: relative} img,video {max-width: 100%;display: block;height: auto} a img,iframe {border: none} a,header a:hover,.btn:hover,form input[type=submit] {text-decoration: none} .btn:hover {box-shadow: #333 0 0 10px;} p a,li a {text-decoration: underline;} a,form input[type=submit] {transition: ease-in-out .3s} a:hover {text-decoration: underline} hr {border-width: 1px;border-color: #eee;border-style: none none solid;margin: 40px 0;} .imgLeft,.imgRight {max-width: 50%;} .row6 .posts .postThumbnail img.imgRight {max-width: 100%;} .imgLeft {float: left;margin: 10px 4% 2% 0} .imgCenter {margin: 0 auto} .imgRight {float: right;margin: 10px 0 2% 4%} .imgCircle {border-radius: 50%;max-width: 70%;height: auto;display: block;margin: 10px auto;border: 1px solid #e6e6e6;} .imgRight.nobord {border: none} .clear {clear: both} .hide {display: none !important;} .nowrap,a[href^=tel] {white-space: nowrap} .grid {display: grid;grid-gap: 10px} .grid.half {grid-template-columns: 1fr 1fr} .grid.third {grid-template-columns: 1fr 1fr 1fr} .grid.fourth {grid-template-columns: 1fr 1fr 1fr 1fr} .grid.mid {align-items: center} .grid .span2 {grid-column: span 2} .grid .span3 {grid-column: span 3} .grid.lists {grid-row-gap: 0} .grid ul {margin: 0} .flex {display: flex;flex-wrap: wrap} .flex>* {flex: 1 1 300px} ul,ol {padding-left: 25px;margin: 0} .nolist {list-style: none;padding: 0} .flex ul li:last-of-type {margin-bottom: 0} section li,main li {margin: 5px 0} .center,.btn,form {text-align: center} .banner,.cover {background-size: cover;background-position: center} header a,.btn {text-decoration: none} .bgimg {position: relative} .bgimg>img:first-of-type {position: absolute;width: 100%;height: 100%;inset: 0;object-fit: cover;z-index: 0} .banner.bgimg>img:first-of-type {object-position: top} :root {--main-bg: #fff;--light: #f5f5f5;--light-comp: #4d4d4d;--dark: #232323;--dark-comp: #fff;--primary: #1ba2b6;--primary-comp: #fff;--secondary: #1acbdd;--secondary-comp: #fff;} body,form input,form textarea {font-family: 'Inter', Arial, Helvetica, sans-serif;} body {font-size: 18px;color: var(--dark);} .bg-light {background-color: var(--light, #f5f5f5);color: var(--light-comp, #4d4d4d)} .bg-primary,input[type=submit],.btn,#checklistItems a {background: rgb(247, 157, 1);background: linear-gradient(135deg, rgba(247, 157, 1, 1) 0%, rgba(247, 180, 1, 1) 51%, rgba(247, 195, 1, 1) 100%);color: var(--primary-comp, #fff);} .btn {text-shadow: 0 0 3px rgb(0 0 0 / 100%);} a,nav a:hover,.row1 a:hover,.services a:hover,.news a:hover {color: var(--secondary, #1acbdd)} .bg-secondary,.btn:hover,form input[type=submit]:hover {background-color: var(--secondary, #1acbdd);color: var(--secondary-comp, #fff)} .notice,.banner,.row1,.services .grid,footer,.emphasis {text-align: center} header a,.btn {color: var(--dark-comp, #fff)} header,.subfoot,.btn,form input[type=submit],.contact li {font-size: 16px} .banner.main h1,.banner.main p {max-width: 49%;margin-left: 51%} .banner.main h1 {font-size: 36px} .banner p,section h3,.row3 {font-size: 20px} .banner h1,footer h2 {font-size: 30px;font-weight: 500} .banner p {margin-top: 0} .btn,form input[type=submit] {padding: 13px 20px} .btn {margin-top: 10px} .btn.style2 {background: rgb(0, 85, 166);background: linear-gradient(135deg, rgba(0, 85, 166, 1) 0%, rgba(59, 162, 177, 1) 48%, rgba(68, 173, 139, 1) 98%);} .btn.style2:hover {background-color: #3c3c3c;cursor: pointer;} .btn.hot {background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);} .btn.go {background: linear-gradient(135deg, #56cf61 0%, #0f9e3a 100%);} section h2 {font-size: 24px} .services a {color: var(--light-comp, #4d4d4d)} .row1 a {color: var(--light-comp, #4d4d4d)} .row1 a:hover,.services a:hover,.news a:hover {text-decoration: none} .row1 .grid {margin: 10px 0} .row2,.row4 {padding: 50px 10px} .row2 {background-image: url(/images/29493585.jpg)} .row2 .grid>div:first-of-type {order: 2} .row2 .grid>div:last-of-type {order: 1} .row2 p {padding-right: 50px} .row4 {text-align: right} .row4 p {padding-left: 50px} .emphasis {padding: 20px 40px 30px;margin: 40px 0} .services .grid,.contact .grid {margin: 50px 0 10px} .news a {color: var(--primary, #1ba2b6)} .contact ul {margin: 40px 0} form {margin: 40px 0} form input,form textarea,form select {background-color: transparent;padding: 10px 0;border-bottom: 1px solid #4d4d4d} form input[type="checkbox"] {border-bottom: 0;box-shadow: none;} form input:focus,form textarea:focus,form select:focus {outline: none} form input[type=submit] {border: none} .priorityProduct {display: grid;margin-top: 20px;grid-template-columns: 25px 1fr;gap: 10px;} header a {display: block;} header .grid {grid-template-columns: 300px 1fr;padding: 20px 0;grid-gap: 0;} nav ul {padding: 0;margin: 0;text-align: right;} nav li {display: inline-block;} nav a {margin: 4px;padding: 5px 3px;} .banner {color: #fff;padding: 10px;text-shadow: 0 0 3px rgb(0 0 0 / 100%);position: relative;display: block;padding: 20px 0;background-image: url(/images/main.svg);} .banner p {text-wrap: balance;} section,main {padding: 0;color: var(--dark);} .segment {padding: 40px 20px; } .segment h2 {color: var(--dark, #232323);} .segment h3 {color: var(--dark, #232323);margin-top: 20px;} .services {padding-bottom: 40px;} .btn,form input[type='submit'] {display: inline-block;min-width: 160px;padding: 15px 20px;margin: 5px auto;border-radius: 3px;} .line-through {text-decoration: line-through;color: red;display: block;} footer .wrap {padding: 20px 0;} footer .grid {align-items: center;} footer .segment {padding: 20px 10px;} footer .call-text a {color: #fff;} footer .call-text ul {list-style-type: none;text-align: left;padding-left: 0;line-height: 1.5em;} footer {padding: 0;} footer .cta {padding: 50px 10px 40px;background-image: url(/images/10922509.jpg);} footer h2,footer p,footer form {position: relative;z-index: 999;} footer p {text-wrap: balance;} .subfoot {text-align: left;padding: 20px;background-color: var(--dark);color: var(--dark-comp);} .subfoot .grid {grid-gap: 0;} .subfoot .half p {text-align: right;} .logomark {text-align: right;} .left {text-align: left;} .logomark a {display: inline-block;margin: 0 auto;} form {margin: 20px 0;} form fieldset {border: none;padding: 0;margin: 0;} form legend {text-align: left;padding: 0;} form input,form textarea,form select {display: block;padding: 15px 10px;width: 100%;box-sizing: border-box;margin: 0 0 12px;line-height: 1.5;border: none;font-size: var(--16px);} form textarea {height: 150px;} form input[type='submit'] {max-width: 250px;} form input[type='submit']:hover {cursor: pointer;} form label {display: block;text-align: left;} html {scroll-behavior: smooth;} iframe {aspect-ratio: 16 / 9;display: block;} .banner iframe {display: block;margin: 10px auto;} :root {--main-bg: #fff;--light: #e6e6e6;--light-comp: #4d4d4d;--dark: #111;--dark-comp: #fff;--primary: #f7b401;--primary-comp: #fff;--secondary: #033f7e;--secondary-comp: #fff;--second-med: #0366d0;--second-dark: #0e3c6e;--orange: #e4722b;--red: #e03a34;} .success {font-weight: bold;color: #106034;display: inline-block;transition: opacity 3s ease-in-out;opacity: 1;} .success.hide {opacity: 0;} .checklist-done a {color: #4d4d4d;text-decoration: line-through; } .imgRight {border: 1px solid #e6e6e6;} body {font-family: 'Inter', Arial, Helvetica, sans-serif;} header .grid {grid-template-columns: 200px 1fr;padding: 0;} header {background: #fff;box-shadow: 0px 4px 20px -6px rgba(0, 0, 0, 0.15);} nav {padding: 0 0 20px 0;} button {border: none;} .banner.main {background-image: none;background-position: bottom;background-image: url(/images/banner.png);text-align: left;} .banner.main h1,.banner.main p {max-width: 100%;margin-left: 0;} .banner h1 em a {color: #fff;text-decoration: underline;font-weight: bold;font-size: 150%;} .banner h1 {font-weight: 800;} nav a {color: var(--dark);font-weight: 500;font-size: 16px;} nav a:hover {color: #0e3c6e;} nav li.headerSignup,nav li.headerLogin,nav li.headerAccount {background: #0e3c6e;color: #fff;padding: 5px;border-radius: 3px;color: #f9fafb;margin-left: 15px;} nav li.headerLogin,nav li.headerAccount {background: #f7b401;} nav li.headerSignup a,nav li.headerLogin a,nav li.headerAccount a {color: #f9fafb;font-weight: 500;} nav li.headerLogin a,nav li.headerAccount a {text-shadow: 0 0 3px rgb(0 0 0 / 100%);} .row2 {background-image: url(/images/courses.png);} footer .cta {background-image: url(/images/cta.svg);color: #fff;} .row1,.row2,.accent {background: rgba(244, 233, 216, 0.45);} .row1 .grid {grid-gap: 30px;} .row1 a.btn {color: var(--primary-comp, #fff);text-shadow: 0 0 3px rgb(0 0 0 / 100%);} .row1 a.btn:hover {background-color: var(--orange);color: var(--secondary-comp); } .row1 .grid div {color: var(--second-dark);background: #fff;border-radius: 10px;padding: 20px;text-align: left;border: 1px solid var(--light);} .row1 .grid img {height: 64px;width: 64px;display: block;} .pad50 {padding: 50px;} .row1 .grid h2 {color: #0e3c6e; } .row1 .grid p { line-height: normal;color: var(--dark)} .bg-light {background-color: var(--light);} .accent .wrap {padding: 10px;} .row2 img,.row4 img,.row6 img {border-radius: 3px;} .row6 .posts {display: grid;grid-template-columns: 1fr 1fr;column-gap: 50px;} .row6 .posts h3 {height: 60px; } .row6 .posts .postThumbnail {width: 100%;height: 350px;overflow: hidden;} .row6 .posts .postThumbnail img {float: none;margin: 0 auto;padding: 0;width: 100%;border-radius: 5px;} .row6 .posts .post p:nth-of-type(1),.row6 .posttags,.row6 .postcats {display: none;} .cta form input[type='submit'] {border-bottom: none;} .notice {padding: 10px;background: rgba(244, 233, 216, 0.25);color: #0e3c6e; } .notice span {max-width: 800px;display: flex;justify-content: space-evenly;align-items: center;flex-wrap: wrap;gap: 0;margin: 0 auto;} .notice a {white-space: nowrap;padding: 5px 15px;color: #0e3c6e;} .call-text li a:first-of-type {text-decoration: none;} .segment .call-text li a:first-of-type {display: block;} .segment .call-text {display: grid;columns: 2;list-style-type: none;padding-left: 0;text-align: center;} .segment .call-text li {border: 1px solid #e6e6e6;padding: 0 0 15px 0;} .segment .call-text img {width: 100%;height: 300px;display: block;margin: 0 auto 10px auto;overflow: hidden;} .cta form ::placeholder {color: #aaa;opacity: 1;} :-ms-input-placeholder {color: #aaa;} ::-ms-input-placeholder {color: #aaa;} .classtype label {border: 2px solid var(--light-comp);background-color: var(--light);padding: 20px;box-shadow: #4d4d4d 0 0 10px;background-position: right;background-repeat: no-repeat;background-size: contain;border-radius: 20px;} .classtype label li {font-size: 16px;} .classtype label:hover {box-shadow: #e4722b 0 0 10px;} .classtype label.active {background-color: var(--secondary);border: 1px solid #fff;color: #fff;} .classtype input {display: none;} #license,#renewal {text-align: left;} #license section,#renewal section {border: 1px solid var(--light-comp);margin: 10px 0;padding: 0 0 10px 0;box-shadow: #aaa 0 0 5px;} #license section h3,#renewal section h3 {background: var(--second-dark);color: #fff;padding: 20px;margin: 0;} #license section label,#license section,#renewal section label,#renewal section {margin: 10px 20px;} #license input[type='text'],#license input[type='tel'],#license input[type='email'],#license select,#renewal input[type='text'],#renewal input[type='tel'],#renewal input[type='email'],#renewal select,#stripe-card {background: var(--light);padding: 10px;border: none;width: 100%;} #stripe-card {width: 95%;margin: 0 0 0 20px;} .hide {display: none;} .howtostart h2 {border-bottom: 1px solid var(--light-comp);margin-top: 50px;} .howtostart h2 span {font-size: 2em;margin-right: 20px;} .howtostart .half img {width: 60%;margin: auto;} @keyframes fadeOut {from {opacity: 100%;} to {opacity: 0%;}} @keyframes fadeIn {from {opacity: 0%;} to {opacity: 100%;}} #loadingWheel {animation-name: ckw;animation-duration: 5.5s;animation-iteration-count: infinite;} .signupcta {color: #e13a34;font-size: 48px;} .signupcta svg {vertical-align: bottom;} .btn:hover,form input[type='submit']:hover,nav li.headerAccount:hover {background-color: #4cb8b4;color: var(--secondary-comp, #fff);} .class-options div {padding: 5%;} .classtype label:hover {cursor: pointer;} .steps {text-align: center;margin-bottom: 20px;} .steps div {padding: 10px;} .steps p strong {font-size: 24px;display: block;display: block;margin: 5px auto;background: var(--secondary);padding: 15px;border-radius: 50px;font-size: 42px;font-weight: normal;color: #fff;stroke-width: 1;} .startCta {text-align: center;background-color: #fff;padding: 20px;border-radius: 5px;margin: 50px 0;border: 1px solid #e6e6e6;box-shadow: #ccc 0 0 5px; } .optionalWebinar {padding: 20px;margin: 10px 60px 0 0;border-radius: 5px;background-color: #efefef; } .logo {font-size: 10px;} .notice ul {list-style-type: none;padding: 20px 0;} .notice ul li {display: inline;white-space: nowrap;padding: 10px;} .notice ul li:first-of-type {padding-left: 0;color: #f7b401;} .notice ul li:first-of-type img {display: inline;padding-right: 10px;} .notice ul li:last-of-type {border-right: none;padding-right: 0;} .important {background-color: #fff3cd;border: 4px solid #ffe69c;color: #664d03;font-weight: normal;text-align: center;padding: 30px;width: 80%;margin: 50px auto;} .important form#add input {background-color: #fff;} #guide,#mc_embed_signup {margin: 0 20px;padding: 10px;border-radius: 5px;background: #f7b401;} #guide p,#mc_embed_signup input {background: #fff;} #guide input[type='submit'],#mc_embed_signup input[type='submit'] {background: #0366d0;} .asterisk {color: #ff0000;font-weight: bold;} .quickstart {display: none;} .guide-cta {text-align: right;padding: 20px;} .guide-cta div {vertical-align: middle;} .deluxe-list li {margin: 50px;padding: 20px;background-color: #033f7e;color: #fff;} #quick {padding: 20px;background: #0366d0;margin: 0 50px 20px 50px;box-shadow: #000 0 0 15px;} #contact label,#quick label {color: #f7b401;font-weight: bold;} #quick input[type='text'],#quick input[type='tel'],#quick input[type='email'],#quick textarea,#contact input[type='text'],#contact input[type='tel'],#contact input[type='email'],#contact textarea {background-color: #f6f6f6;} #license-start {display: grid;grid-template-columns: 350px 1fr;padding-bottom: 50px;} #license-start img {border-radius: 10px;} #license-start h2 {color: #f7b401;font-size: 56px;margin: 0;padding: 0;} #license-start li {list-style-type: none;vertical-align: middle;} #license-start .btn {margin-bottom: 20px;} #license-start-2 {padding-bottom: 50px;} #license-start-3 table {background-color: #fff;width: 100%;border-collapse: collapse;} #license-start-3 td {border-bottom: 1px solid #e6e6e6;padding: 5px;} #license-start-3 tr:last-of-type td {border-bottom: none;} #license-start-3 table tr th:nth-of-type(1) {text-align: left;} #license-start-3 table tr td:nth-of-type(2),#license-start-3 table tr td:nth-of-type(3) {text-align: center;} #license-start-3 p:first-of-type {text-align: center;font-size: 24px;font-weight: bold;} #license-start-3 ul {list-style-type: none;padding: 0;} #license-start-3 ul li {padding-left: 40px;} #license-start-3 ul li::before {display: inline-block;} #license-start-3 ul li::before {width: 30px;margin-left: -30px;display: inline-block;} #license-start-3 ul li.yes::before {content: '✓';} #license-start-3 ul li.no::before {content: '-';} #license-start-3 .grid h2 {margin-bottom: 0;padding-bottom: 0;text-align: center;} #license-start-3 .grid p {text-align: center;} #license-start-3 .grid h2+p {margin: 0;padding: 0;font-size: 18px;text-align: center;} #license-start-3 .grid h2+p+p {font-weight: bold;font-size: 28px;margin: 0 0 30px 0;padding: 0;text-align: center;} #license-start-3 .grid p em {color: #4d4d4d;font-weight: normal;} .yes {color: #23a6d5;font-weight: bold;} .no {color: #ccc;font-weight: normal;} #license-start-3 .grid div {padding: 20px;border: 1px solid #e6e6e6;box-shadow: 0 0 5px #333;box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.9);} #license-start-3 .grid div:nth-of-type(2) {background: url(/images/webinar-person.jpg) no-repeat;background-size: cover;} #license-start-3 .grid div:nth-of-type(1) {background: url(/images/selfpace.jpg) no-repeat;background-size: cover;} .dontMiss {text-align: center;font-size: 80%;} #test .question {display: none;} #test .question.active {display: block;} #test .question li {text-align: left;list-style-type: none;} #test .question label {width: 80%;padding: 20px;border: 1px solid #aaa;border-radius: 3px;margin: 10px auto;} #test .question label:hover {background-color: #0366d0;color: #fff;cursor: pointer;} #test .question li input[type='radio'] {text-align: left;display: inline-block;width: auto;margin: 0 20px 0 0;} #submitTest input[type='text'] {padding: 20px;width: 100%;border: none;border-bottom: 2px dotted #000;background-color: #fff;} .start {display: grid;grid-template-columns: 300px 1fr;margin: 0 auto 50px auto;text-align: left;background: #eee;border: 1px solid #aaa;padding: 50px;box-shadow: #aaa 0 0 10px;} .classButtons {background-color: #0366d0;text-align: center;padding: 20px;color: #fff;} .homevideo {display: grid;grid-template-columns: 1fr 560px;align-items: center;} .banner.main .homevideo h1 {font-size: 42px;font-weight: bold;margin: 15px 0;} .homevideo p {margin: 0 20px 10px auto;} .homevideo img {border-radius: 10px;} .homevideo img:hover {box-shadow: #000 0 0 10px;} #register input,#reset input,#login input,#forgot input,#register select {border: 1px solid #e6e6e6;} #register input[type='submit'],#reset input[type='submit'],#login input[type='submit'],#forgot input[type='submit'] {border: none;} .inactive {background-color: #4d4d4d !important;color: #111 !important;} .inactive:hover {cursor: wait;} #error-message {color: var(--red);font-weight: bold;padding: 15px;display: block;} #pricing .grid.half div:nth-of-type(2) {text-align: right;} #pricing .grid.half div:nth-of-type(2) p:nth-of-type(2) {font-weight: bold;border-top: 1px solid #111;} #register {max-width: 600px;margin: 0 auto;} .pad100 {padding: 0 50px;} #pricing {margin-top: 20px;padding: 10px;} #pricing .grid {max-width: 660px;margin: 0 auto;} #pricing .grid div {vertical-align: top;} #pricing img {border-radius: 10px;} .purchase-item {display: grid;grid-template-columns: 0 1fr 35px;text-align: left;gap: 20px;align-items: center;align-items: start;background-color: #f5f5f5;border: 1px solid #e6e6e6;border-radius: 5px;padding: 20px 10px;margin: 10px 0;align-items: center;} .purchase-item label {font-size: 0.8em;} .purchase-item h2 {margin: 0;display: inline-block;vertical-align: middle;padding: 0;} .purchase-item p {margin-top: 0;} .purchase-item div:last-of-type {text-align: right;font-weight: bold;display: block;} .purchase-item input[type='checkbox'] {height: 25px;width: 25px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);display: inline-block;margin-right: 10px;vertical-align: middle;} .purchase-item input[type='checkbox']:hover {cursor: pointer;} .purchase-item div.specialBonus {text-align: left;background: rgb(247, 157, 1);background: linear-gradient(135deg, rgba(247, 157, 1, 1) 0%, rgba(247, 180, 1, 1) 51%, rgba(247, 195, 1, 1) 100%);border: 1px solid #111;padding: 10px;font-size: 0.8em;border-radius: 5px;font-weight: normal;} .purchase-item select {background: #fff;} .purchase-item .bounce {visibility: hidden;height: 50px;display: inline-block;} .purchase-item:hover .bounce {visibility: visible;} .bounce {animation: bounce 1s infinite ease-in-out;} .dmvLogo {width: 200px;height: auto;display: block;margin: 0;padding: 0;} @keyframes bounce { 0%,100% {transform: translateY(0);} 50% {transform: translateY(-5px);}} #os-items {margin: 0;padding: 0;list-style-type: none;} #os-items li {display: grid;grid-template-columns: 1fr 100px;text-align: right;gap: 1px;justify-content: start;padding: 10px 0 0 0;border-bottom: 1px dotted #111;} #os-items span:nth-of-type(odd) {font-weight: bold;text-align: left;} .total {display: grid;text-align: right;} .total span {font-weight: bold;font-size: 24px;} .secure {display: grid;grid-template-columns: 100px 1fr;border: 7px solid #2f7e3d;background-color: #b7ebc0;padding: 20px;border-radius: 5px;} .class-item {padding: 20px;margin: 10px 0;background-color: #eee;} .graybg {background-color: #ccc;padding: 50px 0;} #courses h2,.course h2 {font-size: 48px;margin: 0;padding: 0;} #courses svg,.class-item svg {display: inline-block;vertical-align: middle;} .class-item h3 {font-size: 30px;display: inline-block;padding: 0 0 0 21px;margin: 0;vertical-align: middle;} #materials.class-item ul li span a {border: 1px solid #333;background-color: #fff;padding: 5px;border-radius: 5px;text-decoration: none;color: #333;margin: 10px 25px 25px 0;display: inline-block;font-size: 0.8em;font-weight: bold;} #courseDetails h3 {margin: 0 0 45px 0;padding: 0;font-size: 30px;font-weight: normal;text-align: center;} #courseDetails div div {background-color: #eee;padding: 20px;border-radius: 3px;text-align: center;} ol#checklistItems {text-align: center;list-style-position: inside;font-weight: bold;} #checklistItems a {display: inline-block;min-width: 160px;padding: 15px 20px;margin: 0 auto;border-radius: 3px;text-decoration: none;font-size: 16px;font-weight: normal;} #materials ul {margin: 0;padding: 0;list-style-type: none;} #materials li {margin-bottom: 30px;font-weight: bold;} #materials li ul {margin-left: 60px;margin-bottom: 0px;} #materials li span {display: block;} #materials li span a {padding: 5px;font-weight: normal;} .ready {text-align: center;} .ready h3 {color: #033f7e;font-size: 64px;} .ready .btn {font-size: 36px;background-color: #033f7e;} .blast {background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size: 400% 400%;animation: gradient 15s ease infinite;text-align: center;display: block;width: 80px;height: 100px;border-radius: 170px;padding: 20px 20px 0 20px;font-weight: bold;color: #fff;text-shadow: #423202 0 0 3px;text-align: center;font-weight: normal;font-size: 14px;margin: 10px 0 0 15px;float: right;clear: both;} .blast:hover {text-decoration: none;} .benefits {display: grid;gap: 20px;grid-template-columns: auto auto auto;} .ladypic {grid-row: 1 / span 2;} .ladypic img {border-radius: 10px;} .benefits ul {list-style: none;padding-left: 0;margin-left: 40px;} .benefits .topics p {margin-bottom: 0;font-size: 24px;margin-left: 40px;} .benefits ul li:before {content: '✓';font-weight: bolder;color: #f7b401;font-size: 14px;background: #033f7e;padding: 5px 7px;margin: 0 10px 0 0;border-radius: 25px;} .benefits ul li {min-height: 30px;} .section {padding: 50px;border: 1px solid #ccc;margin: 20px;background-color: #fff;} .postready {background-color: #f7b401;padding: 50px;} .disclaimer {background-color: #f0f8f9;border-left: 4px solid #1acbdd;padding: 15px 16px;margin: 15px 0 25px 0;border-radius: 4px;font-size: 14px;line-height: 1.6;color: #333;} .disclaimer strong {display: block;color: #1ba2b6;font-weight: 600;margin-bottom: 8px;font-size: 15px;} .disclaimer p {margin: 0;font-size: 14px;} .benefits div.lp-phone {font-size: 26px;font-weight: bold;text-align: center; padding-top: 40px;} .tblSection {padding: 50px 0;} .tblSection label:nth-of-type(1) {display: inline-block;width: 30%;} .tblSection label:nth-of-type(1) select {margin-left: 10px;} .tblSection label:nth-of-type(2) {display: inline-block;width: 70%;text-align: right;} .tblSection nav.paging ul {text-align: center;} .tblSection .paging label {display: inline;width: auto;text-align: center;} .tblSection label:nth-of-type(2) input {width: 80%;margin-left: 10px;} .tblSection label input,.tblSection label select,.tblSection label button {padding: 10px;} .tblSection table {margin-top: 20px;border-collapse: collapse;} .tblSection td {padding: 10px;} .tblSection td p {margin: 0;} .tblSection th {font-size: 80%;} .tblSection table tbody tr:nth-child(odd) {background-color: #ddd;} .tblSection a {text-decoration: underline;} .tblSection table {width: 100%;} #orders p {margin: 0;padding: 0;} #license-start .grid div,#license-start-2 .grid div {vertical-align: top;} #license-start .grid div a.btn,#license-start-2 .grid div a.btn {width: 80%;} #license-start-2 h2 {font-size: 36px;margin-bottom: 0;padding-bottom: 0;} #license-start-2 h3 {font-size: 22px;} #license-start-2 h3 em {font-weight: normal;font-size: 16px;color: #666;display: block;} #license-start-2 li {font-size: 22px;} #license-start-2 .grid ul {padding-left: 0;} #license-start-2 .grid li {font-size: 16px;list-style-type: none;padding-left: 0;} #license-start-2 .grid div {border: 2px solid #aaa;padding: 20px;border-radius: 10px;box-shadow: #111 0 0 5px;text-align: center;} #license-start-2 .grid div .btn {font-weight: bold;text-shadow: 0 0 2px #111;font-size: 24px;} #license-start-2 .grid div .btn span {font-weight: normal;display: block;font-size: 18px;} #license-start-2 img {float: right;width: 30%;border-radius: 5px;margin-left: 20px;} .subWrap {width: 70%;display: block;margin: 0 auto 50px auto;} del {color: red;} label.purchase-item {color: var(--dark);} .purchase-item em {display: block;font-size: 80%;} form#menu select {border: 1px solid #e6e6e6 !important;padding: 10px;} #license-upload {display: none;margin: 20px 0;background-color: #fff3cd;border: 4px solid #ffe69c;color: #664d03;padding: 20px;text-align: left;} .ddp-product {background-image: url(/images/cta.svg);background-size: cover;background-repeat: no-repeat;color: #fff;padding: 10px 0 20px 0;} .ddp-product form input {background-color: #fff;} .ddp-product h2 {font-size: 64px;margin-bottom: 0;} .problem-solution {margin: 30px 0 30px 0;} ul.checklist {list-style: none;padding-left: 0;position: relative;} ul.checklist li {padding-left: 1.5em;margin-bottom: 0.7em;} ul.checklist li::before {content: '✔'; color: var(--second-dark);font-weight: bold;position: absolute;left: 0; width: 1em;height: 1em;} .checklist dt {font-weight: 700;} .checklist dd {margin: 0 0 1rem 0;} .reviews {margin-top: 50px;} .reviews div {border: 1px solid #eee;border-radius: 5px;padding: 20px;} .reviews div p:nth-of-type(4) {font-weight: bold;text-align: center;} .reviews div p:nth-of-type(2) {font-style: italic;font-size: 0.8em;min-height: 150px;} .reviews div p:nth-of-type(1) {color: #f7b401;text-align: center;} .reviews img {display: block;width: 100px;height: 100px;border-radius: 50px;margin: 0 auto;border: 1px solid #eee;} .problem {border: 1px solid var(--light);padding: 50px;margin: 50px;background-color: #ffffff;border-radius: 5px;} .problem p {text-align: center;} .agitate {text-align: center;border: 1px solid var(--light);padding: 50px;margin: 50px;background-color: #ffffff;border-radius: 5px;} .solution {text-align: center;border: 1px solid var(--light);padding: 50px;margin: 50px;background-color: #ffffff;border-radius: 5px;} .solution ul,.solution p {text-align: left;} .solution h2.start-register {margin: 60px 0 0 0;padding: 0;font-size: 2em;} .ctabtn {background: #e67e22;color: #fff;padding: 12px 25px;display: inline-block;border-radius: 5px;text-decoration: none;margin: 20px 0;} .check {color: green;font-weight: bold;} .step {margin: 2%;padding: 5%;border-radius: 5px;background-color: rgba(244, 233, 216, 0.25);border: 1px solid #e6e6e6; } .yt-video {display: block;margin: 0 auto;width: 100%;max-width: 560px;max-height: 315px;border-radius: 10px;overflow: hidden;} .testimonial {font-style: italic;font-size: 0.8em;text-align: center;} .testimonial p {margin: 0;padding: 0;} .testimonial svg {color: #f7b401;margin: 10px 4px 0;} .addon {margin: 50px auto;display: block;border: 1px solid #e6e6e6;border-radius: 10px;padding: 20px;display: grid;grid-template-columns: 1fr 1fr;gap: 20px;} .addons input[type='checkbox'] {display: none;} .addons button {margin: 0;cursor: pointer;background: #0366d0;color: #fff;border-radius: 25px;padding: 10px 20px;font-weight: bold;} .addons button.remove {background: #fff;color: #e13a34;font-weight: normal;} .addons .grid div {box-shadow: #ccc 0 0 5px;padding: 10px;border: 1px solid #e6e6e6;border-radius: 10px;} .addons .grid div h2 {padding: 0;font-size: 24px;} .addons .grid div h2 span {font-size: 16px;font-weight: normal;color: #666;display: block;margin-top: 5px;} .addons .grid div p {font-size: 16px;text-align: left;} .addons .grid div ul {list-style-type: none;padding-left: 0;} .addons .grid div ul li {padding-left: 20px;position: relative;margin-bottom: 10px;font-size: 16px;text-align: left;} .addons .grid div ul li:before {content: '✓';color: #0366d0;font-weight: bold;position: absolute;left: 0;} @keyframes gradient {0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;}} .blast span {display: block;font-size: 30px;font-weight: bold;} @keyframes ckw {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} #registrations a,#registrations label {display: inline-block;padding: 10px 20px;text-decoration: none;background-color: #033f7e;border-radius: 10px;color: #fff;margin: 5px;} #registrations th {text-align: left;} .box {border: 1px solid #e6e6e6;border-radius: 10px;padding: 20px;margin: 20px;} .box h2 {text-align: center;} #registrations .tblSection {padding: 0;} .hero ul.meta {list-style-type: none;padding: 0;margin: 1em auto;text-align: left;display: block; } .instructor {display: grid;grid-template-columns: 150px 1fr;gap: 20px;align-items: center;} table.styled {width: 100%;border-collapse: collapse;margin: 20px 0;background-color: #fff;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);border-radius: 8px;overflow: hidden;} table.styled thead {background: linear-gradient(135deg, #1ba2b6 0%, #1acbdd 100%);color: #fff;font-weight: 600;text-align: left;} table.styled thead th {padding: 16px 12px;font-size: 16px;font-weight: 600;border: none;text-align: left;} table.styled tbody tr {border-bottom: 1px solid #e6e6e6;transition: background-color 0.2s ease;} table.styled tbody tr:hover {background-color: #f9f9f9;} table.styled tbody tr:last-of-type {border-bottom: none;} table.styled td {padding: 14px 12px;font-size: 15px;color: #333;vertical-align: middle;} table.styled tbody tr:nth-child(even) {background-color: #fafafa;} table.styled tbody tr:nth-child(even):hover {background-color: #f2f2f2;} .mainRegister {margin-bottom: 50px;} .mainRegister {margin-top: 50px;} .videoButton {background-color: #0366d0;color: #fff;padding: 12px 25px;display: inline-block;border-radius: 5px;text-decoration: none;margin: 20px 50px;text-align: center;} @media (max-width: 768px) {table.styled {font-size: 14px;} table.styled thead th {padding: 12px 8px;font-size: 14px;} table.styled td {padding: 10px 8px;font-size: 14px;}} table.compare {width: 100%;border-collapse: collapse;margin: 20px 0;background-color: #fff;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);border-radius: 8px;overflow: hidden;} table.compare thead {background: linear-gradient(135deg, #1ba2b6 0%, #1acbdd 100%);color: #fff;font-weight: 600;text-align: left;} table.compare thead th {padding: 16px 12px;font-size: 16px;font-weight: 600;border: none;text-align: left;} table.compare tbody tr {border-bottom: 1px solid #e6e6e6;transition: background-color 0.2s ease;} table.compare tbody tr:hover {background-color: #f9f9f9;} table.compare tbody tr:last-of-type {border-bottom: none;} table.compare td {padding: 14px 12px;font-size: 15px;color: #333;vertical-align: middle;} table.compare tbody tr:nth-child(even) {background-color: #fafafa;} table.compare tbody tr:nth-child(even):hover {background-color: #f2f2f2;} @media (max-width: 768px) {table.compare {font-size: 14px;} table.compare thead th {padding: 12px 8px;font-size: 14px;} table.compare td {padding: 10px 8px;font-size: 14px;}} p.helpful {background-color: #f0f8f9;border-left: 4px solid #1acbdd;padding: 12px 16px;margin: 15px 0;border-radius: 4px;font-size: 14px;line-height: 1.6;color: #333;} p.helpful a {color: var(--secondary, #1acbdd);text-decoration: none;font-weight: 500;transition: color 0.2s ease;} p.helpful a:hover {color: var(--primary, #1ba2b6);text-decoration: underline;} p.note {background-color: #fffbf0;border-left: 4px solid #f9a825;padding: 12px 16px;margin: 15px 0;border-radius: 4px;font-size: 14px;line-height: 1.6;color: #333;font-style: italic;} p.note strong {font-weight: 600;color: #333;} .segment.callout {background: linear-gradient(135deg, #f0f8f9 0%, #ffffff 100%);border: 1px solid var(--secondary, #1acbdd);border-radius: 8px;padding: 30px 24px;margin: 30px 0;box-shadow: 0 4px 12px rgba(26, 203, 221, 0.1);} .segment.callout h2 {color: var(--primary, #1ba2b6);margin-top: 0;font-size: 24px;} .segment.callout ul {list-style: none;padding-left: 0;} .segment.callout li {padding-left: 24px;position: relative;margin: 12px 0;font-size: 15px;} .segment.callout li:before {content: "✓";position: absolute;left: 0;color: var(--secondary, #1acbdd);font-weight: bold;font-size: 18px;} .landscape h4~p {margin: 0 0 10px 60px;} .lifecycle h4~ul {padding-left: 60px;} .whychooseDetails details {background-color: #fff;border: 1px solid #e6e6e6;border-radius: 5px;padding: 15px;margin-bottom: 15px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);transition: box-shadow 0.3s ease;} .whychooseDetails details:hover {box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);} .whychooseDetails summary {cursor: pointer;font-size: 18px;color: var(--second-dark, #0e3c6e);padding: 5px 0;list-style: none;display: flex;align-items: center;gap: 10px;} .whychooseDetails summary::-webkit-details-marker {display: none;} .whychooseDetails summary::before {content: '▶';display: inline-block;transition: transform 0.3s ease;color: var(--primary, #f7b401);font-size: 14px;flex-shrink: 0;} .whychooseDetails details[open] summary::before {transform: rotate(90deg);} .whychooseDetails summary:hover {color: var(--secondary, #0366d0);} .whychooseDetails details[open] {border-color: var(--secondary, #0366d0);} .whychooseDetails details p,.whychooseDetails details ul {margin-top: 15px;padding-left: 24px;} .whychooseDetails details li {margin: 8px 0;} .sh-menu h2 {margin: 50px 0 20px 0;} .sh-menu label b {display: block;font-size: 16px;margin-bottom: 5px;} .option-price {background-color: #f0f0f0;padding: 5px 20px;border-radius: 4px;font-size: 14px;color: #333;min-width: 150px;text-align: center;display: block;margin-bottom: 15px;} .sh-menu label b {font-size: 20px;} .form.sh-menu label:nth-of-type(1) {max-width: 80%;} .sh-menu label {border: 1px solid #e6e6e6;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);padding: 15px;border-radius: 4px;cursor: pointer;position: relative;transition: all 0.3s ease;background-color: #ffffff;max-width: 40%;display: block;margin-left: auto;margin-right: auto;text-align: center;;margin-bottom: 15px;} .sh-menu label:hover {border-color: #ccc;box-shadow: 0px 2px 4px rgba(3, 63, 126, 0.1), 0px 4px 8px rgba(3, 63, 126, 0.08);transform: translateY(-2px);} .sh-menu label:has(input[type="checkbox"]:checked) {background-color: #e8f1f8;border-color: #033f7e;border-width: 2px;box-shadow: 0px 4px 8px rgba(3, 63, 126, 0.15), 0px 2px 4px rgba(3, 63, 126, 0.1);} .sh-menu label:has(input[type="checkbox"]:checked) .option-price {background-color: #033f7e;color: #ffffff;transform: scale(1.05);font-weight: bold;} .sh-menu label .option-price {transition: all 0.3s ease;} .sh-menu label:has(input[type="checkbox"]:checked)::after {content: "✓";position: absolute;top: 10px;right: 10px;width: 40px;height: 40px;border-radius: 50%;background-color: #FFF;color: #033f7e;box-shadow: #333 0 0 5px;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: bold;animation: checkmark-pop 0.3s ease;} .sh-menu label img {max-width: 350px;display: block;margin: 0 auto 15px auto;} @keyframes checkmark-pop {0% {transform: scale(0);opacity: 0;} 50% {transform: scale(1.2);} 100% {transform: scale(1);opacity: 1;}} .currentTotal {font-size: 24px;font-weight: bold;color: #033f7e;padding: 10px;background-color: #f8f9fa;border-radius: 4px;text-align: center;display: block;width: 80%;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;border: 1px solid #e6e6e6;} #currentTotal {font-weight: normal;} .sh-menu button#btnSubmit {padding: 10px;background-color: #033f7e;color: white;border: none;border-radius: 4px;font-size: 20px;cursor: pointer;display: flex;align-items: center;text-align: center;gap: 10px;justify-content: center;font-weight: bold;} .sh-menu button#btnSubmit svg {height: 40px;width: 40px;} .sh-menu label input[type="checkbox"] {display: none;} .menuHeader {display: grid;grid-template-columns: 1fr 1fr;align-items: center;margin-bottom: 60px;gap: 0;} .menuHeader+label {max-width: 80%;} .menuOptions {display: flex;flex-wrap: wrap;gap: 0;justify-content: center;} footer p {margin-bottom: 0;} #auctionBlog {line-height: 1.6;color: #333;font-size: 16px;} #auctionBlog .lead {font-size: 18px;font-weight: 500;margin-bottom: 2rem;color: #222;} #auctionBlog section {margin-bottom: 3rem;padding: 0 1rem;} #auctionBlog section h2 {font-size: 28px;margin-top: 2.5rem;margin-bottom: 1.5rem;color: #222;border-bottom: 2px solid #007bff;padding-bottom: 0.5rem;} #auctionBlog section h3 {font-size: 20px;margin-top: 1.5rem;margin-bottom: 1rem;color: #444;} #auctionBlog ul,#auctionBlog ol {margin-left: 1.5rem;margin-bottom: 1.5rem;} #auctionBlog li {margin-bottom: 0.75rem;line-height: 1.7;} #auctionBlog li ul,#auctionBlog li ol {margin-top: 0.75rem;margin-bottom: 0;} #auctionBlog .imgRight {float: right;margin: 0 0 1.5rem 1.5rem;max-width: 300px;height: auto;border-radius: 4px;} #auctionBlog article {margin-bottom: 1.5rem;padding: 1rem;background-color: #f8f9fa;border-left: 4px solid #007bff;border-radius: 4px;} #auctionBlog article h3 {margin-top: 0;margin-bottom: 0.75rem;} #auctionBlog article div p {margin: 0;} #auctionBlog dl.checklist {margin-bottom: 1.5rem;} #auctionBlog dl.checklist dt {font-weight: 600;font-size: 16px;margin-top: 1.25rem;margin-bottom: 0.5rem;color: #222;} #auctionBlog dl.checklist dd {margin-left: 1rem;margin-bottom: 1.5rem;padding: 1rem;background-color: #f8f9fa;border-radius: 4px;font-size: 14px;line-height: 1.8;} #auctionBlog .cta {margin-top: 2rem;padding: 1.5rem;background-color: #e7f3ff;border: 2px solid #007bff;border-radius: 6px;} #auctionBlog .cta h3 {margin-top: 0;color: #0056b3;} #auctionBlog .cta ul {margin-left: 1.25rem;} #auctionBlog .cta ul li {margin-bottom: 0.5rem;} #auctionBlog .btn {display: inline-block;padding: 0.75rem 1.5rem;background-color: #007bff;color: white;text-decoration: none;border-radius: 4px;font-weight: 600;margin-top: 1rem;} #auctionBlog .btn:hover {background-color: #0056b3;} #auctionBlog p {margin-bottom: 1rem;}