.site {
font-size: var(--site-text-font-size);
line-height: var(--site-text-line-height);
font-weight: var(--site-text-font-weight);
overflow: clip;
}
.site ol,
.site p,
.site ul {
margin-bottom: var(--ui-block-spacing-sm);
}
.site .d-flex-align {
display: flex;
align-items: center;
}
.site b,
.site strong {
color: var(--text-heading-color);
}
.site .has-shadow {
box-shadow: var(--ui-block-shadow-lg);
}
.site .m-safari {
margin: 0 -0.3px;
}
@media (min-width: 768px) {
.site .row.f-flow {
flex-flow: row;
}
}
@media (min-width: 575px) {
.site .homepage-tiles {
flex-flow: row;
}
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.site .homepage-tiles.row:before {
display: table-cell;
}
}
}
.site .site-section {
position: relative;
z-index: 2;
margin: 0;
padding: var(--site-section-padding-v) 0;
background: var(--site-section-bg);
}
.site
.site-section
+ .site-section:not(.section-secondary):not(.section-primary) {
border-top: var(--site-section-border);
}
.site .site-section.section-slider-btn + .site-section,
.site .site-section.section-steps + .site-section {
border: 0;
}
.site .site-section > .container > .section-content + .section-content,
.site .site-section > .container > .section-content + .section-sides,
.site .site-section > .container > .section-sides + .section-content,
.site .site-section > .container > .section-sides + .section-sides {
margin-top: var(--site-section-padding-v);
}
.site .site-section > .container > .section-content + .section-actions,
.site .site-section > .container > .section-graphic + .section-content {
margin-top: var(--site-section-spacing);
}
.site .site-section .show-all-btn {
text-align: center;
}
.site .site-section .section-heading {
color: var(--text-primary-color);
font-size: var(--font-size-base);
font-weight: var(--font-weight-medium);
}
.site .site-section .section-title {
max-width: var(--site-section-title-max-width);
margin: 0 auto var(--site-section-title-margin-bottom) auto;
color: var(--site-section-title-color);
font-size: var(--site-section-title-font-size);
font-weight: var(--site-section-title-font-weight);
line-height: var(--site-section-title-line-height);
text-transform: capitalize;
text-align: center;
}
.site .site-section .section-title-sm {
font-size: var(--site-section-title-sm-font-size);
font-weight: var(--site-section-title-sm-font-weight);
line-height: var(--site-section-title-sm-line-height);
margin-bottom: var(--site-section-title-sm-margin-bottom);
}
.site .site-section .section-title b,
.site .site-section .section-title strong {
color: var(--site-section-title-color);
}
.site .site-section .section-title + .section-subtitle {
margin-top: calc(
-1 * (var(--site-section-title-margin-bottom) -
var(--site-section-title-subtitle-spacing))
);
}
.site .site-section .section-subtitle {
max-width: var(--site-section-title-max-width);
margin: 0 auto var(--site-section-title-margin-bottom) auto;
color: var(--site-section-subtitle-color);
font-size: var(--site-section-subtitle-font-size);
font-weight: var(--site-section-subtitle-font-weight);
line-height: var(--site-section-subtitle-line-height);
text-align: center;
}
.site .site-section .section-sides .section-subtitle,
.site .site-section .section-sides .section-title {
text-align: left;
max-width: none;
}
.site .site-section .section-sides .section-title {
margin-bottom: var(--site-section-title-sm-margin-bottom);
}
.site .site-section .section-actions {
margin-top: var(--site-section-spacing);
text-align: center;
}
.site .site-section .section-actions .btn + .btn {
margin-left: var(--ui-block-spacing-sm);
}
.site .site-section .section-sides .section-actions {
text-align: left;
}
.site .site-section .section-desc {
text-align: center;
}
.site .site-section .section-desc ul {
padding-left: 18px;
}
.site .site-section .section-desc .check-list {
list-style: none;
padding: 0;
}
.site .site-section .section-desc .check-list li {
position: relative;
padding-left: 40px;
margin-bottom: var(--ui-block-spacing-xs);
}
.site .site-section .section-desc .check-list li .lm-check {
position: absolute;
top: 5px;
left: 0;
color: var(--text-primary-color);
}
.site .site-section .section-desc > .h3,
.site .site-section .section-desc > h3 {
margin-top: var(--article-h3-margin-top);
margin-bottom: var(--article-h3-margin-bottom);
}
.site .site-section .section-desc > .h4,
.site .site-section .section-desc > h4 {
margin-top: var(--article-h4-margin-top);
margin-bottom: var(--article-h4-margin-bottom);
}
.site .site-section .section-desc > .h5,
.site .site-section .section-desc > h5 {
margin-top: var(--article-h5-margin-top);
margin-bottom: var(--article-h5-margin-bottom);
}
.site .site-section .section-desc > :last-child {
margin-bottom: 0;
}
.site .site-section .section-sides .section-desc {
text-align: left;
}
.site .site-section .section-graphic {
display: flex;
justify-content: center;
}
.site .site-section .section-graphic .graphic > img {
max-width: 100%;
}
.site .site-section .section-sides .section-graphic {
justify-content: flex-start;
}
@media (min-width: 992px) {
.site .site-section .section-sides .section-graphic {
min-width: calc(50% - var(--site-section-sides-spacing) / 2);
}
}
.site .site-section .section-sides .section-graphic.order-last {
justify-content: flex-end;
}
@media (max-width: 991.98px) {
.site .site-section .section-sides .section-graphic {
justify-content: center !important;
}
.site .site-section .section-sides .section-graphic + .section-content {
margin-top: var(--site-section-sides-spacing);
}
}
@media (min-width: 992px) {
.site .site-section .section-sides > .section-content {
flex: 1;
}
}
@media (max-width: 991.98px) {
.site .site-section .section-sides .section-content + .section-content {
margin-top: var(--site-section-sides-spacing);
}
}
@media (min-width: 992px) {
.site .site-section .section-sides {
display: flex;
align-items: center;
}
.site .site-section .section-sides > * + * {
margin-left: var(--site-section-sides-spacing);
}
.site .site-section .section-sides .section-content.order-last + .order-first,
.site .site-section .section-sides .section-graphic.order-last + .order-first {
margin-left: 0;
margin-right: var(--site-section-sides-spacing);
}
}
.site .site-section.section-primary .svg-icon .outline,
.site .site-section.section-secondary .svg-icon .outline {
stroke: var(--svg-icon-on-dark-color-secondary);
}
.site .site-section.section-primary .package .svg-icon .outline,
.site .site-section.section-secondary .package .svg-icon .outline {
stroke: var(--gray-darker);
}
.site .site-section.section-primary .browser-notice p,
.site .site-section.section-secondary .browser-notice p {
color: var(--text-lighter-color);
}
.site .site-section.section-secondary {
background: var(--secondary-block-bg);
}
.site .site-section.section-secondary .section-title,
.site .site-section.section-secondary .section-title b,
.site .site-section.section-secondary .section-title strong {
color: var(--secondary-block-title-color);
}
.site .site-section.section-secondary .section-subtitle {
color: var(--secondary-block-subtitle-color);
}
.site .site-section.section-secondary .section-desc {
color: var(--secondary-block-text-color);
}
.site .site-section.section-secondary .feature-content .feature-title {
color: var(--secondary-block-title-color);
}
.site .site-section.section-secondary .feature-content .feature-desc {
color: var(--secondary-block-text-color);
}
.site .site-section.section-primary {
background: var(--primary-block-bg);
}
.site .site-section.section-primary .section-title,
.site .site-section.section-primary .section-title b,
.site .site-section.section-primary .section-title strong {
color: var(--primary-block-title-color);
}
.site .site-section.section-primary .section-subtitle {
color: var(--primary-block-subtitle-color);
}
.site .site-section.section-primary .section-desc {
color: var(--primary-block-text-color);
}
.site .site-section.section-primary .feature-content .feature-title {
color: var(--primary-block-title-color);
}
.site .site-section.section-primary .feature-content .feature-desc {
color: var(--primary-block-text-color);
}
@media (max-width: 767.98px) {
.site .site-section .section-graphic {
margin-top: var(--site-section-title-margin-bottom);
order: 1;
display: block;
}
.site .site-section .section-graphic .browser,
.site .site-section .section-graphic .graphic {
margin: 0 auto;
}
}
.site .panel-faq {
box-shadow: none;
background: transparent;
border: none;
}
.site .panel-faq .panel {
border-left: 0;
border-right: 0;
border-radius: 0;
background: transparent;
}
.site .panel-faq .panel-body,
.site .panel-faq .panel-heading {
padding-left: 0;
padding-right: 0;
padding-top: var(--ui-block-padding-base);
padding-bottom: var(--ui-block-padding-base);
background: transparent;
}
.site .panel-faq .panel-body {
padding-top: 0;
font-size: var(--site-text-font-size);
line-height: var(--site-text-line-height);
}
.site .panel-faq .panel-heading .panel-title {
font-size: var(--font-size-h5);
font-weight: var(--font-weight-h5);
line-height: var(--line-height-h5);
}
.site .panel-faq .panel:first-child {
border-top: 0;
}
.site .panel-faq .panel:last-child {
border-bottom: 0;
}
.site .panel-faq .panel.is-open,
.site .panel-faq .panel:hover {
border-color: var(--panel-border-divider-color) !important;
}
.site .package-slider {
width: 100%;
max-width: 832px;
margin: 0 auto;
box-shadow: var(--ui-block-shadow);
border-radius: var(--ui-block-border-radius);
background: var(--ui-block-bg);
}
.site .package-slider-body {
padding: 48px 56px;
}
.site .package-slider-bottom {
display: flex;
justify-content: space-between;
padding-top: 54px;
}
.site .package-slider-summary {
display: flex;
}
.site .package-slider-summary-item {
display: flex;
flex-direction: column;
min-width: 120px;
position: relative;
margin-right: 24px;
}
.site .package-slider-summary-item:not(:last-of-type):after {
content: "";
position: absolute;
right: 0;
width: 1px;
background: var(--ui-block-border-color);
top: 0;
bottom: 0;
}
.site .package-slider-summary-label {
color: var(--price-font-size-color);
font-size: var(--site-text-xs-font-size);
line-height: var(--site-text-xs-line-height);
margin-bottom: 5px;
}
.site .package-slider-summary-value {
display: flex;
font-size: var(--price-font-size);
line-height: var(--price-line-height);
font-weight: var(--price-font-weight);
color: var(--price-color);
}
.site .package-slider-summary .price-cycle {
font-size: 24px;
line-height: 30px;
align-self: flex-end;
display: inline-block;
}
.site .package-slider-actions {
align-self: flex-end;
display: flex;
}
.site .package-slider-actions form + form {
margin-left: var(--ui-block-padding-base);
}
.site .slider .irs-single {
display: none !important;
}
.site .slider-actions {
padding-top: 16px;
}
.site .slider-actions-list {
display: flex;
justify-content: space-between;
}
.site .slider-actions-btn {
position: relative;
display: flex;
justify-content: center;
align-items: center;
min-width: 68px;
height: var(--range-slider-actions-height);
border: 1px solid var(--range-slider-actions-border-color);
border-radius: var(--range-slider-actions-border-radius);
font-size: var(--site-text-sm-font-size);
line-height: var(--site-text-sm-line-height);
font-weight: var(--font-weight-base);
cursor: pointer;
transition: var(--transition-base);
}
.site .slider-actions-btn:hover {
border-color: var(--brand-primary);
color: var(--text-primary-color);
}
.site .slider-actions-btn span {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
position: relative;
z-index: 2;
height: 100%;
padding: 1px 4px 0;
background: var(--ui-block-bg);
border-radius: var(--range-slider-actions-border-radius);
}
.site .slider-actions-btn.active {
border-color: var(--range-slider-actions-active-border-color);
color: var(--ui-link-active-color);
}
.site-index .slider {
display: flex;
}
@media (max-width: 991.98px) {
.site .package-slider-bottom.has-currency {
padding-top: 24px;
flex-direction: column;
}
.site .package-slider-bottom.has-currency .package-slider-actions {
flex: 1;
align-self: stretch;
padding-top: 24px;
}
}
@media (max-width: 767px) {
.site .package-slider-body {
padding: var(--ui-block-padding-base);
}
.site .package-slider-bottom {
padding-top: 24px;
flex-direction: column;
}
.site .package-slider-bottom.has-currency .package-slider-actions form {
flex-basis: 50%;
}
.site .package-slider-actions {
flex: 1;
align-self: stretch;
padding-top: 24px;
}
}
@media (max-width: 767px) and (-ms-high-contrast: none),
screen and (max-width: 767px) and (-ms-high-contrast: active) {
.site .package-slider-actions {
flex: auto;
}
}
@media (max-width: 767px) {
.site .package-slider-actions form {
flex-basis: 100%;
}
.site .package-slider-actions .btn {
width: 100%;
}
.site .slider-actions {
display: none;
}
}
@media (max-width: 575px) {
.site .package-slider-actions {
flex-direction: column;
}
}
@media (max-width: 575px) and (-ms-high-contrast: none),
screen and (max-width: 575px) and (-ms-high-contrast: active) {
.site .package-slider-actions {
align-items: center;
justify-content: center;
flex-flow: row wrap;
flex: auto;
}
}
@media (max-width: 575px) {
.site .package-slider-actions form + form {
margin: 16px 0 0;
}
.site .package-slider-summary-item {
min-width: unset;
padding-right: 24px;
}
.site .package-slider-summary-label {
margin-bottom: 0;
}
.site .package-slider-summary .price-prefix {
font-size: var(--site-text-font-size);
}
.site .package-slider-summary .price-cycle {
font-size: var(--site-text-font-size);
margin-bottom: 0;
}
}
.site .show-all-btn {
margin: 24px 0 0;
}
.site .show-all-btn .show-all {
font-weight: var(--font-weight-medium);
font-size: var(--font-size-md);
}
.site .product-billing-switcher {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto var(--site-section-title-margin-bottom);
}
.site .product-billing-switcher .btn-group {
flex-wrap: wrap;
padding: 2px;
border: 1px solid var(--ui-block-divider-color);
border-radius: var(--ui-height-base);
}
.site .product-billing-switcher .btn-group > .btn {
border-radius: var(--ui-height-base) !important;
}
.site .product-billing-switcher .btn-group > .btn:hover {
background: var(--btn-primary-faded-bg);
border-color: var(--btn-primary-faded-border);
color: var(--btn-primary-faded-color);
}
.site .product-billing-switcher .btn-group > .btn.active {
background: var(--btn-primary-bg);
border-color: var(--btn-primary-border);
box-shadow: var(--box-shadow-base);
color: var(--btn-primary-color);
}
.site .product-billing-switcher .btn-group > .btn + .btn {
margin-left: 2px;
}
.site .section-title + .product-billing-switcher {
margin-top: calc(var(--site-section-title-margin-bottom) / -2);
}
.site .section-primary .product-billing-switcher .btn-group,
.site .section-secondary .product-billing-switcher .btn-group {
border-color: var(--btn-light-border);
background: var(--btn-light-bg);
}
.site .section-primary .product-billing-switcher .btn-group > .btn,
.site .section-secondary .product-billing-switcher .btn-group > .btn {
color: var(--btn-light-color);
}
.site .section-primary .product-billing-switcher .btn-group > .btn:hover,
.site .section-secondary .product-billing-switcher .btn-group > .btn:hover {
background: var(--btn-light-bg);
border-color: transparent;
}
.site .section-primary .product-billing-switcher .btn-group > .btn.active,
.site .section-secondary .product-billing-switcher .btn-group > .btn.active {
background: var(--btn-primary-faded-bg);
border-color: var(--btn-primary-faded-border);
box-shadow: var(--box-shadow-base);
color: var(--btn-primary-faded-color);
}
.site .site-subnav {
position: relative;
z-index: 2;
background-color: transparent;
border-bottom: 1px solid var(--ui-block-divider-color);
}
.site .site-subnav .nav {
margin-left: calc(-1 * var(--nav-link-padding-h));
margin-right: calc(-1 * var(--nav-link-padding-h));
margin-bottom: 0;
}
@media (min-width: 992px) {
.site .site-subnav {
display: flex !important;
}
.site .site-subnav .navbar-collapse.collapse {
display: block !important;
}
.site .site-subnav .navbar-collapse.collapse .navbar-nav {
flex-direction: row;
}
.site .site-subnav .navbar-collapse.collapse .navbar-nav li a {
position: relative;
}
}
@media (max-width: 991.98px) {
.site .site-subnav {
border: none;
margin-top: var(--ui-block-spacing-base);
}
.site .site-subnav .navbar-toggle {
margin-right: 0;
float: left;
}
.site .site-subnav .navbar-toggle .icon-bar {
background-color: var(--ui-icon-color);
}
.site .site-subnav .navbar-collapse {
border: none;
}
}
.site .ssl-filters {
display: flex;
justify-content: center;
flex-direction: column;
}
.site .tabs {
position: relative;
}
.site .tabs .nav-tabs {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.site .tabs .nav-tabs:after {
content: "";
height: 1px;
background-color: var(--gray-lighter-4);
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.site .row-pricing-table .panel-package {
padding: 0;
background-color: #fff;
border: none;
}
.site .row-pricing-table .panel-package ul li .lm-check {
color: var(--text-primary-color);
}
.site .row-pricing-table .panel-package ul li.price {
color: var(--text-primary-color);
font-weight: var(--font-weight-medium);
}
.site .row-pricing-table .panel-package form {
padding: var(--ui-block-padding-base);
}
.site .row-pricing-table .sidebar .header {
border: none;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4px;
padding: var(--ui-block-padding-base);
height: 80px;
text-align: center;
overflow: hidden;
}
.site .row-pricing-table .sidebar ul li {
background: hsla(0, 0%, 100%, 0.05);
border: none;
border-radius: var(--border-radius-base);
margin-bottom: 1px;
color: #fff;
text-align: left;
font-weight: var(--font-weight-light);
}
.site .row-pricing-table .package-header {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4px;
padding: var(--ui-block-padding-sm);
height: 80px;
text-align: center;
overflow: hidden;
border-bottom: 1px solid var(--ui-block-divider-color);
}
.site .row-pricing-table .package-header h4 {
margin: 0;
font-size: var(--font-size-h3);
}
.site .row-pricing-table ul {
list-style: none;
margin: 0;
padding: 0;
}
.site .row-pricing-table ul li {
padding: 0 16px;
line-height: 40px;
text-align: center;
border-bottom: 1px solid var(--ui-block-divider-color);
}
.site .logos {
display: flex;
justify-content: space-around;
}
.site .logos .logo {
width: 100%;
max-width: 240px;
padding: var(--ui-block-padding-sm);
}
.site .logos .logo > img {
max-width: 100%;
}
.site .browser {
display: flex;
flex-direction: column;
background: var(--ui-block-bg);
border-radius: var(--border-radius-base);
overflow: hidden;
max-width: 100%;
box-shadow: var(--svg-graphic-shadow);
}
.site .browser-top {
display: flex;
align-items: center;
width: 100%;
height: 32px;
padding: 0 var(--ui-block-padding-sm);
}
.site .browser-top:not(.browser-top-transparent) {
background: var(--svg-graphic-bg-browser-top);
}
.site .browser-actions {
display: flex;
}
.site .browser-actions > span {
display: block;
height: 6px;
width: 6px;
margin-right: 6px;
background: var(--svg-graphic-bg-browser-actions);
border-radius: 100%;
}
.site .browser-body {
display: flex;
align-items: center;
justify-content: center;
padding: var(--ui-block-padding-sm);
}
.site .browser-sm {
width: 446px;
}
.site .browser-sm .browser-top {
height: 24px;
padding: 0 var(--spacing-1x);
}
.site .browser-md {
width: 560px;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.site .browser .svg-graphic {
height: 314px;
}
}
.site .browser-ssl {
margin: 0 auto;
}
.site .browser-ssl .browser-body {
height: 440px;
}
.site .browser-lg {
width: 100%;
max-width: 832px;
padding: var(--ui-block-padding-base);
background: var(--ui-block-bg);
border-radius: var(--ui-block-border-radius-lg);
}
.site .browser-lg .browser-top {
padding: 2px 0 10px;
justify-content: space-between;
}
.site .browser-lg .browser-actions {
margin-right: 10px;
}
.site .browser-lg .browser-actions > span {
height: 12px;
width: 12px;
margin-right: var(--spacing-1x);
background: var(--svg-graphic-bg-browser-actions);
}
.site .browser-lg .browser-searchbar {
height: 28px;
width: 100%;
background: var(--svg-graphic-bg-faded);
border-radius: var(--border-radius-sm);
display: flex;
justify-content: start;
align-items: center;
font-size: var(--font-size-sm);
padding: 0 10px;
}
.site .browser-lg .browser-body {
display: flex;
align-items: center;
justify-content: center;
}
.site .browser-lg .browser-notice {
max-width: 456px;
padding: 0 12px;
}
.site .browser-lg .browser-notice p {
margin: 0;
font-weight: var(--font-weight-base);
text-align: center;
}
.site .browser-lg .browser-image {
margin: -40px 0 40px;
text-align: center;
}
.site .browser-zoom {
overflow: hidden;
position: relative;
}
.site .browser-zoom .browser-img-zoom {
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
}
.site .browser-zoom .browser-img-zoom,
.site .browser-zoom .browser-img-zoom:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.25s;
transition-timing-function: cubic-bezier(1, 0, 1, 1);
}
.site .browser-zoom .browser-img-zoom:after {
content: "";
background: var(--brand-primary-gradient-v);
opacity: 0.6;
}
.site .browser-zoom .browser-img-zoom i {
position: relative;
z-index: 1;
opacity: 0;
visibility: hidden;
color: var(--text-secondary-heading-color);
font-size: 64px;
transform: translateY(16px);
transition: all 0.25s;
transition-timing-function: cubic-bezier(1, 0, 1, 1);
}
.site .browser-zoom:hover .browser-img-zoom {
opacity: 1;
visibility: visible;
}
.site .browser-zoom:hover .browser-img-zoom i {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.site .domain-tlds {
margin: var(--site-section-spacing) 0 0 0;
justify-content: center;
}
.site .domain-tlds > * {
margin-top: var(--ui-block-padding-base);
max-width: 240px;
}
.site .domain-tlds .domain-tld {
display: flex;
justify-content: center;
align-items: center;
font-size: var(--font-size-xlg);
line-height: var(--line-height-xlg);
}
.site .domain-tlds .domain-tld .tld-price {
display: inline-block;
font-weight: var(--font-weight-light);
color: var(--text-lighter-color);
}
.site .domain-tlds .domain-tld .tld-name {
display: inline-block;
color: var(--text-heading-color);
font-weight: var(--font-weight-bold);
margin-right: var(--spacing-2x);
}
.site .domain-tlds .domain-tld .tld-name > span {
color: var(--text-primary-color);
}
.site .domain-tlds > :not(:last-child) {
border-right: 1px solid var(--ui-block-divider-color);
}
@media (max-width: 991.98px) {
.site .site.site-index .domain-tlds .col-sm,
.site .site.site-index .domain-tlds > * {
width: 50%;
max-width: 50%;
flex-basis: auto;
}
}
@media (max-width: 767.98px) {
.site .domain-tlds {
margin: 0 -4px;
}
.site .domain-tlds > * {
padding-left: 4px;
padding-right: 4px;
border: none;
width: 33.33%;
border-right: none !important;
}
.site .domain-tlds .domain-tld {
padding: var(--spacing-1x);
border: 1px solid var(--gray-lighter-4);
border-radius: var(--border-radius-base);
}
}
@media (max-width: 520px) {
.site .domain-tlds > * {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 479.98px) {
.site .site.site-index .domain-tlds .col-sm,
.site .site.site-index .domain-tlds > * {
width: 100%;
max-width: 100%;
}
.site .site.site-index .domain-tlds .domain-tld .tld-name,
.site .site.site-index .domain-tlds .domain-tld .tld-price {
flex-basis: 50%;
}
.site .site.site-index .domain-tlds .domain-tld .tld-price {
text-align: right;
}
}
.site .news-box {
display: flex;
flex-direction: column;
border: var(--ui-block-border);
background: var(--ui-block-bg);
border-radius: var(--ui-block-border-radius);
box-shadow: var(--ui-block-shadow-lg);
transition: all var(--transition-base) !important;
margin-bottom: var(--ui-block-spacing-lg);
}
.site .news-box:hover {
background: var(--tile-hover-bg);
transform: translate3d(0, -8px, 0);
box-shadow: var(--ui-block-shadow-xlg);
}
.site .news-box:hover .icon {
color: var(--tile-border-color-hover);
}
.site .news-box:hover .news-actions > span {
color: var(--link-hover-color);
}
.site .news-box .news-body {
flex: 1;
padding: 16px 20px 20px 24px;
}
.site .news-box .news-date {
color: var(--text-lighter-color);
font-size: var(--site-text-xs-font-size);
margin-bottom: var(--ui-block-spacing-xs);
}
.site .news-box .news-date i {
font-size: var(--site-text-xs-font-size);
margin-right: var(--ui-block-spacing-xs);
color: var(--ui-icon-color);
}
.site .news-box .news-desc {
flex: 1;
font-size: var(--font-size-xlgg);
line-height: var(--line-height-xlgg);
color: var(--text-heading-color);
}
.site .news-box .news-desc p {
margin: 0;
}
.site .news-box .news-actions {
padding: var(--spacing-1x) var(--ui-block-padding-base);
border-top: 1px solid var(--ui-block-divider-color);
font-weight: var(--font-weight-medium);
}
.site .content-slider {
overflow: visible;
max-width: 100%;
position: relative;
}
.site .content-slider-wrapper {
position: relative;
z-index: 1;
display: flex;
height: 100%;
flex-wrap: nowrap;
transition-property: transform;
padding: 0;
}
.site .content-slider-item {
white-space: nowrap;
width: auto;
}
.site .content-slider-item:first-child {
margin-left: var(--ui-block-padding-base);
}
.site .content-slider-item:last-child {
margin-right: var(--ui-block-padding-base);
}
.site .testimonials-item {
background: var(--ui-block-bg);
border: var(--ui-block-border);
box-shadow: var(--ui-block-shadow);
padding: var(--ui-block-padding-base);
width: 100%;
display: flex;
flex-direction: column;
white-space: unset;
border-radius: var(--ui-block-border-radius);
}
.site .testimonials-desc {
margin-bottom: var(--ui-block-spacing-base);
}
.site .testimonials-desc > p:last-child {
margin: 0;
}
.site .testimonials-desc p {
font-size: var(--font-size-xlg);
line-height: var(--line-height-xlg);
}
.site .testimonials-details {
display: flex;
flex-direction: row;
align-items: center;
line-height: var(--site-text-sm-line-height);
margin-top: auto;
}
.site .testimonials-avatar {
margin-right: 32px;
position: relative;
width: 64px;
height: 64px;
background-color: #eee;
border-radius: 100%;
}
.site .testimonials-avatar img {
height: 100%;
border-radius: 100%;
}
.site .testimonials-avatar span {
background-color: var(--brand-primary);
width: 32px;
height: 32px;
display: flex;
align-content: center;
justify-content: center;
color: #fff;
line-height: 60px;
border-radius: 100%;
font-size: 48px;
position: absolute;
bottom: 0;
right: -16px;
}
.site .testimonials-author > span {
font-weight: var(--font-weight-medium);
color: var(--text-heading-color);
}
@media (max-width: 991.98px) {
.site .testimonials.row .testimonials-item {
margin-bottom: var(--ui-block-spacing-base);
}
}
.site .slider .testimonials-item {
min-width: 340px;
margin: 0 12px;
}
.site .check-features {
margin-top: var(--ui-block-spacing-xlg);
}
.site .check-features > * {
padding-top: 4px;
padding-bottom: 4px;
}
.site .check-features .lm-check {
margin-right: var(--ui-block-padding-base);
color: var(--text-primary-color);
}
.site .package-get-started {
background: var(--package-bg);
border: var(--package-border);
border-radius: var(--package-border-radius);
box-shadow: var(--package-block-shadow);
padding: var(--package-padding);
position: relative;
}
@media (min-width: 768px) {
.site .package-get-started {
flex-direction: row;
}
}
.site .package-get-started-content {
flex: 1;
text-align: left;
}
.site .package-get-started-summary {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
border-top: 1px solid var(--ui-block-divider-color);
padding-top: var(--ui-block-spacing-base);
margin-top: var(--ui-block-spacing-base);
}
.site .package-get-started .additional-options .option:not(:first-child),
.site .package-get-started .price:not(:nth-child(3)) {
display: none;
}
.site .package-get-started .choose-product {
margin-bottom: var(--ui-block-spacing-base);
display: flex;
flex-direction: row;
justify-content: space-between;
}
.site .package-get-started .choose-product .btn {
border-radius: var(--border-radius-base);
display: -webkit-box;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
height: 100%;
padding: 30px;
font-size: var(--fotn-size-md);
}
.site .package-get-started .choose-product .btn span {
display: none;
}
.site .package-get-started .choose-product .btn:first-child {
border-radius: var(--border-radius-base);
margin-right: var(--spacing-2x);
}
.site .package-get-started .choose-product .btn.active {
background-color: transparent;
border-color: var(--text-primary-color);
}
.site .package-get-started .choose-product .btn.active svg {
display: none;
}
.site .package-get-started .choose-product .btn.active span {
display: block;
margin-bottom: var(--ui-block-spacing-base);
height: 64px;
width: 64px;
line-height: 64px;
}
.site .package-get-started .choose-product .btn.active span i {
color: var(--text-primary-color);
font-size: 26px;
border: 2px solid var(--text-primary-color);
border-radius: 100px;
padding: 12px;
}
.site .package-get-started .choose-product .btn .svg-icon {
margin-bottom: var(--ui-block-spacing-base);
}
@media (max-width: 991.98px) {
.site .package-get-started .choose-product .btn {
padding: 14px;
}
}
@media (max-width: 479.98px) {
.site .package-get-started .choose-product .btn {
width: 100%;
margin-bottom: 15px;
}
}
@media (max-width: 767.98px) {
.site .package-get-started .choose-product {
justify-content: flex-start;
}
}
@media (max-width: 479.98px) {
.site .package-get-started .choose-product {
flex-direction: column;
}
}
.site .emergency-promo {
position: relative;
padding: var(--ui-block-padding-xlg);
border: 1px solid var(--text-primary-color);
border-radius: var(--border-radius-xlg);
}
.site .emergency-promo-title h3 {
text-align: center;
}
.site .emergency-promo-banner {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
color: var(--brand-primary);
margin-top: var(--ui-block-spacing-base);
}
.site .emergency-promo-banner h4 {
text-align: center;
}
@media (min-width: 768px) {
.site .emergency-promo {
border-top: none;
}
.site .emergency-promo-title {
display: flex;
position: absolute;
top: -20px;
left: 0;
right: 0;
height: 40px;
justify-content: center;
}
.site .emergency-promo-title h3 {
padding: 0 20px;
text-align: center;
}
.site .emergency-promo-title span {
display: block;
flex: 1;
height: 20px;
margin-top: 20px;
border-top: 1px solid var(--text-primary-color);
border-radius: var(--border-radius-xlg);
}
}
.site .section-ssl-upgrade {
padding-bottom: 0;
}
.site .section-ssl-upgrade .browser {
position: relative;
z-index: 2;
}
.site .section-ssl-upgrade .browser-top {
background: transparent;
}
.site .ssl-upgrade {
margin-top: -64px;
padding: 100px 0;
}
.site .ssl-upgrade .section-title {
margin-top: var(--ui-block-spacing-lg);
margin-bottom: var(--ui-block-spacing-lg);
font-weight: var(--font-weight-light);
font-size: 28px;
}
.site .section-secondary.section-ssl-upgrade .ssl-upgrade {
padding-bottom: var(--spacing-8x);
}
.site.site-marketgoo .section-video .embed-responsive {
padding-bottom: 35%;
max-width: 702px;
margin: 0 auto;
}
@media (min-width: 768px) {
.site.site-marketgoo .site-banner {
padding-bottom: 92px;
}
.site.site-marketgoo .section-steps {
margin-top: -92px;
padding: 0;
border: 0;
}
.site.site-marketgoo .section-steps + .site-section {
border-top: none !important;
}
}
@media (max-width: 767.98px) {
.site.site-marketgoo .section-video .embed-responsive {
max-width: 434px;
padding-bottom: 254px;
}
}
@media (max-width: 459px) {
.site.site-marketgoo .section-video .embed-responsive {
max-width: 328px;
padding-bottom: 194px;
}
.site.site-marketgoo .slider .testimonials-item {
margin: 0;
}
.site .slider .testimonials-item {
min-width: 100% !important;
width: 100% !important;
margin: 0;
padding: 24px !important;
}
}
.site .section-templates .templates .nav.nav-tabs li a.active {
color: var(--brand-primary);
}
.site .section-templates .templates .row + .row {
margin-top: var(--spacing-9x);
}
.site .section-templates .templates .previews a {
color: inherit;
}
.site .section-templates .templates .previews a img {
width: 100%;
height: var(--previews-img-height);
object-fit: cover;
object-position: top;
}
.site .section-templates .templates .previews .type-label {
display: none;
}
.site .section-templates .templates .previews .tplname {
display: block;
margin-top: var(--spacing-2x);
text-align: center;
font-weight: var(--font-weight-lighter);
}
.site .section-templates .templates .previews .thumb-wrapper {
text-align: center;
border-radius: var(--border-radius-sm);
box-shadow: var(--box-shadow-xlg);
overflow: hidden;
margin-top: var(--spacing-2x);
}
.site .section-templates .templates .previews .show-more-btn {
margin: var(--spacing-8x) auto 0;
justify-content: center;
}
.site.site-wp-toolkit .site-banner .banner-img {
max-width: 120%;
margin-top: var(--spacing-9x);
}
.site.site-wp-toolkit .site-banner .banner-logo {
max-width: 164px;
}
.site.site-wp-toolkit .site-banner .banner-desc {
display: flex;
align-items: center;
}
.site.site-wp-toolkit .site-section .screenshots {
margin-top: calc(-1 * var(--spacing-3x));
}
.site.site-wp-toolkit .site-section .screenshots .screenshot-thumb {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
padding: var(--spacing-1x);
border: 1px solid var(--gray-lighter-4);
border-radius: var(--border-radius-sm);
position: relative;
margin-top: var(--spacing-3x);
}
.site.site-wp-toolkit .site-section .screenshots .screenshot-thumb > img {
width: 100%;
}
.site.site-wp-toolkit .site-section .screenshots .screenshot-thumb .overlay {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity var(--transition-base);
}
.site.site-wp-toolkit
.site-section
.screenshots
.screenshot-thumb
.overlay
> img {
width: 120px;
height: 120px;
}
.site.site-wp-toolkit
.site-section
.screenshots
.screenshot-thumb:hover
.overlay {
opacity: 1;
}
.site.site-wp-toolkit .site-section img {
max-width: 100%;
}
@media (min-width: 768px) {
.site.site-wp-toolkit .site-banner .banner-logo {
margin-top: calc(-1 * var(--spacing-1x));
margin-left: var(--spacing-2x);
}
.site.site-wp-toolkit .site-banner .banner-desc {
margin-top: var(--spacing-1x);
white-space: nowrap;
flex-wrap: nowrap;
}
}