html, body, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
box-sizing: border-box;
font-family: "Roboto";
font-weight: 300;
font-size: 14px;
line-height: 1.5;
overflow-x: hidden;
scroll-behavior: smooth;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.object-fit-cover{
object-fit: cover;
}
.text-justify {
text-align: justify;
}
strong {
font-weight: bolder;
}
:root {
--color-main: #0053fc;
--color-text: #8187A1;
--color-title: #040F43;
--history_authority-percent: 0;
--domain_authority-percent: 0;
}
.color-text {
color: var(--color-text);
}
.color-title {
color: var(--color-title);
}
.color-main {
color: var(--color-main);
}
.bg-gray {
background-color: #F7F9FF;
}
.header.is-scrolled, .theme-seo-theme:not(.page-template-home-page) .header {
background: linear-gradient(289deg, rgb(20, 37, 141) 0%, rgb(5, 16, 68) 85%, rgb(4, 15, 65) 100%);
}
.logo img {
max-width: 100%;
}
.banner-wrapper {
height: 400px !important;
background-size: cover;
position: relative;
}
.content-wrapper {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 100px;
}
.title-banner {
font-size: 48px;
font-weight: bold;
color: #fff !important;
}
.desc-banner {
color: var(--color-text) !important;
}
.header {
position: fixed;
top: 0;
width: 100%;
left: 0;
z-index: 10;
height: 73px;
display: flex;
align-items: center;
justify-content: center;
transition: all .05s ease-in;
}
#menu-main-menu {
list-style: none;
gap: 30px;
}
#menu-main-menu > li > a {
color: #fff;
text-decoration: none;
font-weight: 500;
font-size: 16px;
display: block;
}
#menu-main-menu > li {
padding: 0 12px;
line-height: 4.5;
position: relative;
}
#menu-main-menu > li::before {
content: "";
width: 0px;
height: 1.5px;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
background: #fff;
transition: all .3s;
opacity: 0;
}
#menu-main-menu > li:hover::before {
width: 50%;
opacity: 1;
}
#menu-main-menu > li.menu-item-has-children:hover >.sub-menu{
display: block;
opacity: 1;
top: 100%;
}
#menu-main-menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children {
position: relative;
}
#menu-main-menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children svg {
display: none;
}
#menu-main-menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children:hover > .sub-menu {
display: block;
left: 100%;
top: 0;
transform: translateX(0);
opacity: 1;
}
.sub-menu {
background: #fff;
box-shadow: 0px 10px 36px 0px rgba(5, 17, 71, 0.2);
transition: all .3s;
border-radius: 2px;
text-align: center;
left: 50%;
transform: translateX(-50%);
width: 160px;
position: absolute;
top: 150%;
opacity: 0;
list-style: none;
display: none;
}
.sub-menu > li > a {
text-decoration: none;
color: var(--color-title);
transition: all .3s;
}
.sub-menu > li {
line-height: 3;
transition: all .3s;
}
.sub-menu > li:hover {
background: #F7F9FF;
}
.sub-menu > li:hover a {
color: #E8001C;
}
#menu-main-menu > li.menu-item-has-children svg mask, #menu-main-menu > li.menu-item-has-children svg path {
fill: #fff;
}
.btn-1 {
width: 68px;
height: 38px;
border-radius: 2px;
border: 1px solid rgba(255, 255, 255, 0.3);
background-color: rgba(0, 0, 0, 0);
font-size: 14px;
color: #fff !important;
}
.btn-2 {
width: 95px;
height: 38px;
background: linear-gradient(180deg, rgba(61, 127, 255, 1) 0%, rgba(0, 83, 252, 1) 64%, rgba(0, 59, 252, 1) 100%);
border-radius: 2px;
font-size: 14px;
color: #fff !important;
border: none;
}
.icon-cart {
border: 1px solid #fff;
border-radius: 80px;
padding: 1px;
}
.input-search-wrapper {
display: grid;
grid-template-columns: 4fr 1.3fr 1fr;
}
.input-search-wrapper input, .input-search-wrapper select {
padding: 14px;
height: 100%;
font-size: 16px;
color: #040F43;
padding-left: 20px;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(234, 239, 255, 1) 89%, rgba(234, 239, 255, 1) 100%);
border: none;
outline: none;
line-height: 1.5;
}
.input-search-wrapper input {
border-radius: 2px 0px 0px 2px;
}
.btn-search {
background: linear-gradient(180deg, rgba(61, 127, 255, 1) 0%, rgba(0, 83, 252, 1) 64%, rgba(0, 59, 252, 1) 100%);
border-radius: 0px 2px 2px 0px;
font-size: 16px;
color: #fff;
border: none;
height: 100%;
}
.form-banner {
position: absolute;
width: 100%;
z-index: 9;
left: 50%;
transform: translateX(-50%);
bottom: 80px;
}
.tab-nav {
padding: 24px 0 24px 19px;
height: 94px;
background: #F7F9FF;
cursor: pointer;
}
.tab-nav:not(:last-child) {
border-bottom: 1px dashed #E1E6F0;
}
.tab-nav .cat-name {
color: #687896;
font-family: 'PingFang', 'sans-serif';
font-size: 18px;
font-weight: bold;
}
.tab-nav:hover .cat-name {
color: var(--color-main);
}
.tab-nav.active {
background: #fff;
}
.cat-desc {
font-family: 'PingFang', 'sans-serif';
color: #A2AFDC;
font-size: 14px;
font-weight: 400;
}
.list-product-by-cat {
background: #fff;
display: none;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
grid-auto-rows: 1fr;
transition: all 1s ease-in-out;
}
.list-product-by-cat.active {
display: grid;
}
.list-product-by-cat .product {
background: #FFFFFF;
border: 1px solid #E1E6F0;
display: flex;
align-items: stretch;
justify-content: center;
flex-direction: column;
}
.product-title {
color: var(--color-title);
font-size: 16px;
font-weight: bold;
}
.product-price {
font-family: Arial, Helvetica, sans-serif;
}
.product-price span{
color: red;
}
.box-shadow-custom {
box-shadow: 0px 10px 36px 0px rgba(5, 17, 71, 0.07);
display: grid;
grid-template-columns: 1fr 3fr;
border-radius: 6px;
}
.swiper-button-next,
.swiper-button-prev {
opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; }
.list-domain-type:hover .swiper-button-next, .list-domain-type:hover .swiper-button-prev{
opacity: 1; visibility: visible;
}
.list-domain-type:hover .swiper-button-disabled {
opacity: .3;
}
.domain-type .domain-desc {
padding-left: 20px;
color: var(--color-text);
}
.domain-type {
transition: all .3s ease;
border: 1px solid #e1e6f0;
transition-property: unset !important;
}
.domain-type:hover, .reason:hover {
margin-top: -10px;
box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.07);
}
.domain-name {
font-family: 'DINProM';
font-weight: bold;
font-size: 32px;
color: var(--color-main);
}
.other-price {
font-size: 14px;
}
.other-price .fs-small {
font-size: 12px;
}
.other-price:first-child {
border-right: 0.5px solid #E1E6F0;
}
.other-price:last-child {
border-left: 0.5px solid #E1E6F0;
}
.general-price {
color: #E8001C;
font-size: 30px;
line-height: 30px;
font-weight: 400;
}
.register-button {
text-align: center;
background: linear-gradient(180deg, #3d7fff 0%, #0053fc 64%, #003bfc 100%);
border-radius: 2px;
font-size: 16px;
color: #fff;
border: none;
outline: none;
height: 42px;
padding: 0px 16px;
font-weight: bold;
}
.register-button:hover, .btn-2:hover{
opacity: .8;
}
.swiper-button-next, .swiper-button-prev {
color: #fff !important;
padding: 16px 6px;
background: linear-gradient(180deg, #3d7fff 0%, #0053fc 64%, #003bfc 100%);
}
.swiper-button-next::after, .swiper-button-prev::after {
font-size: 14px !important;
}
.swiper-pagination-bullet {
width: 20px !important;
height: 5px !important;
border-radius: 0 !important;
opacity: 1 !important;
background: #EFEFEF !important;
}
.swiper-pagination-bullet-active {
background: var(--color-main) !important;
}
.list-reasons {
display: grid;
gap: 20px;
grid-template-columns: repeat(3, 1fr);
}
.reason {
border: 1px solid var(--color-title);
background: #ffffff;
border-radius: 2px;
padding: 40px 0 0 30px;
transition: all 0.1s;
}
.faq-tab .info-tab-header {
background: linear-gradient(270deg, #F2997E 0%, #EC7161 100%);
color: #fff;
}
.info-tab-list {
border: 1px solid #e1e6f0;
border-top: 0;
}
.info-post:not(:last-child) .info-post-title {
border-bottom: 1px dashed #e1e6f0;
}
.notice-tab .info-tab-header{
background: linear-gradient(270deg, #4D83EC 0%, #0D3DDC 100%);
color: #fff;
}
.news-tab .info-tab-header{
background: linear-gradient(270deg, #49539B 0%, #343C72 100%);
color: #fff;
}
.info-tab {
box-shadow: 0px 10px 36px 0px rgb(5 17 71 / 7%);
}
.info-post:hover {
background: #F2F5FF;
}
.banner-bottom {
background: url(//tenmienco.com/wp-content/themes/seo-theme/assets/images/reg_bottombg.png);
background-size: cover;
}
.footer-text {
font-size: 24px;
}
.btn-register{
background: none;
border: 1px solid #fff;
color: #fff;
padding: 6px 16px;
transition: all 0.3s;
border-radius: 2px;
width: fit-content;
}
.btn-register:hover {
background-color: #fff;
color: #003BFC;
}
.bg-blue {
background: linear-gradient(309deg, rgba(0, 17, 120, 1) 0%, rgba(5, 16, 68, 1) 46%, rgba(4, 15, 65, 1) 100%);
}
.footer-title {
font-size: 16px;
color: rgba(255, 255, 255, .8);
}
.footer_menu a, .footer_menu {
font-size: 14px;
color: rgba(255, 255, 255, .5);
line-height: 26px;
text-decoration: none;
line-height: 2;
}
ul.footer_menu  {
list-style: none;
}
.footer_menu a:hover {
color: #fff;
}
.border-right {
border-right: 1px solid rgba(216, 216, 216, .2);
}
.border-bottom {
border-bottom: 1px solid rgba(216, 216, 216, .2) !important;
}
.list-partner {
display: grid;
grid-template-columns: repeat(9, 1fr);
gap: 14px;
}
.spec-footer-text {
font-size: 18px !important;
}
.fs-big a{
font-size: 24px;
}
.circle-percent {
width: 54px;
height: 54px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.history_authority-percent {
background: conic-gradient(
#7362bf calc(var(--history_authority-percent) * 1%), 
#e1e6f0 0
);
}
.domain_authority-percent {
background: conic-gradient(
#91ba38 calc(var(--domain_authority-percent) * 1%), 
#e1e6f0 0
); 
}
.icon-parameter {
width: 54px;
height: 54px;
border-radius: 50%;
background: #07ab69;
font-weight: bold;
font-size: 34px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.parameter-icon {
width: 54px;
height: 54px;
border-radius: 50%;
background: #7a86b6;
font-weight: normal;
font-size: 28px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.circle-inner {
width: 30px;
height: 30px;
background: white;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.main  {
padding-top: 90px;
}
.detail-domain-table tr td, .domain-website-history td{
border: 1px solid #E1E6F0;
color: #8187A1;
padding: 8px;
}
td.border-none {
border: none !important;
}
.detail-domain-table tr:last-child, .detail-domain-table tr:nth-child(4) {
border: 1px solid #e1e6f0;
}
.list-parameter {
display: grid;
grid-template-columns: repeat(4, 1fr);
padding: 12px 0px;
}
.detail-domain-name h1 {
font-size: 18px;
color: #E8001C;
line-height: 1;
}
.section_title {
position: relative;
padding-left: 32px !important;
font-size: 16px;
}
.section_title::before {
content: '';
position: absolute;
left: 16px;
width: 6px;
height: 16px;
top: 50%;
background: linear-gradient(180deg, #669AFF 0%, #2D72FF 64%, #3464FF 100%);
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.list-related-domains {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
.related-domain {
border: 1px solid #E1E6F0;
height: 51px;
}
.related-domain:hover {
border-color: var(--color-main);
}
.domain-price, .related-domain-price {
color: #B40000;
}
.related-domain:hover .related-domain-name {
color: var(--color-main);
}
.btn-buy {
padding: 6px;
background: linear-gradient(180deg, rgba(61, 127, 255, 1) 0%, rgba(0, 83, 252, 1) 64%, rgba(0, 59, 252, 1) 100%);
border-radius: 2px;
font-size: 14px;
color: #fff;
border: none;
display: none;
}
.related-domain:hover .related-domain-price {
display: none;
}
.related-domain:hover .btn-buy {
display: block;
}
.button.buy-now {
padding: 7px 6px 6px !important;
background: linear-gradient(180deg, rgba(61, 127, 255, 1) 0%, rgba(0, 83, 252, 1) 64%, rgba(0, 59, 252, 1) 100%) !important;
border-radius: 2px !important;
font-size: 14px !important;
color: #fff !important;
border: none !important;
line-height: 1.5 !important;
}
.detail-domain-table .button.add_to_cart_button {
color: var(--color-main) !important;
border: none !important;
background: none !important;
line-height: 1.5 !important;
font-size: 14px !important;
border-right: 1px solid #E1E6F0 !important;
font-weight: normal !important;
}
.position-sticky {
position: sticky;
position: -webkit-sticky;
left: 0;
top: 0px;
}
#list-domain thead {
position: sticky;
top: 72px;
left: 0;
z-index: 9;
}
#list-domain thead th {
border-bottom: 1px solid #E1E6F0;
}
#list-domain {
border: 1px solid #e1e6f0;
border-collapse: separate;
}
#list-domain tbody tr th {
border-bottom: 1px dotted #e1e6f0;
}
#list-domain tbody tr:nth-child(even) {
background: #FAFAFA;
}
.buy-now-archive, #list-domain  .btn-cart-archive{
background: none !important;
border: 1px solid var(--color-main) !important;
color: var(--color-main) !important;
font-weight: 400 !important;
border-radius: 0 !important;
height: 34px !important;
}
.btn-pagination {
padding: 3px 8px;
border: 1px solid var(--color-main);
color: var(--color-main);
text-decoration: none !important;
}
.btn-pagination.disabled {
border-color: var(--color-text);
color: var(--color-text);
}
.product-archive .section_title::before  {
bottom: 1;
transform: translateY(0);
}
.post-wrapper{
border-bottom: 1px dotted #e1e6f0;
}
.post-wrapper:hover {
background: #F2F5FF;
}
.list-categories {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 10px;
}
.post-cat {
padding: 4px;
text-align: center;
height: 32px;
color: var(--color-title);
font-weight: 400;
text-decoration: none;
border: 1px solid var(--color-title);
}
.post-cat:hover, .post-cat.active{
border: 1px solid var(--color-main);
color: var(--color-main);
}
.post-single-title {
font-size: 24px;
}
.fs-small {
font-size: 12px;
}
.previous-post a, .next-post  a {
text-decoration: none;
}
.cart-count {
color: #E8001C;
font-size: 14px;
position: absolute;
top: -10px;
right: -5px;
font-weight: bold;
display: block;
} .woocommerce-cart .product-thumbnail {
display: none;
} .woocommerce-cart .product-quantity input.qty {
display: none;
} .woocommerce-cart .shipping {
display: none;
}
.wc-block-cart__submit-button {
display: block;
text-decoration: none;
color: #fff;
background: linear-gradient(180deg, rgba(61, 127, 255, 1) 0%, rgba(0, 83, 252, 1) 64%, rgba(0, 59, 252, 1) 100%);
font-weight: bold;
width: fit-content;
border: none;
outline: none;
}
.wc-block-cart__submit-button:focus {
outline: none;
}
.wc-block-cart__submit-button:hover {
color: #fff;
}
.wc-block-components-product-name {
color: var(--color-title);
text-decoration: none;
font-weight: bold;
font-size: 24px !important;
}
.wc-block-cart-item__image, .wc-block-components-product-badge, .wc-block-components-order-summary-item__image {
display: none !important;
}
.wc-block-cart-item__product {
width: 100%;
}
.about-banner-content {
width: 100%;
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.about-tab-list {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
background: rgba(4, 15, 65, 0.5);
}
.about-header-tab {
font-size: 16px;
cursor: pointer;
display: block;
font-weight: 500;
}
.about-header-tab.active {
background: #3464FF;
}
.section-image {
aspect-ratio: 2;
border-radius: 4px;
}
.section-image img, .company-phisolophy img {
transition: all .3s ease;
}
.section-image:hover img, .company-phisolophy img:hover {
transform: scale(1.1);
}
.philosophy {
transition: all .3s ease;
}
.philosophy:not(:last-child) {
border-bottom: 1px solid #e1e6f0;
}
.company-phisolophy {
box-shadow: 0px 10px 36px 0px rgba(5, 17, 71, 0.07);
}
.philosophy:hover {
background: #3464FF;
}
.philosophy:hover .philosophy-title, .philosophy:hover .philosophy-content {
color: #fff;
}
.philosophy-title {
font-size: 16px;
font-weight: 500;
}
.philosophy {
height: 130px;
display: flex;
flex-direction: column;
justify-content: center;
}
.reason-icon img {
max-width: 100%;
height: 60px;
margin: 0px auto;
}
.about-reasone-title {
font-size: 16px;
}
.company-map iframe {
width: 100%;
}
.about-content-tab, .wp-block-woocommerce-checkout-shipping-method-block {
display: none;
}
.about-content-tab.active {
display: block;
}
.contact-grid {
display: grid;
grid-template-columns: 2.5fr 1fr;
gap: 12px;
}
.hotline-number {
font-size: 32px;
}
.wc-block-components-form .wc-block-components-checkout-step {
margin-bottom: 0px !important;
}
.single-post-content ul, .single-post-content ol {
padding-left: 20px;
}
.btn-scroll-top {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
background: var(--color-main);
position: fixed;
bottom: 7px;
right: 25px;
z-index: 9999;
font-size: 24px;
cursor: pointer;
line-height: 1.5;
}
.popup-wrapper {
position: fixed;
z-index: 99999;
background: rgb(0 0 0 / 80%);
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
align-items: center;
justify-content: center;
}
.popup-wrapper.active {
display: flex;
}
.popup-content {
margin: 0 AUTO;
background: var(--color-main);
border-radius: 11px;
width: 100%;
position: relative;
max-width: 35%;
}
.close-popup {
position: absolute;
top: -25px;
right: 0;
z-index: 1000000;
}
.color-red {
color: red;
}
.inputVal {
display: none;
font-size: 12px;
color: red;
}
.cursor-pointer {
cursor: pointer;
}
.btn-submit-form-popup {
margin: 10px auto 0px;
background: none;
border: 1px solid #fff;
color: #fff;
display: block;
padding: 4px 8px;
}
.woocommerce-form-login input {
padding: 8px !important;
}
.woocommerce-account .main .col-12 {
width: 75% !important;
margin: auto;
}
.detail-domain-table .added_to_cart.wc-forward  {
display: none !important;
}
.custom-breadcrumb ul {
list-style: none;
display: flex;
gap: 8px;
align-items: center;
}
.custom-breadcrumb ul a {
color: var(--color-text);
text-decoration: none;
}
.custom-breadcrumb ul i {
font-weight: 300;
color: var(--color-text);
}
.about-section-3 .reason {
min-height: 294px;
}
.woocommerce-checkout .single-post-content, .woocommerce-checkout  .wp-block-woocommerce-checkout {
padding-top: 0 !important;
}