@font-face { font-family: "DejaVu Sans"; font-weight: normal; src: url("https://cdn.dearnex.cloud/s/files/1740c1b9/9d4a/4e47/9d0b/190343e0ff05/assets/fonts/DejaVuSans.ttf") format("truetype") } @font-face { font-family: "DejaVu Sans"; font-weight: bold; src: url("https://cdn.dearnex.cloud/s/files/1740c1b9/9d4a/4e47/9d0b/190343e0ff05/assets/fonts/DejaVuSans-Bold.ttf") format("truetype") } @font-face { font-family: "DejaVu Sans"; font-weight: 100; src: url("https://cdn.dearnex.cloud/s/files/1740c1b9/9d4a/4e47/9d0b/190343e0ff05/assets/fonts/DejaVuSans-ExtraLight.ttf") format("truetype") } @font-face { font-family: "DejaVu Sans Condensed"; font-weight: bold; src: url("https://cdn.dearnex.cloud/s/files/1740c1b9/9d4a/4e47/9d0b/190343e0ff05/assets/fonts/DejaVuSansCondensed-Bold.ttf") format("truetype") } @font-face { font-family: "DejaVu Sans Condensed"; font-weight: normal; src: url("https://cdn.dearnex.cloud/s/files/1740c1b9/9d4a/4e47/9d0b/190343e0ff05/assets/fonts/DejaVuSansCondensed.ttf") format("truetype") } @font-face { font-family: "DejaVu Sans Book"; font-weight: normal; src: url("https://cdn.dearnex.cloud/s/files/1740c1b9/9d4a/4e47/9d0b/190343e0ff05/assets/fonts/DejaVuSansBook.ttf") format("truetype") } body { font-family: 'DejaVu Sans Book',sans-serif; background-color: #f6f6f7; scroll-behavior: smooth; } @media(min-width: 2560px) { body { max-width: 2560px; margin: 0 auto; } } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family: 'DejaVu Sans Condensed'; font-weight: normal; color: #000; } h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong { color: #037abb; font-weight: bold; } .display-1,.display-2,.display-3,.display-4 { font-family: 'DejaVu Sans',sans-serif; font-weight: normal; color: #2a2a2a; } .display-1 { font-size: 3rem; } .display-2 { font-weight: normal; font-size: 2.5rem; color: #000; } p { font-size: 14px; line-height: 18px; color: #6e6e6e; } .p-15 { font-size: 16px !important; line-height: 24px !important; } .p-25 { font-size: 18px !important; line-height: 28px !important; } @media (min-width: 992px) { .display-1 { font-size: 4rem; } .display-2 { font-weight: normal; font-size: 3.5rem; color: #000; } p { font-size: 1rem; line-height: 1.5rem; color: #6e6e6e; } .p-15 { font-size: 1.15rem !important; line-height: 1.75rem !important; } .p-25 { font-size: 1.25rem !important; line-height: 1.85rem !important; } } @media (max-width: 992px) { h1,.h1 { font-size: 1.75rem; } h2,.h2 { font-size: 1.5rem; } h3,.h3 { font-size: 1.25rem; } h4,.h4 { font-size: 1rem; } h5,.h5 { font-size: 0.9rem; } h6,.h6 { font-size: 0.8rem; } } .navbar-header { background-color: #121417; background: linear-gradient(200deg,rgba(31,194,147,1) 0%,rgba(0,117,189,1) 100%); padding: 1rem 1rem; } .navbar-header.navbar-expand-lg .navbar-nav .nav-link { padding: 0.5rem 1rem !important; border-radius: 5px; } .navbar-header.navbar-expand-lg .navbar-nav .nav-link:hover { background-color: #037abb; color: #fff; } .container { max-width: 1600px; } .hero-image { border-radius: 10px; box-shadow: 0 0 45px rgba(0,0,0,0.25); background-color: #fff; } .hero-image img { border-radius: 10px; } .slider-image { margin: 25px 0; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.5); background-color: #fff; } .slider-image img { border-radius: 10px; } .content-box { border-radius: 20px; box-shadow: 0 0 15px rgba(0,0,0,0.15); background-color: #fff; padding: 0; height: 100%; display: flex; flex-direction: column; } .content-image { margin-top: auto; } .content-image img { border-radius: 0 0 20px 20px; } .content-box h1 { font-weight: bold; color: #037abb; } .content-box p { font-size: 1.25rem; line-height: 2.25rem; } .content-box p:last-child { margin: 0; } @media (max-width: 992px) { .content-box p { font-size: 16px; line-height: 24px; } } .content-order-manage { background-color: #007DB5 !important; color: #fff; } .content-order-manage h1 { color: #fff; } .content-order-manage p,.content-marketing p { color: #fff; } .content-marketing { background-color: #00204a !important; color: #fff; } .content-seo { background-color: #eff5ff !important; } .content-domains { background-color: #f2f3f5 !important; } .content-support { } .revolving-box { height: 80px; overflow: hidden; position: relative; } .revolving-static { height: 80px; } .revolving-static .display-2 { line-height: 80px; margin: 0; } .revolving-box .revolving-list { float:right; margin-left: 1rem; padding: 0; -webkit-animation: scrollUp 4s ease-in-out infinite normal; animation: scrollUp 4s ease-in-out infinite normal; } .revolving-box .revolving-list li { opacity: 1; height: 80px; padding: 0; list-style: none; font-size: 3.5rem; line-height: 80px; color: #00c2ff; text-align: left; font-weight: bold; } @-webkit-keyframes scrollUp { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-80%); transform: translateY(-80%); } } @keyframes scrollUp { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-80%); transform: translateY(-80%); } } .footer-top { padding: 2rem 0; border-top: 5px solid #037abb; background-color: #000000; background: linear-gradient(200deg,rgba(31,194,147,1) 0%,rgba(0,117,189,1) 100%); color: #fff !important; } .footer-top p { font-size: 1rem; } .footer-copyright { border-top: 1px solid #ffffff; background-color: #ffffff; color: #000000; } @media (max-width: 992px) { .footer { text-align: center; } } .hero { min-height: 75vh; display: flex; align-items: center; background-image: url(""); } .hero-work { background-image: url(""); min-height: 100vh; } .featured-themes.featured-shadow { box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.4); } .featured-themes.featured-shadow .owl-item { margin-top: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.4); } .dx-hero { padding: 5rem 0; background-color: #ffffff; color: #fff; margin-bottom: 3rem; } .dx-hero h1,.dx-hero p { color: #fff; } .dx-hero-content { position: relative; z-index: 1; } .dearnex-wave { position: absolute; left: 0; right: 0; bottom: 0; z-index: 0; max-width: 2560px; transform: translateY(50%); background: linear-gradient(to bottom,transparent 40%,#037abb 50%,transparent 60%,transparent 60%); } .dearnex-wave img { display: block; font-size: 0; } .dearnex-wave img:first-child { transform: scaleX(-1) scaleY(-1); margin-bottom: 0; } .dearnex-wave img:last-child { } .faq-question { background-color: #fff; } .faq-question > a .h5 { font-family: 'DejaVu Sans Book',sans-serif; } .faq-question > a:hover { text-decoration: none; color: #037abb; } .faq-wrapper p { font-size: 1rem; } .info-section h1 { color: #fff; } .ready-section { } .ready-section p { font-size: 0.85rem; line-height: 1.25rem; } .ready-section .title { font-family: 'DejaVu Sans Condensed',sans-serif; font-size: 1.25rem; font-weight: bold; color: #000; } .ready-section .tab-content { background-color: #ffffff; } .ready-section .nav-pills .nav-link { border-radius: 0; border-left: 3px solid transparent; } .ready-section .nav-pills .nav-link.active { background-color: #fff; border-left-color: #037abb; } .nav-features .nav-link { padding: 1rem; color: #000; border-radius: 0; font-weight: bold; } .nav-features .nav-link:hover { background-color: #5ba8d3; color: #fff; } .nav-product-tabs { background-color: #ffffff; color: #fff; padding: 0.5rem; border-radius: 10px; } .nav-product-tabs .nav-link { color: #fff; background-color: transparent; border-radius: 10px; padding: 0.5rem 2rem; font-weight: bold; } .nav-product-tabs .nav-link.active { background-color: #037abb; color: #fff; } .product-title { font-weight: bold; color: #191919; } .product-price { font-weight: bold; color: #037abb; } .product-tag { border-radius: 10px; padding: 0.5rem 1rem; font-size: 14px; } .feature-nav { top: 3rem; } .nav-small-pills { padding: 10px; border-radius: 10px; background-color: #ffffff; color: #fff; } .nav-small-pills .nav-link { padding: 0.5rem 1.5rem; color: #fff; font-weight: bold; } .rounded-large { border-radius: 20px; } .btn { font-weight: bold; } .btn-lg { font-size: 1.15rem; padding: 0.75rem 1.5rem; } .article { border: 1px solid transparent; display: block; padding: 1.5rem; height: 100%; transition: background-color ease .25s; border-radius: 0.5rem; } .article:hover { transition: ease all .5s; cursor: pointer; text-decoration: none; border-color: #037abb; box-shadow: 0 0 8px rgba(3,122,187,0.5); color: #000; } .article .article-title { margin: 0 0 0.5rem 0; font-size: 1em; font-weight: bold; color: #333; } .article .article-description { margin: 0; } .article .article-icon { flex: 0 0 45px; } .article-content { font-family: arial,sans-serif; } .article-content h1 { font-size: 1.75rem; font-weight: bold; font-family: arial,sans-serif; } .article-tree ul { list-style: none; } .article-tree .nav-link { font-size: 0.85rem; padding: 0.5rem 1rem; } .article-tree .nav-item .nav-link.category { font-weight: bold; } .article-tree ul { padding: 0; } .breadcrumb-wrapper,.breadcrumb { background-color: #333333; color: #fff; } .breadcrumb-item a { color: #fff; } .breadcrumb-item + .breadcrumb-item::before,.breadcrumb-item.active { color: #fff; }