@charset "UTF-8";
/* BEGIN /home/gitlab-runner/builds/TFDW-s8Y/0/sales-websites/site_admin_content/deb-101domain-sac-202512101730/101domain-sac/opt/site_admin_content/css/join-law__main.css */
/* BEGIN /home/gitlab-runner/builds/TFDW-s8Y/0/sales-websites/site_admin_content/deb-101domain-sac-202512101730/101domain-sac/opt/site_admin_content/css/joinlaw/layout.css */
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 #39b54a;
}
20% {
box-shadow: 0 0 0 0.5em transparent;
}
100% {
box-shadow: 0 0 0 0 transparent;
}
}
.site-header.stick {
position: fixed;
background-color: #ffffff;
transition: all 300ms ease;
}
.site-header__nav-search-menu-link.open,
.site-header__main-nav-logo-link.open,
.site-header__nav-cart-menu-link.open {
background-color: #07f7e9;
}
.site-header__nav-search-menu-link.open svg.search {
display: none;
}
.site-header__nav-search-menu-link.open svg.close {
display: block;
fill: #000000;
}
@media (pointer: fine) {
.site-header__nav-search-menu-link:hover > svg.icon,
.site-header__main-nav-logo-link:hover > svg.icon,
.site-header__nav-cart-menu-link:hover > svg.icon {
transform: scale(1.2);
}
.site-header__nav-search-menu-link:not(.open):hover,
.site-header__nav-cart-menu-link:hover {
background-color: #ffffff;
}
}
.site-header__main-nav-menu.open .site-header__main-nav-close-icon {
display: flex;
background-color: #07f7e9;
z-index: 1002;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
}
.site-header__main-nav-menu.open .site-header__main-nav-close-icon svg {
height: 1.25em;
width: 1.25em;
}
.site-header__main-nav-menu.open .site-header__main-nav-menu-icon {
display: none;
}
.site-header__main-nav-menu.open .site-header__main-nav-menu-icon svg,
.site-header__main-nav-menu.open .site-header__main-nav-close-icon svg {
fill: #000000 !important;
}
.site-header__account-nav-menu-item:last-child .site-header__account-nav-menu-item-link.open {
background-color: #07f7e9;
}
.site-header__account-nav-menu-item:last-child .site-header__account-nav-menu-item-link.open svg {
display: none;
fill: #000000;
}
.site-header__account-nav-menu-item:last-child .site-header__account-nav-menu-item-link.open svg:last-child {
display: block;
}
@media (pointer: fine) {
.site-header__account-nav-menu-item:last-child .site-header__account-nav-menu-item-link:hover > svg {
transform: scale(1.2);
}
}
.site-header__main-nav-menu-drop {
position: absolute;
background-color: #f4f4f4;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.site-header__main-nav-menu-drop-wrapper > ul > li:last-child {
border-bottom: none;
}
.site-header__main-nav-menu-drop .m-subheader {
display: flex;
align-items: center;
padding: 1em 1em 1em 2em;
margin-bottom: 0;
cursor: pointer;
font-family: "Merriweather", serif;
text-transform: uppercase;
color: #126dbe;
border-bottom: 1px solid #e6e6e6;
}
.site-header__main-nav-menu-drop .m-subheader:before {
content: url(/images/site/joinlaw/arrow-left.svg);
width: 1.25rem;
height: 1.25rem;
margin-right: .25em;
}
.site-header__main-nav-menu-drop .m-subheader span {
display: flex;
justify-content: center;
width: 100%;
font-size: 1em;
color: #07f7e9;
}
.site-header__main-nav-menu-drop-wrapper > ul {
display: flex;
flex-direction: column;
}
.site-header .nav-trigger.animate .site-header__main-nav-menu-container {
display: block;
z-index: 1001;
}
.site-header__search-container {
position: absolute;
top: 4.2125em;
left: -16.25vw;
height: 100vh;
width: 100vw;
background-color: #ffffff;
padding: 1em 2em;
z-index: 2;
}
.site-header__search-container svg {
height: 1.25em;
width: 1.25em;
fill: #cccccc;
}
.site-header__search-input-container {
display: flex;
align-items: center;
border-bottom: 0.08em solid #126dbe;
}
.site-header__search-input-container-search-field {
margin: 0;
border: none;
height: 1.5em;
padding: 1em;
font-family: "Merriweather", serif;
font-size: 1.3em;
color: #666666;
background-color: transparent;
}
.site-header__search-input-container-search-field::-webkit-input-placeholder {
color: #cccccc;
opacity: 1;
}
.site-header__search-input-container-search-field:-moz-placeholder {
color: #cccccc;
opacity: 1;
}
.site-header__search-input-container-search-field::-moz-placeholder {
color: #cccccc;
opacity: 1;
}
.site-header__search-input-container-search-field:-ms-input-placeholder {
color: #cccccc;
opacity: 1;
}
.site-header__search-input-container-search-field:focus {
outline: none;
}
.site-header__instant-search-result-container {
padding-top: 1em;
}
.site-header__instant-search-result-container > p {
margin-top: 1em;
font-family: "Merriweather", serif;
font-size: 1.3em;
text-align: center;
}
.site-header__instant-search-results-row {
display: flex;
margin-bottom: 1.5em;
}
.site-header__instant-search-results-row .checking {
display: flex;
}
.site-header__instant-search-results-row .checking .loading-spinner {
height: 1em;
width: 1em;
margin-right: .5em;
}
.site-header__instant-search-results-row .checking .loading-spinner:before {
height: 15px;
width: 15px;
}
.site-header__instant-search-results-row.available {
color: #007539;
fill: #007539;
}
.site-header__instant-search-results-row.available .domain_name {
color: #000000;
}
.site-header__instant-search-results-row.taken {
color: #cccccc;
fill: #d9d9d9;
}
.site-header__instant-search-results-row .icon {
flex: 1;
display: flex;
align-items: center;
}
.site-header__instant-search-results-row .icon svg {
width: 1.5em;
height: 1.5em;
}
.site-header__instant-search-results-row .status {
flex: 10;
font-family: "Merriweather", serif;
font-size: .8em;
}
.site-header__instant-search-results-row .status .domain_name {
font-size: 1.35em;
line-height: 1.5;
}
.site-header__instant-search-button {
display: inline-block;
border: none;
border-radius: 0;
padding: 1em;
text-align: center;
font-size: 1em;
font-weight: 500;
color: #000000;
transition: all 0.3s ease;
text-decoration: none;
background-color: #07f7e9;
font-family: "Merriweather", serif;
text-transform: uppercase;
}
.site-header__instant-search-button:active {
transform: translateY(0.15rem);
}
.site-header__instant-search-button svg {
height: .75em !important;
}
.site-header__account-nav-menu-drop {
position: absolute;
top: 4.2125em;
right: 0;
width: 100%;
padding: 1.5em;
background-color: #f4f4f4;
box-shadow: 0.25em 0.25em 1em rgba(0, 0, 0, 0.2);
}
.site-header__account-nav-menu-drop > div {
text-align: left;
}
.site-header__account-nav-menu-drop > div div {
display: flex;
justify-content: space-between;
margin-bottom: 1em;
}
.site-header__account-nav-menu-drop .profile-text {
margin-bottom: 1rem;
}
.site-header__account-nav-menu-drop button,
.site-header__account-nav-menu-drop .button {
display: inline-block;
border: none;
border-radius: 0;
padding: 1em;
text-align: center;
font-size: 1em;
font-weight: 500;
color: #000000;
transition: all 0.3s ease;
text-decoration: none;
}
.site-header__account-nav-menu-drop button.brand,
.site-header__account-nav-menu-drop .button.brand {
display: inline-block;
border: none;
border-radius: 0;
padding: 1em;
text-align: center;
font-size: 1em;
font-weight: 500;
color: #000000;
transition: all 0.3s ease;
text-decoration: none;
background-color: #07f7e9;
font-family: "Merriweather", serif;
text-transform: uppercase;
margin-top: 0;
}
.site-header__account-nav-menu-drop button.brand:active,
.site-header__account-nav-menu-drop .button.brand:active {
transform: translateY(0.15rem);
}
.site-header__account-nav-menu-drop h3 {
margin-bottom: 1em;
}
.site-header__account-nav-menu-drop input[type=text],
.site-header__account-nav-menu-drop input[type=text][type=password] {
padding: 1em;
font-size: 1.1em;
}
.site-header__account-nav-menu-drop input[type=text]::placeholder,
.site-header__account-nav-menu-drop input[type=text][type=password]::placeholder {
color: #666666;
}
.site-header__account-nav-menu-drop button {
margin: 0;
}
.site-header__account-nav-menu-drop button svg {
height: 1.5em;
}
.site-header__account-nav-menu-drop a.button {
font-size: .9em;
padding: 1.25em 1em;
background-color: #cccccc;
}
.site-header__account-nav-menu-drop .site-header__account-nav-menu-drop a:not(.button) {
font-size: .9em;
color: #000000;
border-bottom: 1px solid #07f7e9;
text-decoration: none;
}
.site-header__account-nav-menu-drop .site-header__account-nav-menu-drop a:not(.button):hover {
color: #126dbe;
border-bottom-color: transparent;
}
@media only screen and (min-width: 44.063em) {
.site-header__search-container,
.site-header__main-nav-menu-container,
.site-header__account-nav-menu-drop {
top: 5.125em;
}
}
@media only screen and (min-width: 66.063em) {
.site-header__search-container,
.site-header__main-nav-menu-container,
.site-header__account-nav-menu-drop {
top: 7em;
}
.site.site-header__search-container,
.site-header__main-nav-menu-container,
.site-header__account-nav-menu-drop {
top: 7em;
}
.site-header.stick {
transition: all 300ms ease;
}
.site-header.stick .nav-wrapper {
height: 5em;
}
.site-header.stick .site-header__main-nav-menu-drop {
top: 5.05em;
}
.site-header.stick .site-header__search-container,
.site-header.stick .site-header__main-nav-menu-container,
.site-header.stick .site-header__account-nav-menu-drop {
top: 5.05em;
}
.site-header__main-nav-menu-item-link:hover,
.site-header__account-nav-menu-item-link:hover {
background-color: #f4f4f4;
color: #126dbe;
}
.site-header__main-nav-menu-item-link.open,
.site-header__account-nav-menu-item-link.open {
background-color: #f4f4f4;
color: #126dbe;
}
.site-header__main-nav-menu-drop {
position: absolute;
width: 20em;
top: 7.05em;
height: inherit;
transition: width 0.1s ease;
}
.site-header__main-nav-menu-drop .m-subheader {
display: none;
}
.site-header__main-nav-menu-drop ul {
display: flex;
flex-direction: column;
box-shadow: 0.75em 0.75em 1em rgba(0, 0, 0, 0.25);
}
.site-header__main-nav-menu-drop ul > li {
border-bottom: none;
line-height: initial;
text-align: left;
}
.site-header__main-nav-menu-drop ul > li a {
display: block;
padding: 1em 1em 1em 2em;
color: #000000;
text-decoration: none;
}
.site-header__main-nav-menu-drop ul > li a:after {
content: url(/images/site/joinlaw/arrow-right.svg);
width: 20px;
height: 13px;
position: absolute;
right: 3em;
opacity: 0;
}
.site-header__main-nav-menu-drop ul > li a:hover {
background-color: #07f7e9;
}
.site-header__main-nav-menu-drop ul > li a:hover:after {
opacity: 1;
right: 1em;
transition: all 300ms ease;
}
.site-header__account-nav-menu-item:last-child .site-header__account-nav-menu-item-link:hover {
background-color: #f4f4f4;
}
.site-header__account-nav-menu-item:last-child .site-header__account-nav-menu-item-link.open:hover {
background-color: #07f7e9;
}
.site-header__account-nav-menu-item:last-child .site-header__account-nav-menu-item-link.open > span {
display: none;
}
.site-header__account-nav-menu-item:last-child .site-header__account-nav-menu-item-link.open > svg:last-child {
display: block;
}
.site-header__.nav-trigger.animate .site-header__main-nav-menu-container {
display: grid;
}
.site-header__search-container {
left: 0;
width: 50vw;
padding: 3em;
box-shadow: 0 1em 2em rgba(0, 0, 0, 0.3);
}
.site-header__search-container svg {
height: 2.3em;
width: 2.3em;
}
.site-header__search-input-container-search-field {
font-size: 1.3em;
height: 3.25em;
}
.site-header__account-nav-menu-drop {
width: 24em;
}
}
body > footer {
display: grid;
grid-template-columns: repeat(14, 1fr);
padding: 3em 0;
background-color: #f4f4f4;
}
body > footer > section {
grid-column: 2 / span 12;
}
body > footer > section:first-child {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 3em;
}
body > footer > section:first-child .logo {
height: 5em;
width: 12em;
fill: #126dbe;
}
body > footer > section:first-child .ellipsis {
height: 1em;
width: 3em;
fill: #d9d9d9;
margin: 1em auto;
}
body > footer > section:first-child .powered {
display: flex;
flex-direction: column;
text-align: center;
}
body > footer > section:first-child .powered a {
text-decoration: none;
}
body > footer > section:first-child .powered a:hover span {
background-color: #b0fffb;
color: #000000;
}
body > footer > section:first-child .powered span {
font-size: .7em;
text-transform: uppercase;
color: #666;
margin-bottom: .25em;
}
body > footer > section:first-child .powered img {
width: 8em;
}
body > footer > section:nth-child(2) {
display: none;
}
body > footer > section:nth-child(3) {
grid-column: 2 / span 12;
border-top: 1px solid #d9d9d9;
padding-top: 3em;
font-size: .8em;
text-align: center;
}
@media only screen and (min-width: 66.063em) {
body > footer > section:first-child {
grid-column: 2 / span 2;
}
body > footer > section:nth-child(2) {
grid-column: 5 / span 9;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
body > footer > section:nth-child(2) dl {
margin-bottom: 3em;
}
body > footer > section:nth-child(2) dt {
font-family: "Merriweather", serif;
font-size: 1.1em;
font-weight: 700;
text-transform: uppercase;
margin-bottom: .5em;
}
body > footer > section:nth-child(2) dd {
line-height: 2;
}
body > footer > section:nth-child(2) dd a:hover {
border-bottom: 1px solid #07f7e9;
}
body > footer > section:nth-child(2) dd,
body > footer > section:nth-child(2) dd a {
color: #000000;
text-decoration: none;
}
}
/* END /home/gitlab-runner/builds/TFDW-s8Y/0/sales-websites/site_admin_content/deb-101domain-sac-202512101730/101domain-sac/opt/site_admin_content/css/joinlaw/layout.css */
/* BEGIN /home/gitlab-runner/builds/TFDW-s8Y/0/sales-websites/site_admin_content/deb-101domain-sac-202512101730/101domain-sac/opt/site_admin_content/css/joinlaw/template.css */
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 #39b54a;
}
20% {
box-shadow: 0 0 0 0.5em transparent;
}
100% {
box-shadow: 0 0 0 0 transparent;
}
}
hr {
border: none;
}
a.pagelink {
background-color: #b0fffb;
font-weight: 700;
color: #000000;
border-bottom-color: transparent;
}
a.pagelink:hover {
color: #126dbe;
background-color: transparent;
}
img {
height: auto;
width: inherit;
}
.button.brand,
button.brand,
.button.buy,
button.buy {
width: fit-content;
border: none;
box-shadow: 0.75em 0.75em 1em rgba(0, 0, 0, 0.15);
cursor: pointer;
}
.button.brand svg,
button.brand svg,
.button.buy svg,
button.buy svg {
height: .75em;
width: 1.5em;
margin: 0;
fill: #000000;
margin-left: .1em;
}
@media (pointer: fine) {
.button.brand svg,
button.brand svg,
.button.buy svg,
button.buy svg {
opacity: 0;
transition: all 0.3s ease;
margin-left: -1.5rem;
}
.button.brand:hover,
button.brand:hover,
.button.buy:hover,
button.buy:hover {
box-shadow: none;
background-color: #9bfcf6;
}
.button.brand:hover svg,
button.brand:hover svg,
.button.buy:hover svg,
button.buy:hover svg {
opacity: 1;
margin-left: 0.5rem;
}
}
main .light {
color: #000000;
}
main .light a {
color: #07f7e9;
}
main .light h2 {
color: #07f7e9;
}
main a {
text-decoration: none;
border-bottom: 1px solid transparent;
}
main a:hover {
transition: all 300ms ease;
}
main sup {
vertical-align: super;
font-size: 80%;
}
main .contact input[type=text],
main .contact input[type=email],
main .contact textarea {
box-shadow: 0.5em 0.5em 1em rgba(0, 0, 0, 0.2);
}
main .contact input[type=text]:focus,
main .contact input[type=email]:focus,
main .contact textarea:focus {
box-shadow: none;
outline: none;
border-bottom: 1px solid #07f7e9;
}
main .contact input[type=text]:focus::placeholder,
main .contact input[type=email]:focus::placeholder,
main .contact textarea:focus::placeholder {
opacity: .5;
}
main .button.brand, main .button.buy,
main button.brand,
main button.buy,
.modal .button.brand,
.modal .button.buy,
.modal button.brand,
.modal button.buy {
display: inline-block;
border: none;
border-radius: 0;
padding: 1em;
text-align: center;
font-size: 1em;
font-weight: 500;
color: #000000;
transition: all 0.3s ease;
text-decoration: none;
background-color: #07f7e9;
font-family: "Merriweather", serif;
text-transform: uppercase;
}
main .button.brand:active, main .button.buy:active,
main button.brand:active,
main button.buy:active,
.modal .button.brand:active,
.modal .button.buy:active,
.modal button.brand:active,
.modal button.buy:active {
transform: translateY(0.15rem);
}
main .button.pdf-link,
main button.pdf-link,
.modal .button.pdf-link,
.modal button.pdf-link {
background-color: #20a6d4;
display: flex;
align-items: center;
justify-content: center;
color: #fff !important;
width: fit-content;
margin: 1rem auto;
border-radius: .35rem;
}
main .button.pdf-link:hover,
main button.pdf-link:hover,
.modal .button.pdf-link:hover,
.modal button.pdf-link:hover {
background-color: #64afc8;
}
main .button.pdf-link:active,
main button.pdf-link:active,
.modal .button.pdf-link:active,
.modal button.pdf-link:active {
transform: translateY(0.15rem);
}
main .button.stretch,
main button.stretch,
.modal .button.stretch,
.modal button.stretch {
width: 100%;
padding-left: inherit;
padding-right: inherit;
}
main .button.disabled,
main button.disabled,
.modal .button.disabled,
.modal button.disabled {
display: inline-block;
border: none;
border-radius: 0;
padding: 1em;
text-align: center;
font-size: 1em;
font-weight: 500;
color: #000000;
transition: all 0.3s ease;
text-decoration: none;
background-color: #dbdbdb !important;
border: 1px solid #c1c1c1 !important;
color: #c1c1c1 !important;
box-shadow: none !important;
pointer-events: none !important;
}
main .button.disabled:hover,
main button.disabled:hover,
.modal .button.disabled:hover,
.modal button.disabled:hover {
background-color: #dbdbdb !important;
border: 1px solid #c1c1c1 !important;
}
main .button.disabled:active,
main button.disabled:active,
.modal .button.disabled:active,
.modal button.disabled:active {
transform: none;
}
main .button.disabled svg,
main button.disabled svg,
.modal .button.disabled svg,
.modal button.disabled svg {
fill: #c1c1c1;
}
.modal h1, .modal h2, .modal .heading2, .modal h3, .modal .heading3, .modal h4, .modal h5, .modal h6 {
font-family: "Merriweather", serif;
margin-bottom: 1rem;
}
.addingToCart .loading-spinner > svg {
fill: #ffffff;
height: 1em;
width: 1em;
}
.addingToCart button {
display: inline-block;
border: none;
border-radius: 0;
padding: 1em;
text-align: center;
font-size: 1em;
font-weight: 500;
color: #000000;
transition: all 0.3s ease;
text-decoration: none;
background-color: #07f7e9;
font-family: "Merriweather", serif;
text-transform: uppercase;
}
.addingToCart button:active {
transform: translateY(0.15rem);
}
.addingToCart .panel > div {
display: flex;
flex-direction: column;
align-items: center;
}
.show_when_not_logged_in,
.show_when_logged_in {
display: none;
}
.loading-spinner,
.spin-icon,
.fa-spinner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 2.5em;
width: 2.5em;
}
@keyframes spinner {
0% {
transform: translate3d(-50%, -50%, 0) rotate(0deg);
}
100% {
transform: translate3d(-50%, -50%, 0) rotate(360deg);
}
}
.loading-spinner.-loaded,
.spin-icon.-loaded,
.fa-spinner.-loaded {
opacity: 0;
transition: opacity linear 0.1s;
}
.loading-spinner::before,
.spin-icon::before,
.fa-spinner::before {
animation: 1.5s linear infinite spinner;
border: solid 3px #e6e6e6;
border-bottom-color: #07f7e9;
border-radius: 50%;
content: "";
height: 40px;
left: 50%;
opacity: inherit;
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0);
transform-origin: center;
width: 40px;
will-change: transform;
}
.contact {
}
.contact input[type=text],
.contact input[type=email],
.contact input[type=password],
.contact textarea {
width: 100%;
background-color: #ffffff;
padding: 1.5em 1em 1.5em 1.5em;
border: 1px solid #e6e6e6;
margin-bottom: 1em;
font-family: "Montserrat", sans-serif;
font-size: 1em;
}
.contact ::placeholder {
color: #000000;
}
.contact button {
cursor: pointer;
margin-top: 1rem;
}
.contact .error {
display: none;
}
.contact input:required:hover {
opacity: 1;
}
.contact input[type=file].inline,
.contact input[type=checkbox].inline,
.contact input[type=radio].inline,
.contact select.inline {
margin: 0;
}
.contact .choice {
display: flex;
align-items: center;
position: relative;
margin-bottom: .5em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.contact .choice input {
position: absolute;
width: initial;
opacity: 0;
}
.contact .choice .mark {
display: block;
height: 1.25rem;
width: 1.25rem;
background-color: #666666;
border: 1px solid #666666;
transition: background-color 200ms;
order: 1;
}
.contact .choice .mark.radio {
border-radius: 50%;
}
.contact .choice:hover input ~ .mark {
background-color: #147ad5;
}
.contact .choice input:checked ~ .mark {
background-color: #126dbe;
border-color: #126dbe;
}
.contact .choice .label {
font-size: 0.8rem;
margin: 0 1em;
font-weight: 400;
order: 2;
}
.contact .choice .label.bold {
font-weight: 700;
}
@media only screen and (max-width: 40em) {
.contact .choice.small-center {
justify-content: center;
}
.contact .small-margin-bottom {
margin-bottom: 1em;
}
}
@media only screen and (min-width: 44.063em) {
.contact .choice.on-right {
justify-content: flex-end;
}
.contact .choice.reverse .label {
order: 1;
}
.contact .choice.reverse .mark {
order: 2;
}
}
.unavail-msg.background {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(110, 128, 135, 0.75);
z-index: 300;
}
.unavail-msg > div {
position: relative;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
background-color: #ffffff;
width: 60%;
}
.unavail-msg > div header {
background-color: #404042;
color: #ffffff;
padding: 1.25em;
font-size: 2em;
font-weight: normal;
}
.unavail-msg > div section {
padding: 2.5em;
}
.unavail-msg > div section p {
margin-bottom: 1.5em;
font-size: 1.45em;
line-height: 1.7em;
}
.unavail-msg > div section .text-link {
background-color: #b0fffb;
font-weight: 700;
color: #000000;
}
.unavail-msg > div section .button {
display: inline-block;
border: none;
border-radius: 0;
padding: 1em;
text-align: center;
font-size: 1em;
font-weight: 500;
color: #000000;
transition: all 0.3s ease;
text-decoration: none;
background-color: #07f7e9;
font-family: "Merriweather", serif;
text-transform: uppercase;
}
.unavail-msg > div section .button:active {
transform: translateY(0.15rem);
}
.jquery-modal {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.45);
z-index: 10001;
overflow-x: auto;
}
.modal {
display: none;
position: absolute;
top: 5em;
left: 0;
right: 0;
margin: 0 auto 3em;
z-index: 2;
box-sizing: border-box;
width: 100vw;
background: #fff;
padding: 1em 2em;
box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
text-align: left;
}
.modal > header > a {
position: absolute;
top: 1em;
right: 1em;
display: block;
cursor: pointer;
}
.modal > header > a svg {
height: 1em;
width: 1em;
fill: #d7d7d7;
}
@media only screen and (min-width: 44.063em) {
main a {
transition: all 300ms ease;
}
main a:hover {
border-bottom-color: #07f7e9;
}
.modal {
width: 90%;
max-width: 70vw;
}
}
@media only screen and (min-width: 66.063em) {
.modal {
max-width: 85vw;
}
}
@media only screen and (min-width: 90.063em) {
.modal {
max-width: 65vw;
}
}
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
/* END /home/gitlab-runner/builds/TFDW-s8Y/0/sales-websites/site_admin_content/deb-101domain-sac-202512101730/101domain-sac/opt/site_admin_content/css/joinlaw/template.css */
/* BEGIN /home/gitlab-runner/builds/TFDW-s8Y/0/sales-websites/site_admin_content/deb-101domain-sac-202512101730/101domain-sac/opt/site_admin_content/css/joinlaw/core-page.css */
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 #39b54a;
}
20% {
box-shadow: 0 0 0 0.5em transparent;
}
100% {
box-shadow: 0 0 0 0 transparent;
}
}
main > section,
main > section > div > section,
main > footer {
display: grid;
grid-template-columns: repeat(14, 1fr);
}
main > section > div,
main > section > div > section > div,
main > footer > div {
grid-column: 2 / span 12;
}
main > section > div.fullw,
main > section > div > section > div.fullw,
main > footer > div.fullw {
grid-column: 1 / span 14;
}
main > section {
padding: 2em 0;
}
main > section img {
width: 100%;
}
main > section.seamless {
border-bottom: 0;
}
main > section.no-bot-pad {
padding-bottom: 0;
}
main > section h2 {
font-size: 2em;
font-weight: 400;
margin-bottom: 1em;
line-height: 1.3;
}
main > section h2 + p {
font-size: 1em;
line-height: 1.5;
}
main > section h3 {
font-size: 1.5em;
line-height: 1.2;
}
main > section p,
main > section li {
font-size: 1em;
line-height: 1.5;
margin-bottom: 1.5em;
}
main > section figure {
background-color: #f4f4f4;
padding: 1.5em 3em;
color: #666666;
font-size: 80%;
text-align: center;
}
main .more-included {
padding: 0;
}
main .more-included h2 {
font-size: 2em;
}
main .more-included > div {
grid-column: 1 / span 14;
padding: 2em 7%;
color: #ffffff;
}
main .more-included .info-link-list li {
font-size: 1em;
margin-bottom: .5em;
}
main .more-included .info-link-list li > a {
display: flex;
align-items: center;
padding-right: .5em;
}
main .more-included .info-link-list li > a > div {
background-color: #ffffff;
padding: .75em .75em .5em;
margin-right: 1em;
}
main .more-included .info-link-list li > a > div svg {
fill: #126dbe;
height: 2em;
width: 2em;
}
main .more-included .info-link-list li > a span {
font-family: "Merriweather", serif;
color: #ffffff;
flex-basis: 80%;
}
main .more-included .info-link-list li > a b.button {
padding: .75em;
box-shadow: 0.75em 0.75em 1em rgba(0, 0, 0, 0.15);
}
main .more-included .info-link-list li > a b.button svg {
fill: #000000;
width: 1.25em;
margin: 0;
opacity: 1;
}
main .more-included .info-link-list li > a:hover {
border-bottom-color: transparent;
background-color: #147ad5;
}
main .more-included .info-link-list li > a:hover > div {
background-color: #07f7e9;
}
main .more-included .info-link-list li > a:hover > div svg {
fill: #000000;
}
main .more-included .info-link-list li > a:hover b.button {
background-color: #ffffff;
}
main .more-included .info-link-list li > div {
display: flex;
align-items: center;
}
main .more-included .info-link-list li > div div {
background-color: #126dbe;
padding: .75em .75em .25em;
margin-right: 1.5em;
}
main .more-included .info-link-list li > div div svg {
fill: #ffffff;
height: 2.5em;
width: 2.5em;
}
main .more-included .info-link-list li > div div span {
font-size: 1.3em;
}
main .more-included.dot .col-2-1 {
position: relative;
}
main .more-included.dot .col-2-1:after {
content: "";
position: absolute;
z-index: 1;
height: 2em;
width: 2em;
background-color: #07f7e9;
border-radius: 50%;
left: 50%;
margin-left: -1em;
bottom: -1em;
}
main .feature-panels {
display: grid;
}
main .feature-panels.even-spots, main .feature-panels.odd-spots {
grid-template-columns: 1fr;
row-gap: 1em;
}
main .feature-panels > li:not(:last-child) {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 1em;
margin-bottom: .5em;
}
main .feature-panels > li div:first-child {
display: inline-block;
background-color: #126dbe;
padding: 1em 1em .5em;
margin-bottom: 1em;
}
main .feature-panels > li div:first-child svg {
fill: #ffffff;
height: 2em;
width: 2em;
}
main .feature-panels > li h3 {
font-size: 1.3em;
font-weight: 500;
line-height: 1;
margin: 0;
}
main .feature-panels > li > svg {
fill: #d9d9d9;
width: 4em;
margin: .75em 0 .5em;
}
main .feature-panels > li p {
font-size: .9em;
}
main .feature-panels > li p:last-child {
margin-bottom: 0;
}
main .feature-panels.inline > li {
display: flex;
align-items: center;
}
main .feature-panels.inline > li div {
display: inline;
margin-bottom: 0;
}
main .feature-panels.inline > li p {
font-size: 1.3em;
line-height: 1.3;
margin-left: 1em;
margin-bottom: 0;
}
main .feature-panels.products > li {
background-color: #ffffff;
padding: 2em;
box-shadow: 0.5em 0.5em 1em rgba(0, 0, 0, 0.3);
}
main .feature-panels.products > li h3 {
font-weight: 600;
line-height: 1.3;
}
main .feature-panels.products > li strong {
display: block;
font-size: 1.2em;
margin-bottom: 1em;
}
main .feature-panels.products > li :not(.site-main__header-search) button,
main .feature-panels.products > li .button {
display: inline-flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.5em;
}
main .feature-panels.products > li ul {
list-style: disc;
padding-left: 1em;
}
main .feature-panels.products > li li {
margin-bottom: .5em;
}
main .feature-panels.products > li form.search {
display: flex;
box-shadow: 0.25em 0.25em 1em rgba(0, 0, 0, 0.3);
margin-bottom: 1em;
}
main .feature-panels.products > li form.search div,
main .feature-panels.products > li form.search button {
padding: .5em;
}
main .feature-panels.products > li form.search input {
font-size: .9em;
}
main .feature-panels.products > li form.search button {
box-shadow: none;
}
main .feature-panels.products > li form.search button svg {
height: 1;
}
main .feature-panels.fourup li {
display: flex;
flex-direction: column;
align-items: center;
margin: 1em 0 2em;
background-color: #f4f4f4;
box-shadow: none;
border-bottom: none;
}
main .feature-panels.fourup li div:first-child {
border-radius: 50%;
margin-top: -4em;
margin-bottom: 1em;
margin-right: 0;
}
main .feature-panels.fourup li h3 {
width: initial;
font-family: "Montserrat", sans-serif;
font-size: 1.1em;
font-weight: 700;
color: #000000;
}
main .feature-panels.fourup li strong {
font-size: 1.2em;
line-height: 1;
color: #000000;
}
main .feature-panels.fourup li .button {
margin: 0;
box-shadow: none;
width: initial;
}
main .pricelist-rows {
display: grid;
grid-template-rows: 1fr;
}
main .pricelist-rows > li {
display: flex;
flex-direction: column;
align-items: baseline;
padding: 0 2em 1em;
margin-bottom: 1em;
}
main .pricelist-rows > li:not(:last-child) {
border-bottom: 2px solid #f4f4f4;
}
main .pricelist-rows > li > div:first-child {
margin-bottom: 1em;
}
main .pricelist-rows > li > div:first-child a {
font-size: 1.25em;
line-height: 1;
margin-bottom: .125em;
padding-bottom: .125em;
font-family: "Merriweather", serif;
color: #126dbe;
display: inline-block;
}
main .pricelist-rows > li > div:first-child p {
font-size: .8em;
margin-bottom: 0;
}
main .pricelist-rows > li > div:not(:first-child) {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
main .pricelist-rows > li > div:not(:first-child):not(:last-child) {
border-bottom: 1px solid #f4f4f4;
padding-bottom: .5em;
margin-bottom: .5em;
}
main .pricelist-rows > li > div:not(:first-child) > small {
font-size: .7em;
text-transform: uppercase;
flex: 2;
}
main .pricelist-rows > li > div:not(:first-child) > span {
font-family: "Merriweather", serif;
font-size: 1em;
font-weight: 600;
text-align: right;
}
main .pricelist-rows > li > div:not(:first-child) > span svg {
display: none;
}
main .pricelist-rows > li.on-sale > div:not(:first-child) > span > div {
display: flex;
align-items: center;
}
main .pricelist-rows > li.on-sale > div:not(:first-child) > span svg {
display: block;
height: 1em;
width: 1em;
fill: #126dbe;
margin-right: .25em;
}
main .pricelist-rows > li.on-sale > div:not(:first-child) > span .price-current {
color: #126dbe;
}
main .pricelist-rows > li.on-sale > div:not(:first-child) > span .price-list {
font-size: 85%;
text-decoration: line-through;
}
main > footer {
padding: 3em 0;
}
main > footer .heading2 {
font-size: 2em;
font-weight: 600;
}
main > footer p {
font-size: 1em;
line-height: 1.3;
}
main > footer > div.col-2-2 {
display: flex;
flex-direction: row;
padding: 2em 0 0;
}
main > footer .contact-spot {
width: 50%;
background-color: #f4f4f4;
padding: 1em;
color: #000000;
}
main > footer .contact-spot:hover {
border-bottom: transparent;
}
main > footer .contact-spot svg {
height: 3em;
fill: #126dbe;
}
main > footer .contact-spot .heading3 {
font-weight: 600;
margin: .5em 0;
}
main > footer .contact-spot p:not(.heading3) {
width: fit-content;
display: inline;
padding-bottom: .1em;
border-bottom: 1px solid #07f7e9;
line-height: 1.4;
font-size: 1.2em;
}
main > footer .contact-spot p:not(.heading3) > a {
color: #000000;
}
main > footer .contact-spot p:not(.heading3) > a:hover {
border-bottom-color: transparent;
}
main > footer .contact-spot:first-child {
margin-right: 1em;
}
main > footer .contact-spot:first-child svg {
width: 2em;
}
main > footer .contact-spot:last-child svg {
width: 3em;
}
@media only screen and (min-width: 44.063em) {
main > section h2 + p {
font-size: 1em;
line-height: 1.5;
}
main > footer .contact-spot {
padding: 2em;
}
main > footer .contact-spot:first-child {
margin-right: 2em;
}
main .feature-panels.even-spots, main .feature-panels.odd-spots, main .feature-panels.fourup {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 2em;
}
main .feature-panels > li:not(:last-child) {
border-bottom: none;
}
}
@media only screen and (min-width: 66.063em) {
main a[href^="tel:"] {
pointer-events: none;
}
main > section,
main > section > div > section,
main > footer {
grid-template-columns: 10% repeat(12, 1fr) 10%;
}
main > section > div,
main > section > div > section > div,
main > footer > div {
display: flex;
flex-direction: column;
}
main > section > div.lg8,
main > section > div > section > div.lg8,
main > footer > div.lg8 {
grid-column: 4 / span 8;
}
main > section > div.lg10,
main > section > div > section > div.lg10,
main > footer > div.lg10 {
grid-column: 3 / span 10;
}
main > section > div.lg14,
main > section > div > section > div.lg14,
main > footer > div.lg14 {
grid-column: 1 / span 14;
}
main > section > div.col-2-1,
main > section > div > section > div.col-2-1,
main > footer > div.col-2-1 {
grid-column: 2 / span 6;
}
main > section > div.col-2-2,
main > section > div > section > div.col-2-2,
main > footer > div.col-2-2 {
grid-column: 8 / span 6;
}
main > section > div.col-2-3,
main > section > div > section > div.col-2-3,
main > footer > div.col-2-3 {
grid-column: 2 / span 8;
}
main > section > div.col-1-3,
main > section > div > section > div.col-1-3,
main > footer > div.col-1-3 {
grid-column: 10 / span 4;
}
main > section h2 {
font-size: 2.5em;
}
main > section p {
font-size: 1.3em;
}
main .more-included > div {
padding: 4em;
}
main .more-included .col-2-1 {
grid-column: 1 / span 7;
padding-left: 20%;
}
main .more-included .col-2-2 {
grid-column: 8 / span 7;
padding-right: 20%;
}
main .more-included.dot .col-2-1:after {
top: 50%;
margin-top: -1em;
right: -1em;
left: initial;
}
main .feature-panels > li {
height: 100%;
}
main .feature-panels.even-spots {
column-gap: 4em;
}
main .feature-panels.odd-spots {
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 3em;
row-gap: 3em;
}
main .feature-panels.fourup {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
main .feature-panels.fourup li {
background-color: #ffffff;
box-shadow: 0.5em 0.5em 1.5em rgba(0, 0, 0, 0.2);
padding-bottom: 2em;
}
}
@media only screen and (min-width: 90.063em) {
main > section,
main > section > div > section,
main > footer {
grid-template-columns: 14% repeat(12, 1fr) 14%;
}
main > section {
padding: 4em 0;
}
}
@media only screen and (min-width: 120.063em) {
main > section,
main > section > div > section,
main > footer {
grid-template-columns: 18% repeat(12, 1fr) 18%;
}
}
main.domains .usedby .fullw {
background-repeat: no-repeat;
background-size: cover;
padding: 4em 0 2em;
}
main.domains .usedby .fullw > section > div {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #f4f4f4;
padding-top: 2em;
margin-bottom: 4em;
}
main.domains .usedby .fullw > section > div .logo-spot {
position: absolute;
top: -2.5em;
height: 5em;
width: 5em;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
border-radius: 50%;
}
main.domains .usedby .fullw > section > div .logo-spot img {
height: 2em;
width: initial;
}
main.domains .usedby .fullw > section > div article {
padding: 1em 2em;
}
main.domains .usedby .fullw > section > div h3 {
font-weight: 500;
margin: 0;
}
main.domains .usedby .fullw > section > div p {
font-size: .9em;
margin: 0;
}
main.domains .usedby .fullw > section > div a {
color: #126dbe;
display: inline-block;
margin: 1em 0;
}
main.domains .usedby .fullw > section > div picture {
width: 100%;
height: auto;
}
main.domains.bulk .transfer h2 {
margin-bottom: .25em;
}
main.domains.transfer .offering {
padding-top: 0;
}
main.product.hosting .software > div .feature-panels img {
border: 1px solid #d9d9d9;
margin-bottom: 1em;
}
main.product.hosting-solutions .products h2 {
margin-bottom: .25em;
}
main.product.hosting-solutions #dedicated {
display: block;
position: relative;
top: -250px;
visibility: hidden;
}
main.product.ssl .more-included > div {
display: flex;
flex-direction: column;
align-items: center;
}
main.product.ssl .more-included > div:first-child {
position: relative;
min-height: 16em;
padding-top: 4em;
padding-bottom: 0;
justify-content: flex-end;
text-align: center;
}
main.product.ssl .more-included > div:first-child img {
position: relative;
bottom: 0;
margin-top: 3em;
}
main.product.ssl .more-included > div:last-child picture {
width: 10em;
align-self: center;
margin-right: 1em;
flex-grow: 0;
flex-shrink: 0;
}
main.product.gsuite .cards article {
color: #000000;
}
main.product.gsuite .cards article h3 em {
display: inline-block;
}
main.product.gsuite .feature-panels > li div {
background-color: #ffffff;
}
main.product.gsuite .feature-panels > li div img {
width: 3em;
}
main.product.gsuite .feature-panels > li:nth-child(2) div img {
width: initial;
height: 3em;
margin: 0 .25em;
}
main.product.gsuite .feature-panels > li:nth-child(3) div img {
margin: .5em 0;
}
main.product.gsuite .feature-panels > li:nth-child(4) div img {
width: initial;
height: 3em;
margin: 0 .5em;
}
main.product.gsuite .feature-panels > li:nth-child(5) div img {
width: initial;
height: 3em;
margin: 0 .25em;
}
main.product.brand-suite {
padding-bottom: 0;
}
main.product.brand-suite .products .features-container .heading {
font-family: "Merriweather", serif;
font-size: .9em;
font-weight: 700;
color: #126dbe;
text-transform: uppercase;
margin: 1em 0;
border: none;
}
main.product.brand-suite .products .features-container li > strong {
color: #000000;
}
main.product.brand-suite .products figure {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
background-color: #ffffff;
box-shadow: 1em 1em 2em rgba(0, 0, 0, 0.2);
color: #000000;
padding: 2em;
}
main.product.brand-suite .products figure h3 {
font-size: 1.8em;
padding-bottom: .4em;
border-bottom: 2px solid #07f7e9;
}
main.product.brand-suite .products figure figcaption {
font-size: 1.2em;
line-height: 1.4;
margin-bottom: 1em;
}
main.product.brand-suite .suite-product .fullw {
background-repeat: no-repeat;
background-size: cover;
padding: 2em 0;
}
main.product.brand-suite .suite-product figure {
position: relative;
background-color: #ffffff;
display: flex;
flex-direction: column;
padding: 2em;
justify-content: center;
}
main.product.brand-suite .suite-product figure:before {
position: absolute;
z-index: 1;
height: 2em;
width: 2em;
background-color: #07f7e9;
border-radius: 50%;
content: url(/images/site/joinlaw/equals.svg);
left: 50%;
margin-left: -1em;
top: -1.5em;
padding: .4em;
font-size: 1.4em;
}
main.product.brand-suite .suite-product figure h2 {
color: #000000;
margin: 0;
}
main.product.brand-suite .feature-panels {
margin-bottom: 1em;
}
main.product.brand-suite .feature-panels > li {
position: relative;
padding-bottom: 0;
border: 0;
margin-bottom: 0;
}
@media (pointer: fine) {
main.product.brand-suite .feature-panels > li:hover {
transform: scale(1.05);
transition: all 300ms ease;
z-index: 100;
}
}
main.product.brand-suite .feature-panels > li:after {
position: absolute;
z-index: 1;
height: 2em;
width: 2em;
background-color: #07f7e9;
border-radius: 50%;
content: url(/images/site/joinlaw/plus.svg);
left: 50%;
margin-left: -1em;
bottom: -1.5em;
padding: .35em;
}
main.product.brand-suite .feature-panels > li a {
display: block;
height: 100%;
background-color: #ffffff;
color: #000000;
padding: 2em;
}
main.product.brand-suite .feature-panels > li a > div {
display: flex;
align-items: center;
background-color: #ffffff;
padding: 0;
}
main.product.brand-suite .feature-panels > li a > div div {
margin-bottom: 0;
margin-right: 1em;
}
main.product.brand-suite .feature-panels > li a > div h3 {
font-size: 1.5em;
}
main.product.brand-suite .feature-panels > li a h4 {
font-size: 1em;
margin-bottom: .25em;
}
main.product.brand-suite .feature-panels > li a img {
height: 2em;
width: inherit;
}
main.product.brand-suite .feature-panels > li:first-child a img {
height: 2.75em;
}
main.product.brand-suite .feature-panels > li:nth-child(3) a img {
height: 1.5em;
}
main.product.brand-suite .feature-panels > li:last-child:after {
content: none;
}
main.product.brand-suite .control p:last-child {
display: flex;
flex-direction: column;
}
main.product.brand-suite .control p:last-child img {
align-self: center;
height: 7em;
width: 16em;
margin-top: 2em;
}
main.brand.monitor .products .fullw {
background-repeat: no-repeat;
background-size: cover;
padding: 4em 0 2em;
}
main.brand.consult .products .fullw {
background-repeat: no-repeat;
background-size: cover;
padding: 4em 0 2em;
}
main.brand.acquire .price {
font-family: "Merriweather", serif;
font-size: 1.3em;
}
main.brand.acquire .price span {
font-size: 1.5em;
}
main.brand.acquire p.hide-d {
margin: 2em 0 .25em;
}
main.brand.acquire .search {
margin: 0 0 3em;
}
main.brand.acquire .search > div {
padding: 1.96em 1em;
}
main.brand.acquire .search button {
display: inline-flex;
justify-content: center;
padding: 2em 1em;
}
main.brand.acquire .search input {
font-family: "Montserrat", sans-serif;
font-weight: 700;
margin-left: 0;
}
main.brand.acquire .feature-panels > li {
align-items: flex-start;
}
main.brand.acquire .feature-panels > li div {
align-self: flex-start;
margin-top: .3em;
}
main.about .why-law {
color: #ffffff;
}
main.about .why-law iframe {
margin-bottom: 1em;
}
main.guide .form h3 {
font-size: 1.1em;
text-transform: uppercase;
}
main.guide .form form p {
margin-bottom: .5em;
}
main.guide .form p {
font-size: 1em;
}
main.contact .chat {
color: #ffffff;
padding-bottom: 0;
}
main.contact .chat > div > div:first-child {
padding-bottom: 2em;
}
main.contact .chat > div > div:last-child {
display: flex;
}
.s_basekit-video {
background-color: #000000;
}
.basekit-video--heading {
font-size: 1.5em;
line-height: 1.25em;
margin: 0 0 1.5em 0;
color: #ffffff;
}
.basekit-video--label {
background-color: #126dbe;
color: #ffffff;
font-size: 1em;
padding: 0.75rem;
}
.basekit-video--label:before {
display: inline-block;
content: "";
height: 0;
width: 0;
border-top: 0.75rem solid #ffffff;
border-left: 0.5rem solid transparent;
border-right: 0.5rem solid transparent;
border-bottom: none;
margin-right: 1em;
}
.c_law-video {
position: relative;
padding-bottom: 56.23%;
height: 0;
overflow: hidden;
max-width: 100%;
background: #000000;
margin: 5px;
}
.law-video--id-holder {
cursor: pointer;
-webkit-transition: .6s all;
-moz-transition: .6s all;
transition: .6s all;
}
.law-video--play-image {
width: 100%;
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.law-video--play-button {
width: 94px;
height: 64px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -47px;
margin-top: -32px;
-webkit-filter: brightness(75%);
}
.law-video--play-button svg {
fill: #ff0000;
height: 64px;
width: inherit;
}
.law-video--play-button:after {
content: "";
position: absolute;
width: 50px;
height: 50px;
background-color: #ffffff;
left: 50%;
top: 50%;
margin-left: -25px;
margin-top: -25px;
z-index: -1;
}
.law-video--play-button:hover {
-webkit-filter: brightness(100%);
}
.law-video--iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}
@media only screen and (min-width: 44.063em) {
main.product.brand-suite .suite-product figure:before {
top: -1em;
}
main.product.brand-suite .feature-panels {
margin-bottom: 2em;
}
main.product.brand-suite .feature-panels > li:after {
bottom: -1em;
}
main.product.brand-suite .feature-panels > li:last-child:after {
content: url(/images/site/joinlaw/plus.svg);
}
}
@media only screen and (min-width: 66.063em) {
main .pricelist-rows > li {
flex-direction: row;
}
main .pricelist-rows > li > div:first-child {
flex-basis: 50%;
margin-bottom: 0;
}
main .pricelist-rows > li > div:first-child a {
font-size: 1.5em;
}
main .pricelist-rows > li > div:not(:first-child) {
width: initial;
align-items: flex-start;
flex-direction: column;
flex: 2 1 auto;
padding-left: 2em;
}
main .pricelist-rows > li > div:not(:first-child):not(:last-child) {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
main .pricelist-rows > li > div:not(:first-child) > span {
text-align: left;
}
main .pricelist-rows > li.on-sale > div:not(:first-child) > span > div {
margin-left: -1.25em;
}
main > footer .heading2 {
font-size: 2.5em;
}
main > footer p {
font-size: 1.3em;
}
main > footer > div.col-2-1 {
grid-column: 2 / span 5;
}
main > footer > div.col-2-2 {
padding-top: 0;
}
main > footer .contact-spot:first-child p,
main > footer .contact-spot p:hover {
border-bottom-color: transparent;
}
main > footer .contact-spot p:hover > a {
color: #126dbe;
}
main > footer .contact-spot .heading3 {
font-size: 1.3em;
}
main section.faq .col-2-1 {
padding-right: 3em;
}
main section.faq .col-2-2 {
padding-left: 3em;
}
main.domains .usedby .fullw {
margin-top: 2em;
}
main.domains .usedby .fullw > section > div {
flex-direction: row;
margin: 1em;
padding-top: 0;
padding-left: 2em;
}
main.domains .usedby .fullw > section > div .logo-spot {
top: 50%;
left: -2.5em;
margin-top: -2.5em;
}
main.domains .usedby .fullw > section > div > picture:last-child {
width: 388px;
flex-grow: 0;
flex-shrink: 0;
}
main.domains .usedby .fullw > section > div:first-child {
grid-column: 2 / span 10;
}
main.domains .usedby .fullw > section > div:nth-child(2) {
grid-column: 3 / span 10;
}
main.domains .usedby .fullw > section > div:last-child {
grid-column: 4 / span 10;
}
main.product.hosting .software > div .feature-panels {
column-gap: 15em;
}
main.product.ssl .more-included {
font-size: 80%;
}
main.product.ssl .more-included > div:last-child {
flex-direction: row-reverse;
}
main.product.brand-suite .products figure {
flex-direction: row;
text-align: left;
}
main.product.brand-suite .products figure h3 {
margin: 0 3em 0 0;
}
main.product.brand-suite .products figure figcaption {
flex: 5;
margin-bottom: 0;
}
main.product.brand-suite .products figure a {
flex: 2;
}
main.product.brand-suite .suite-product figure {
flex-direction: row;
}
main.product.brand-suite .suite-product figure figcaption {
margin-bottom: 0;
}
main.product.brand-suite .feature-panels {
column-gap: 30vw;
}
main.product.brand-suite .control p:last-child {
flex-direction: row;
}
main.product.brand-suite .control p:last-child img {
align-self: initial;
margin-top: 0;
margin-left: 2em;
}
main.brand.acquire .search {
margin-top: 2em;
}
main.brand.acquire .search > div {
flex: 5;
}
main.brand.acquire .search button {
flex: 2;
}
main.brand.acquire .search button svg {
opacity: 0;
width: 0;
}
main.brand.acquire .search button:hover svg {
opacity: 1;
width: 1.5rem;
margin-left: 0.5rem;
}
main.brand.acquire .feature-panels.products > li {
background-color: #f4f4f4;
box-shadow: none;
}
main.about .why-law > div {
flex-direction: row;
}
main.about .why-law > div > div {
flex: 1;
padding: 3em 0 2em;
}
main.about .why-law > div:first-child {
border-bottom: 1px solid #666666;
}
main.about .why-law > div:first-child > div:first-child {
order: 2;
padding-left: 2em;
}
main.about .why-law > div:first-child > div:last-child {
order: 1;
padding-right: 2em;
}
main.about .why-law > div:last-child > div:first-child {
padding-right: 2em;
}
main.about .why-law > div:last-child > div:last-child {
padding-left: 2em;
}
main.contact .chat > div {
flex-direction: row;
}
main.contact .chat > div > div {
flex: 1;
}
main.contact .chat > div > div:first-child {
order: 2;
padding-left: 4em;
}
main.contact .chat > div > div:last-child {
order: 1;
}
main.contact .chat button a {
color: #000000;
}
}
main .cards,
.modal .cards {
display: grid;
}
main .cards article,
.modal .cards article {
display: flex;
flex-direction: column;
margin-bottom: 3em;
box-shadow: 1em 1em 2em rgba(0, 0, 0, 0.2);
}
main .cards article .showSavings,
.modal .cards article .showSavings {
display: none;
}
main .cards article aside,
.modal .cards article aside {
display: flex;
align-items: center;
}
main .cards article aside div:first-child,
.modal .cards article aside div:first-child {
background-color: #07f7e9;
padding: .55em .6em .4em;
}
main .cards article aside div:first-child svg,
.modal .cards article aside div:first-child svg {
fill: #000000;
height: 1em;
width: 1em;
}
main .cards article aside div:last-child,
.modal .cards article aside div:last-child {
background-color: #126dbe;
color: #ffffff;
font-size: .7em;
padding: 1em;
width: 100%;
}
main .cards article aside div:last-child a,
.modal .cards article aside div:last-child a {
font-weight: 700;
border-bottom: 1px solid #07f7e9;
color: #ffffff;
text-decoration: none;
}
main .cards article aside div:last-child a:hover,
.modal .cards article aside div:last-child a:hover {
color: #07f7e9;
border-bottom-color: transparent;
}
main .cards article .card--highlight.promo,
.modal .cards article .card--highlight.promo {
background-color: #00a94c;
height: auto;
border-bottom: none;
padding: 0.75em 1.25em;
text-transform: none;
min-height: 2.75rem;
color: #fff;
}
main .cards article .card--highlight.promo strong,
.modal .cards article .card--highlight.promo strong {
font-size: 1.1rem;
}
main .cards article .card--highlight.promo span,
.modal .cards article .card--highlight.promo span {
font-size: 0.75rem;
}
main .cards article .card--highlight.promo a,
.modal .cards article .card--highlight.promo a {
text-decoration: underline;
color: #fff;
}
main .cards article h3,
.modal .cards article h3 {
font-size: 1.3em;
font-weight: 500;
line-height: 1.5;
padding: .5em 1.5em;
border-bottom: 2px solid #07f7e9;
margin-bottom: 1.5em;
}
main .cards article h3 em,
.modal .cards article h3 em {
text-transform: uppercase;
display: block;
}
main .cards article .desc,
.modal .cards article .desc {
padding: 0 2em;
}
main .cards article .desc .price,
.modal .cards article .desc .price {
display: flex;
align-items: flex-end;
margin-bottom: 1em;
line-height: .75;
}
main .cards article .desc .price .amount,
.modal .cards article .desc .price .amount {
font-family: "Merriweather", serif;
font-size: 2.5em;
font-weight: 600;
}
main .cards article .desc .price .amount span,
.modal .cards article .desc .price .amount span {
font-size: 0.7rem;
font-weight: 400;
display: block;
margin-bottom: 0.75rem;
}
main .cards article .desc .price .duration,
.modal .cards article .desc .price .duration {
display: flex;
flex-direction: column;
font-size: .8em;
margin-left: .5em;
}
main .cards article .desc .price + small,
.modal .cards article .desc .price + small {
display: block;
margin-bottom: 1em;
}
main .cards article .desc button,
.modal .cards article .desc button {
display: inline-flex;
justify-content: space-between;
align-items: center;
box-shadow: 0.75em 0.75em 1em rgba(0, 0, 0, 0.15);
}
main .cards article .desc button svg,
.modal .cards article .desc button svg {
fill: #000000;
}
main .cards article .user-input-container,
main .cards article select,
.modal .cards article .user-input-container,
.modal .cards article select {
background-color: #f4f4f4;
border: 1px solid #e6e6e6;
margin-bottom: 1em;
width: 100%;
display: flex;
align-items: center;
}
main .cards article .user-input-container,
.modal .cards article .user-input-container {
padding-left: 1em;
}
main .cards article .user-input-container label,
.modal .cards article .user-input-container label {
flex: 2;
}
main .cards article .number-input,
.modal .cards article .number-input {
flex: 1;
background-color: #ffffff;
border: 1px solid #e6e6e6;
padding: .2em;
display: inline-grid;
grid-template-columns: 3fr 1fr;
grid-template-rows: auto;
grid-template-areas: "input inc" "input dec";
}
main .cards article .number-input:focus-within,
.modal .cards article .number-input:focus-within {
border-color: #000000;
}
main .cards article .number-input.disabled,
.modal .cards article .number-input.disabled {
filter: alpha(opacity=50);
opacity: 0.5;
}
main .cards article .number-input input,
.modal .cards article .number-input input {
grid-area: input;
border: none;
background-color: transparent;
font-size: 1.3em;
text-align: center;
width: 100%;
}
main .cards article .number-input input:focus,
.modal .cards article .number-input input:focus {
outline: none;
}
main .cards article .number-input input[type=number],
.modal .cards article .number-input input[type=number] {
-moz-appearance: textfield;
}
main .cards article .number-input input[type=number]::-webkit-inner-spin-button,
main .cards article .number-input input[type=number] ::-webkit-outer-spin-button,
.modal .cards article .number-input input[type=number]::-webkit-inner-spin-button,
.modal .cards article .number-input input[type=number] ::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
main .cards article .number-input a,
.modal .cards article .number-input a {
display: inline-block;
background-color: #e7e7e7;
border: 1px solid transparent;
text-align: center;
color: #9a9a9a;
}
main .cards article .number-input a:hover,
.modal .cards article .number-input a:hover {
background-color: #126dbe;
}
main .cards article .number-input a.plus,
.modal .cards article .number-input a.plus {
grid-area: inc;
margin-bottom: .25em;
}
main .cards article .number-input a.minus,
.modal .cards article .number-input a.minus {
grid-area: dec;
}
main .cards article .number-input a.disabled,
.modal .cards article .number-input a.disabled {
filter: alpha(opacity=50);
opacity: 0.5;
pointer-events: none;
}
main .cards article select,
.modal .cards article select {
padding: .7em;
font-size: 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
background-image: linear-gradient(45deg, transparent 50%, #000000 50%), linear-gradient(135deg, #000000 50%, transparent 50%);
background-position: calc(100% - 20px) calc(1em + 5px), calc(100% - 15px) calc(1em + 5px);
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
}
main .cards article select:focus,
.modal .cards article select:focus {
background-image: linear-gradient(45deg, #666666 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #666666 50%);
background-position: calc(100% - 15px) 1.3em, calc(100% - 20px) 1.3em;
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
border-color: #666666;
outline: 0;
}
main .cards article .button-placeholder,
.modal .cards article .button-placeholder {
position: relative;
display: inline-block;
}
main .cards article .button-placeholder .added-remove,
main .cards article .button-placeholder .added,
.modal .cards article .button-placeholder .added-remove,
.modal .cards article .button-placeholder .added {
display: none;
}
main .cards article .features-container,
.modal .cards article .features-container {
padding: 2em;
}
main .cards article .features-container li,
.modal .cards article .features-container li {
font-size: .8em;
border-top: 1px solid #f4f4f4;
padding-top: .5em;
margin-top: .5em;
margin-bottom: 0;
}
main .cards article .features-container li strong,
.modal .cards article .features-container li strong {
color: #126dbe;
}
main .cards article .extra,
.modal .cards article .extra {
padding: 2em;
text-align: center;
}
main .cards article .extra p,
.modal .cards article .extra p {
font-size: 80%;
}
main .cards article .extra img,
.modal .cards article .extra img {
width: initial;
}
main .gsuite-product-form .desc .price .duration > div,
.modal .gsuite-product-form .desc .price .duration > div {
margin-top: .25em;
}
main .gsuite-product-form .desc .price .duration > div span:not(:last-child):after,
.modal .gsuite-product-form .desc .price .duration > div span:not(:last-child):after {
content: "/";
margin-left: 0.25rem;
}
main .gsuite-product-form .free-trial,
.modal .gsuite-product-form .free-trial {
color: #007539;
font-weight: 600;
}
main .gsuite-product-form .free-trial.show,
.modal .gsuite-product-form .free-trial.show {
visibility: visible;
height: auto;
}
main .gsuite-product-form .free-trial.hide,
.modal .gsuite-product-form .free-trial.hide {
visibility: hidden;
height: 0;
}
main .gsuite-product-form .free-trial small,
.modal .gsuite-product-form .free-trial small {
font-size: 0.75rem;
font-weight: 400;
}
main .gsuite-product-form .action-area,
.modal .gsuite-product-form .action-area {
margin-top: .5em;
}
main .gsuite-product-form.added .button-placeholder button,
.modal .gsuite-product-form.added .button-placeholder button {
pointer-events: none;
}
main .gsuite-product-form.added .button-placeholder button:hover,
.modal .gsuite-product-form.added .button-placeholder button:hover {
background-color: #07f7e9;
}
main .gsuite-product-form.added .button-placeholder button:hover .added svg,
.modal .gsuite-product-form.added .button-placeholder button:hover .added svg {
margin: 0;
}
main .gsuite-product-form.added .button-placeholder .added-remove,
.modal .gsuite-product-form.added .button-placeholder .added-remove {
display: block;
width: 0.75rem;
height: 0.75rem;
border-radius: 0.325rem;
position: absolute;
top: -0.325rem;
right: -0.325rem;
background-color: #126dbe;
}
main .gsuite-product-form.added .button-placeholder .added-remove:before,
.modal .gsuite-product-form.added .button-placeholder .added-remove:before {
content: "\2A2F";
color: #ffffff;
position: absolute;
top: -.15em;
left: 0;
}
main .gsuite-product-form.added .button-placeholder .added-remove .fa-spinner,
.modal .gsuite-product-form.added .button-placeholder .added-remove .fa-spinner {
position: absolute;
top: 0;
height: .75em;
width: .75em;
}
main .gsuite-product-form.added .button-placeholder .added-remove .fa-spinner:before,
.modal .gsuite-product-form.added .button-placeholder .added-remove .fa-spinner:before {
height: 15px;
width: 15px;
}
main .gsuite-product-form.added .button-placeholder .added,
.modal .gsuite-product-form.added .button-placeholder .added {
display: inline-block;
white-space: nowrap;
}
main .gsuite-product-form.added .button-placeholder button > .label,
main .gsuite-product-form.added .button-placeholder button > svg,
.modal .gsuite-product-form.added .button-placeholder button > .label,
.modal .gsuite-product-form.added .button-placeholder button > svg {
display: none !important;
}
main .gsuite-product-form .features-container li > span,
.modal .gsuite-product-form .features-container li > span {
background-color: #b0fffb;
}
@media only screen and (min-width: 66.063em) {
main .cards,
.modal .cards {
align-items: stretch;
margin-bottom: 3em;
}
main .cards.two-spots,
.modal .cards.two-spots {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-column-gap: 4em;
}
main .cards.three-spots,
.modal .cards.three-spots {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-column-gap: 2em;
}
main .cards article,
.modal .cards article {
margin-bottom: 0;
}
}
@media only screen and (min-width: 90.063em) {
main .cards.three-spots,
.modal .cards.three-spots {
grid-column-gap: 4em;
}
}
.modal.card-gsuite-highlight-modal {
width: 95%;
padding: 3rem;
}
.modal.card-gsuite-highlight-modal h2,
.modal.card-gsuite-highlight-modal h3 {
font-size: 1.5rem;
line-height: 1.1;
}
.modal.card-gsuite-highlight-modal h2 {
color: #000000;
text-align: left;
margin-bottom: 0;
}
.modal.card-gsuite-highlight-modal h3 {
color: #00a94c;
margin-bottom: 1rem;
}
.modal.card-gsuite-highlight-modal ul {
list-style-type: disc;
margin-left: 1rem;
font-size: 0.9rem;
line-height: 1.1;
}
.modal.card-gsuite-highlight-modal li {
margin-bottom: 0.25rem;
}
@media only screen and (min-width: 66.063em) {
.modal.card-gsuite-highlight-modal {
width: 45%;
}
}
/* END /home/gitlab-runner/builds/TFDW-s8Y/0/sales-websites/site_admin_content/deb-101domain-sac-202512101730/101domain-sac/opt/site_admin_content/css/joinlaw/core-page.css */
/* BEGIN /home/gitlab-runner/builds/TFDW-s8Y/0/sales-websites/site_admin_content/deb-101domain-sac-202512101730/101domain-sac/opt/site_admin_content/css/widgets/adding-to-cart-overlay.css */
.addingToCart {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
background-color: rgba(255, 255, 255, 0.5);
}
#addToCartOverlay .showMe {
display: block !important;
}
#addToCartOverlay #addToCartOverLayErrorBox, #addToCartOverlay .hideMe {
display: none;
}
.addingToCartContainer {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
text-align: center;
}
.cart-add__panel {
position: relative;
color: #fff;
background-color: rgba(0, 0, 0, 0.8);
border: none;
border-radius: 1rem;
padding: 1em 1.5em;
}
.cart-add__block {
display: flex;
flex-direction: column;
align-items: center;
}
.cart-add__icon {
height: 3em;
width: 3em;
fill: #fde668;
}
.cart-add__spinner::before {
height: 1.5em;
width: 1.5em;
}
.cart-add__heading {
color: #fff;
white-space: nowrap;
font-size: 1.4rem;
font-weight: 700;
}
.cart-add-error__text {
color: #fff;
font-size: 1em;
}
.cart-add-error__button {
color: #fff;
background-color: #20a6d4;
padding: .5em 1em;
font-size: 1em;
}
/* END /home/gitlab-runner/builds/TFDW-s8Y/0/sales-websites/site_admin_content/deb-101domain-sac-202512101730/101domain-sac/opt/site_admin_content/css/widgets/adding-to-cart-overlay.css */
/* END /home/gitlab-runner/builds/TFDW-s8Y/0/sales-websites/site_admin_content/deb-101domain-sac-202512101730/101domain-sac/opt/site_admin_content/css/join-law__main.css */