html {
scroll-behavior: smooth;
}
@font-face {
font-display: auto;
font-family: 'Josefin Sans';
font-style: normal;
font-weight: 400;
src: url(/wp-content/themes/nmservers/fonts/josefin-sans-v32-latin-regular.woff2) format('woff2'); }
@font-face {
font-display: auto;
font-family: 'Libre Franklin';
font-style: normal;
font-weight: 400;
src: url(/wp-content/themes/nmservers/fonts/libre-franklin-v13-latin-regular.woff2) format('woff2'); }
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: 'Libre Franklin',sans-serif;
font-size: 16px;
line-height: 1.75;
margin: 0;
text-align: left;
background-color: rgb(241, 241, 241);
font-weight: 400;
color: #6c757d;
} .h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Josefin Sans',sans-serif;
line-height: 1.35;
margin-bottom: .5rem;
color: #222;
font-weight: 600;
}
.h1,
h1 {
font-size: 2.125rem;
line-height: 40px;
}
.h2,
h2 {
font-size: 1.625rem;
}
.h3,
h3 {
font-size: 28px;
}
.h4,
h4 {
font-size: 22px;
line-height: 1.2;
}
.h5,
h5 {
font-size: 18px;
}
.h6,
h6 {
font-size: 16px;
}
.text-sm {
font-size: 14px;
}
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #222;
}
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
color: #D80037;
} h1 a span, h1.display-4.mb-3.logo, h2.mb-4.logo, h2 a span { color: #D80037; font-family: sans-serif;}
.section-heading {
margin-bottom: 80px;
}
.section {
position: relative;
padding: 7.125rem 0;
}
@media (min-width: 768px) {
.section {
padding: 6.5rem 0;
}
}
.section-top {
padding-top: 8.125rem;
}
.section-bottom {
padding-bottom: 8.125rem;
}
@media (min-width: 768px) {
.section-top {
padding-top: 10.3125rem;
}
}
.bg-grey {
background: #F4F7FC;
} .btn {
font-size: 16px;
font-weight: 700;
position: relative;
text-transform: capitalize;
padding: .85rem 2rem;
border: 2px solid transparent;
transition: all 0.2s ease-in-out;
letter-spacing: .5px;
border-radius: 50px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
transition: all 0.3s ease-in-out !important;
}
.btn:hover {
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.btn:focus {
box-shadow: none !important;
}
.btn-main {
background: #D80037;
border-color: #D80037;
color: #fff;
}
.btn-main:hover {
color: #fff;
}
.btn-white {
background: #fff !important;
color: #D80037;
border-color: #fff;
}
.btn-border-tp {
border-color: #D80037;
background: transparent;
color: #fff;
}
.btn-border-tp:hover {
background: #D80037;
color: #fff !important;
}
.btn-main-2 {
background: hsla(345, 100%, 42%, 0.8);
border-color: hsla(345, 100%, 42%, 0.9);
color: #fff !important;
} .gradient-bg {
background-image: linear-gradient(25deg, hsla(345, 100%, 42%, 0.8) 0%, #21c87a 100%);
background-repeat: repeat-x;
}
.bg-cover {
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
}
.bg-cover,
.bg-overlay,
.bg-overlay:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.bg-overlay:before {
content: "";
opacity: .55;
background-color: #212529;
}
.bg-primary {
background: #D80037 !important;
}
a {
color: #222;
transition: all 0.3s ease-in-out;
}
a:hover, a:focus {
outline: none;
text-decoration: none;
color: #D80037;
}
.border-top {
border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.border-bottom {
border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.text-color-2 {
color: hsla(345, 100%, 42%, 0.8);
} .page-banner-area {
padding: 120px 0px 40px;
position: relative;
}
.overlay {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
}
.form-control {
border-radius: 0px;
height: 45px;
} .header-padding {
padding: 0px 130px;
}
.main-navigation {
z-index: 9999;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.main-navigation .btn {
padding: .65rem 2rem;
background: transparent;
}
.main-navigation .btn:hover {
background: hsla(345, 100%, 42%, 0.8);
}
.nav-item {
padding: 12px 6px;
}
.navbar-nav .nav-link {
padding-right: 1rem !important;
padding-left: 1rem !important;
font-weight: 700;
font-size: 16px;
text-transform: capitalize;
}
.nav-item.active {
position: relative;
}
.nav-item.active:before {
position: absolute;
content: "";
left: 0px;
bottom: -10px;
width: 30px;
height: 2px;
background: #D80037;
right: 0px;
margin: 0 auto;
}
.nav-item.active .nav-link {
color: #D80037; }
.navbar {
position: relative;
}
.fixed-top {
position: fixed;
z-index: 1030;
right: 0;
left: 0;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
content: "";
vertical-align: middle;
background: no-repeat 50%;
background-size: 100% 100%;
}
.nav-item.dropdown .dropdown-menu {
transition: all 300ms ease;
display: block;
visibility: hidden;
opacity: 0;
top: 120%;
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
border: 0px;
padding: 0px;
position: absolute;
}
.nav-item.dropdown:hover .dropdown-menu {
opacity: 1;
visibility: visible;
top: 100%;
}
.header-bar.fixed-header .main-navigation {
position: fixed;
left: 0;
top: 0;
width: 100%;
background: rgba(20, 27, 40, 0.9);
border-color: transparent;
} .dropdown-menu {
opacity: 0;
}
.dropdown-menu.show {
-webkit-animation: .2s forwards b;
animation: .2s forwards b;
}
@-webkit-keyframes b {
to {
opacity: 1;
}
}
@keyframes b {
to {
opacity: 1;
}
}
.dropdown-item {
font-size: 15px;
font-weight: 500;
padding: 12px 20px;
margin: 0 auto;
transition: background-color .1s;
text-transform: capitalize;
}
.dropdown-item:hover {
color: #fff;
text-decoration: none;
background-color: #D80037;
}
.navbar-collapse.collapse.show {
background: #fff;
}
@media (max-width: 480px) {
.nav-item.dropdown .dropdown-menu {
margin: 0 auto;
left: 0px;
right: 0px;
text-align: center;
}
}
@media (max-width: 400px) {
.nav-item.dropdown .dropdown-menu {
margin: 0 auto;
left: 0px;
right: 0px;
text-align: center;
}
}
@media (max-width: 768px) {
.nav-item.dropdown .dropdown-menu {
margin: 0 auto;
left: 0px;
right: 0px;
text-align: center;
}
}
.header-white {
background: #fff;
z-index: 999999;
} .py-7 {
padding: 4.5rem 0;
}
.py-8 {
padding: 8.5rem 0;
} .banner {
background: #F8FAFF;
padding-bottom: 130px;
}
.main-banner {
padding: 100px 0px;
}
.main-banner p {
margin-bottom: 40px;
}
.main-banner .display-4 {
margin-top: 45px;
font-weight: 700;
}
.banner-img {
padding-top: 70px;
}
@media (max-width: 480px) {
.display-4 {
font-size: 2.5rem;
}
}
@media (max-width: 400px) {
.display-4 {
font-size: 30px;
}
}
@media (max-width: 768px) {
.display-4 {
font-size: 2.5rem;
}
}
.bg-3 {
position: relative;
background: url(/wp-content/themes/nmservers/images/milky-way.avif) no-repeat 50% 100px;
background-size: cover;
}
#banner-4 {
position: relative;
background: url(/wp-content/themes/nmservers/images/banner-2.jpg) no-repeat;
background-size: cover;
}
.section-subtitle {
font-size: 14px;
padding: 0.5rem 1rem;
color: #222;
border-radius: 25px;
background-color: rgba(121, 110, 255, 0.1);
}
.about-block .process {
margin-right: 30px;
}
.about-block .number {
width: 50px;
height: 50px;
background: #D80037;
color: #fff;
border-radius: 100%;
display: inline-block;
text-align: center;
font-weight: 600;
padding-top: 10px;
}
.text-lg {
font-size: 40px;
line-height: 1.1;
}
.feature {
margin-top: -70px;
position: relative;
z-index: 9999;
}
.feature-item {
box-shadow: 12px 7px 90px 0 rgba(110, 123, 131, 0.1);
background: #fff;
border-radius: 5px;
position: relative;
z-index: 1;
}
.feature-item p {
margin-bottom: 0px;
}
.feature-item h4 {
position: relative;
}
.feature-item h4:before {
position: absolute;
content: "";
left: 0px;
top: 47px;
background: #D80037;
width: 30px;
height: 2px;
transition: all .45s ease;
}
.feature-item:before {
background: #D80037;
position: absolute;
content: "";
left: 0px;
top: 0px;
bottom: 0px;
width: 0;
height: 100%;
z-index: -1;
transition: all .45s ease;
}
.feature-item:hover:before {
width: 100%;
}
.feature-item h4, .feature-item p, .feature-item i {
transition: all .45s ease;
}
.feature-item:hover h4,
.feature-item:hover p,
.feature-item:hover i {
color: #fff !important;
}
.feature-item:hover h4:before {
background: rgba(255, 255, 255, 0.5);
}
.video-section {
position: relative;
}
.video-section:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
opacity: .8;
}
.video-section .video-play {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
margin: auto;
bottom: 0px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.video-section .video-play i {
font-size: 40px;
width: 120px;
height: 120px;
background: hsla(345, 100%, 42%, 0.8);
color: #fff;
border-radius: 100%;
display: inline-block;
text-align: center;
padding-top: 40px;
}
.cta-2 {
background: url(/wp-content/themes/nmservers/images/milky-way.avif) no-repeat 50% 100px;
background-size: cover;
}
.cta-content {
background: #D80037;
padding: 65px;
}
.cta-content h2, .cta-content p {
color: #fff;
}
.cta-content p {
margin-bottom: 35px;
}
.cta {
position: relative;
background: url(/wp-content/themes/nmservers/images/milky-way.avif) no-repeat;
background-size: cover;
}
.cta:before {
background: #D80037;
opacity: .9;
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.counter-block span {
color: #D80037;
font-size: 70px;
line-height: 1.4;
}
.page-banner-area {
background: #F8FAFF;
}
@media (max-width: 480px) {
.text-lg {
font-size: 30px;
line-height: 1.3;
}
}
@media (max-width: 400px) {
.feature-item h4:before {
display: none;
}
.service-item-block {
display: block !important;
}
.service-item-block .icon {
margin-bottom: 20px;
}
.about-block {
display: block !important;
}
.about-block .process {
margin-bottom: 20px;
}
.test-author-thumb {
display: block !important;
}
.test-author-thumb .img-block {
margin-bottom: 10px;
}
.cta-content {
padding: 30px;
}
.footer-socials a {
margin-bottom: 5px;
}
.footer-btm-menu a {
margin-left: 0px;
margin-left: 25px;
}
.pricing-box {
padding: 20px 20px !important;
margin-bottom: 30px !important;
}
}
@media (max-width: 768px) {
.test-author-thumb {
display: block !important;
}
.test-author-thumb .img-block {
margin-bottom: 10px;
}
}
.service-block {
border: 1px solid rgba(0, 0, 0, 0.04);
padding: 40px 20px;
position: relative;
}
.service-block .content {
margin-top: 20px;
}
.service-block i {
color: #D80037;
}
.service-block:before {
background: #D80037;
position: absolute;
content: "";
left: 0px;
top: 0px;
bottom: 0px;
width: 0;
height: 100%;
z-index: -1;
transition: all .45s ease;
}
.service-block:hover:before {
width: 100%;
}
.service-block h4, .service-block p, .service-block i {
transition: all .45s ease;
}
.service-block:hover h4,
.service-block:hover p,
.service-block:hover i {
color: #fff !important;
}
.service-2 {
position: relative;
background: url(/wp-content/themes/nmservers/images/about-shape.png) no-repeat;
background-position: center bottom;
background-size: cover;
}
.service-2 .section-heading {
margin-bottom: 50px;
}
.service-item-block {
padding: 30px;
transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
margin-bottom: 15px;
border: 1px solid rgba(0, 0, 0, 0.04);
background: #fff;
}
.service-item-block i {
color: #D80037;
margin-bottom: 10px;
}
.service-item-block:hover {
box-shadow: 12px 7px 90px 0 rgba(110, 123, 131, 0.1);
}
.service-img {
margin-top: -40px;
}
.grayscale { filter: grayscale(100%); }
.primary-bg {
background: #D80037;
}
.secondary-bg {
background: hsla(345, 100%, 42%, 0.8);
}
.pricing-box {
box-shadow: 12px 7px 90px 0 rgba(110, 123, 131, 0.1);
background: #fff;
border-radius: 5px;
position: relative;
overflow: hidden;
border: 1px solid transparent;
transition: all .45s ease;
}
.pricing-box .price h2 {
font-size: 70px;
}
.pricing-box .price-features {
margin: 30px 0px;
}
.pricing-box .price-features li {
padding: 5px 0px;
}
.pricing-box .featured {
position: absolute;
right: 0px;
top: 30px;
background: hsla(345, 100%, 42%, 0.8);
display: inline-block;
padding: 4px 19px;
color: #fff;
border-radius: 20px 0px 0px 20px;
font-weight: 600;
transition: all .45s ease;
}
.pricing-box .btn {
transition: all .45s ease;
}
.pricing-box:hover {
border: 1px solid #D80037;
}
.pricing-box:hover .featured {
background: #D80037;
}
.pricing-box:hover .btn {
background: #D80037;
border-color: #D80037;
}
.card.blog-item {
border: 0px;
}
.card.blog-item .card-footer {
background: transparent;
}
.card.blog-item .read-more {
font-size: 14px;
color: #D80037;
font-weight: 600;
}
.card.blog-item .section-subtitle {
color: #222;
}
.blog-item {
box-shadow: 12px 7px 90px 0 rgba(110, 123, 131, 0.1);
background: #fff;
border-radius: 3px;
}
.blog-item .blog-item-content {
padding: 30px;
border-top: 5px solid transparent;
transition: all 600ms;
}
.blog-item:hover .blog-item-content {
border-top: 5px solid #D80037;
cursor: pointer;
}
.blog-item:hover h4 > a {
color: #D80037;
}
.blog-item .card-footer {
padding: 10px  30px;
}
.text-color {
color: #D80037; }
.post-navigation a {
width: 50px;
height: 50px;
border: 2px solid rgba(0, 0, 0, 0.08);
display: inline-block;
text-align: center;
font-weight: 700;
padding-top: 10px;
}
.post-navigation a:hover {
background: hsla(345, 100%, 42%, 0.8);
color: #fff;
border-color: hsla(345, 100%, 42%, 0.8);
}
.post-navigation a.active {
background: hsla(345, 100%, 42%, 0.8);
color: #fff;
border-color: hsla(345, 100%, 42%, 0.8);
}
.sidebar-widget {
background: #F4F7FC;
padding: 30px;
}
.sidebar-widget h5 {
position: relative;
padding-bottom: 15px;
}
.sidebar-widget h5:before {
position: absolute;
content: "";
left: 0px;
bottom: 0px;
width: 40px;
height: 2px;
background: #D80037;
}
.sidebar-widget.category ul li {
padding: 10px 0px;
margin-bottom: 5px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.sidebar-widget.category ul li:last-child {
border-bottom: 0px;
}
.sidebar-widget.tags a {
display: inline-block;
padding: 5px 12px;
text-transform: capitalize;
margin-bottom: 4px;
background: #fff;
}
blockquote {
font-size: 20px;
padding: 40px;
border-left: 3px solid #D80037;
background: #eee;
}
.single-tags li a {
display: inline-block;
padding: 5px 14px;
text-transform: capitalize;
margin-bottom: 4px;
border: 1px solid rgba(0, 0, 0, 0.05);
} .test-item {
padding: 40px;
position: relative;
background: #fff;
transition: all .7s ease;
margin: 0px 5px;
margin-bottom: 40px;
border-radius: 15px;
border: 1px solid rgba(0, 0, 0, 0.04);
}
.test-item:before {
position: absolute;
content: "";
width: 80%;
height: 90%;
background: #fff;
bottom: -30px;
border-radius: 15px;
margin: 0 auto;
z-index: -1;
}
.test-item i {
font-size: 60px;
opacity: .6;
position: absolute;
right: 40px;
bottom: 20px;
color: #D80037;
}
.test-item:hover {
cursor: pointer;
}
.test-author-thumb .img-block {
margin-top: -8px;
}
.test-author-thumb img {
border-radius: 100%;
width: 80px;
height: 80px;
border: 5px solid #eee;
}
.testimonial-item-content {
margin-top: 20px;
} .testimonial .content img {
margin: 0 auto 30px;
border: 3px solid #fff;
}
.img-md {
width: 120px;
height: 120px;
border-radius: 100%;
}
.test-block {
background: #fff;
margin: 0px 1px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.03);
padding: 40px;
}
.test-block h2 {
text-transform: capitalize;
color: #D80037;
} .contact-info-block {
padding: 40px 20px;
}
.contact-info-block h4 {
margin-bottom: 0px;
}
.contact-info-block i {
font-size: 40px;
margin-bottom: 20px;
display: block;
color: #D80037;
}
.form-control {
border: 1px solid rgba(0, 0, 0, 0.04);
box-shadow: 12px 7px 90px 0 rgba(110, 123, 131, 0.1);
background: #fff;
height: 60px;
padding-left: 15px;
}
.form-control:focus, .form-control:hover {
border-color: #D80037;
box-shadow: none;
} #map {
height: 400px;
width: 100%;
} .lh-35 {
line-height: 35px;
}
.footer {
padding: 80px 0px 20px 0px;
}
.footer-links a {
line-height: 38px;
font-size: 15px;
text-transform: capitalize;
color: #6c757d;
}
.footer-links a:hover {
color: #D80037;
}
.footer-links i {
width: 25px;
}
.footer-copy {
font-size: 16px;
}
.footer-btm-menu a {
margin-left: 25px;
color: #222;
font-weight: 600;
}
.current-year, .footer-btm-menu a:hover {
color: #D80037 !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border: 1px solid #D80037 !important;
color:#721c24;background-color:#f8d7da;border-color:#f5c6cb
}
.footer-socials a {
color: #D80037;
width: 40px;
height: 40px;
background: #F4F7FC;
display: inline-block;
text-align: center;
padding-top: 8px;
border-radius: 3px;
}
.footer-socials a:hover {
color: #D80037;
background: #222;
}
.text-black {
color: #222;
}
section.section.service-page.service1 {
padding: 0px;
}
#waas, #managed, #wpopt, #pa, #sysadmin, #sec, #gw, #dev, #api, #wpdev {
scroll-margin-block-start: 110px;
scroll-margin-block-end: 110px;
}
a.btn.btn-main:focus, .read-more-2:hover {color: white;}
.read-more-2,.read-more-2:focus {
font-size: 80%;
color: black;
font-weight: 600;
}
.wpcf7 form .wpcf7-response-output {
margin: 0px;
padding: 0.2em 1em;
}
.wpcf7 form.sent .wpcf7-response-output {
color:#155724;background-color:#d4edda;border-color:#c3e6cb;
}