.site { font-size: var(--site-text-font-size); line-height: var(--site-text-line-height); font-weight: var(--site-text-font-weight); overflow: hidden; } .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-subtitle-bottom { margin: var(--site-section-title-margin-bottom) auto 0 auto; } .site .site-section .section-sides .section-subtitle, .site .site-section .section-sides .section-title { text-align: right; 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: right; } .site .site-section .section-sides .section-desc .text-default { color: var(--text-body-color); } .site .site-section .section-graphic { display: flex; justify-content: center; } .site .site-section .section-graphic .graphic > img { max-width: 100%; } .site .site-section .section-graphic-illustration { height: var(--site-section-illustration-height); position: relative; z-index: -1; } @media (max-width: 991.98px) { .site .site-section .section-graphic-illustration { height: var(--site-section-illustration-height-sm); width: var(--site-section-illustration-width-sm); margin-left: auto; margin-right: auto; } .site .site-section .section-graphic-illustration svg { height: 100%; width: 100%; } } .site .site-section .section-graphic-illustration .promo-slider-icon { position: absolute; top: 0; right: 0; opacity: 0; bottom: unset; height: auto; width: var(--site-section-illustration-width); will-change: transform, opacity; } @media (max-width: 991.98px) { .site .site-section .section-graphic-illustration .promo-slider-icon { width: var(--site-section-illustration-width-sm); } } .site .site-section .section-graphic-illustration .promo-slider-icon.svg-marketgoo { visibility: visible; animation-name: showSliderIcons; animation-duration: 0.32s; animation-timing-function: cubic-bezier(0, 0, 0, 1); animation-fill-mode: forwards; margin: 0; } .site .site-section .section-graphic-illustration .promo-slider-icon.svg-marketgoo:first-child { animation-delay: 0.72s; } .site .site-section .section-graphic-illustration .promo-slider-icon.svg-marketgoo:nth-child(2) { animation-delay: 0.64s; } .site .site-section .section-graphic-illustration .promo-slider-icon.svg-marketgoo:nth-child(3) { animation-delay: 0.56s; } .site .site-section .tab-content-cpanelseo { margin-top: var(--spacing-8x); } .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 .tab-content-cpanelseo { margin-top: var(--spacing-4x); } .site .site-section .tab-pane-cpanelseo .section-sides { display: flex; flex-direction: column; } .site .site-section .tab-pane-cpanelseo .section-sides .section-content { order: 2; } .site .site-section .tab-pane-cpanelseo .section-sides .section-graphic { margin-top: 0 !important; } .site .site-section .section-sides .section-graphic { justify-content: center !important; } .site .site-section .section-sides .section-content + .section-graphic, .site .site-section .section-sides .section-graphic + .section-content { margin-top: var(--site-section-sides-spacing); } } .site .lagom-default .site-section .section-graphic-illustration .promo-slider-icon.svg-marketgoo .svg-browser-body, .site .lagom-default .site-section .section-graphic-illustration .promo-slider-icon.svg-marketgoo .svg-graphs-bg, .site .lagom-default .site-section .section-graphic-illustration .promo-slider-icon.svg-marketgoo .svg-phone-bg { fill: var(--gray-faded); } @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-right: 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-right: 0; margin-left: 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-title { flex-direction: row-reverse; } .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; flex-direction: row-reverse; } .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 .section-primary .product-billing-switcher .dropdown-toggle, .site .section-secondary .product-billing-switcher .dropdown-toggle { border-color: var(--btn-light-border); background: var(--btn-light-bg); color: var(--btn-light-color); min-width: var(--dropdown-min-width); } .site .section-primary .product-billing-switcher .dropdown-item, .site .section-secondary .product-billing-switcher .dropdown-item { flex: 100%; width: 100%; border: 0; background: transparent; transition: color var(--transition-base), background var(--transition-base), padding var(--transition-base); } .site .section-primary .product-billing-switcher .dropdown-item.active, .site .section-secondary .product-billing-switcher .dropdown-item.active { background-color: var(--dropdown-link-active-bg); } .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-left: 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-left: var(--spacing-2x); } .site .domain-tlds .domain-tld .tld-name > span { color: var(--text-primary-color); } .site .domain-tlds > :not(:last-child) { border-left: 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; text-align: right; } .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); text-align: right; } .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 .content-slider-item-img img { box-shadow: var(--box-shadow-lg); width: 768px; border-radius: var(--border-radius-lg); margin: 0 var(--spacing-2x); } @media (max-width: 991.98px) { .site .content-slider-item-img img { width: 664px; } } @media (max-width: 767.98px) { .site .content-slider-item-img img { width: 510px; margin: 0; margin-right: var(--spacing-1x); } } @media (max-width: 520px) { .site .content-slider-item-img img { width: 305px; } } .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-left: 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-left: 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-right: var(--spacing-2x); } .site.site-wp-toolkit .site-banner .banner-desc { margin-top: var(--spacing-1x); white-space: nowrap; flex-wrap: nowrap; } }