@import "../fonts/DINPro.font.min.css";
@import "../fonts/Millik.font.min.css";
@import "../fonts/Moderat.font.min.css";
@import "../fonts/ProductSans.min.css";
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sue+Ellen+Francisco&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
html,body
{
    font-family: ProductSans-Medium, serif !important;
}
.logo {
    max-width: 130px;
}
.img-brand{
    max-width: 120px;
}
h1, h2, h3, h4, h5, h6
{
    color: #a4152b;
}
.text-orange{
    color:#f26c31;
}
.ft-size-16
{
    font-size: 16px !important;
}
.ft-size-20
{
    font-size: 20px !important;
}
.text-cpanel
{
    color:#f26c31 !important;
}
.text-plesk
{
    color:#000 !important;
}
.font-Shadows
{
    font-family: 'Shadows Into Light', sans-serif !important;
}
.font-SueEllenFrancisco
{
    font-family: 'Sue Ellen Francisco', sans-serif !important;
}
.font-Caveat
{
    font-family: "Caveat", cursive, sans-serif !important;

}.font-Josefin
{
     font-family: 'Josefin Sans', sans-serif !important;
}
.font-ProductSans
{
    font-family: ProductSans-Medium, serif !important;
}
.font-Bricolage
{
    font-family: 'Bricolage Grotesque', sans-serif !important;
}
.font-DINPro
{
    font-family: DINPro-Medium, serif !important;
    letter-spacing: 0.5px;
}
.font-Millik
{
    font-family: Millik, serif !important;
}
.font-Urbanist
{
    font-family: Urbanist, serif !important;
}
.topbar .topbar-right a,.nav-wrapper ul li a, h1, h2, h3, h4, h5, h6,.ui.button,.ui.menu,.ui.card > .content > .header, .ui.cards > .card > .content > .header,.ui.dropdown,.pricing-column .feature-list
{
    font-family: 'DINPro-Medium', serif !important;
    letter-spacing: 0.5px;
}
p,.ui.input > input,.ui.form input:not([type]), .ui.form input[type="color"], .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="month"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"], .ui.form input[type="week"]
{
    font-family: ProductSans-Medium, serif !important;
}
.ui.form input[type="text"]:focus,.ui.active.upward.selection.dropdown:focus{
    border-radius: 0 !important;
}
.ui.message,.ui.card, .ui.cards > .card,.ui.attached.message,.ui.steps,.ui.action.input > .button:last-child, .ui.action.input > .buttons:last-child > .button, .ui.action.input > .dropdown:last-child {
    border-radius: 0 !important;
}
.ui.buttons .button:first-child {

    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.ui.buttons .button:last-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.ui.modal > .header, .ui.menu , .ui.message .header {font-family: 'Bricolage Grotesque', sans-serif !important; /*border-radius: 8px 8px 0 0; */}
.ui.modal > .close {top: 1.0535rem;right: 1rem;color: rgba(0,0,0,.87);font-size:0.89em;}
.border-bottom
{
    border-bottom: 1px solid #e7e7e7;
}
.ui.card > .content, .ui.cards > .card > .content
{
    border-top: 0 !important;
}
.ui.button
{
    font-weight: normal !important;
}
.nav-wrapper ul li:hover > a {
    color: #a4152b;
}
.nav-wrapper ul li:hover::after, .nav-wrapper ul li:hover {
    color: #a4152b;
}
.alert-link, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
}
.notice-bar .coupon
{
    border:2px dashed #FFF;
    padding: 5px 10px;
    margin:0 25px;
}
.header-right div svg path {
    fill: #a4152b;
}
.product-cart span
{
    color:#666;
    font-size:16px;
    vertical-align:sub !important;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.page-loader-wrapper {text-align: center;z-index: 99999999;position: fixed;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;overflow: hidden;background: #f4f4f5;display: flex;}
.page-loader-wrapper .loader {position: relative;top: calc(40% - 30px);justify-content: center;width: 100%}
.page-loader-wrapper img {width: 38px;height: 38px}
@keyframes loader { from {transform: rotate(0deg)} to {transform: rotate(360deg)} }
.loader {height: 2.8rem;width: 2.5rem;color: #770a1b;display: block;position: relative}
.loader:before, .loader:after {width: 2.5rem;height: 2.5rem;margin: -1.25rem 0 0 -1.25rem;position: absolute;content: '';top: 50%;left: 50%}
.loader:before {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 3px solid currentColor;opacity: .15}
.loader:after {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;animation: loader .6s linear;animation-iteration-count: infinite;border: 3px solid;border-color: transparent;border-top-color: currentColor;box-shadow: 0 0 0 1px transparent}
.notice-bar .notice-info
{
    font-size: 16px;
    font-weight: normal;
}
.notice-bar {
    padding:8px 0;
    background:#a4172b;
    position: relative;
    z-index: 150;
}
.header-gradient {
    /*background:linear-gradient(135deg,rgb(17, 17, 17) 0%,rgb(17, 17, 17) 50%,rgba(245, 9, 9, 0.85) 100%);*/
    background:/*#770A1B;*//*#1a1819*/#2f2d2e;
    font-size: 1.2rem;
}
.topbar .topbar-right a
{
    font-weight: normal;
}
.topbar .topbar-right a:hover {
    color: #fafafa;
}
.topbar .topbar-right a + a::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #fff;
}
mark {
    background: rgba(0,0,0,0);
    color: #ff8057;
    padding: 0;
}
.breadcrumb-area {
    padding: 70px 0 45px 0;
    background: linear-gradient(135deg,rgba(255, 255, 255, 0.85) 0%,rgb(255, 242, 237) 50%,rgba(224, 174, 181, 0.71) 100%),url("../images/colocation-data-center.jpg");
    border-bottom: 1px solid #e7e7e7;

}
.desaturate{filter: grayscale(0%);transition: .2s ease-in;}
.desaturate:hover {filter: grayscale(100%);}
.zoom
{
    transition: transform .2s; /* Animation */
}
.zoom:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.pricing-tab-section.pricing-details-page {
    padding-top: 60px;
}
.pricing-column .pricing-label {
    color: #a4152b;
    font-size: 14px;
    font-weight: 600;
}
.pricing-column .feature-list li i {
    color: #a4152b;
}
.pricing-column {
    padding: 30px 30px;
    border: 1px solid #dededf !important;
}
.pricing-column .feature-list {
    height: 150px;
    overflow: hidden;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    font-size: 14px;
    color: #000;
}
.secondary-btn {
    background-color: #001042;
}
.hm7-feature-box {
    padding: 30px 8px;
    border: 1px solid #dededf !important;
}
.hm7-feature-box h5
{
    font-family: DINPro-Medium, serif;
    color:#000 !important;
}
.hm7-feature-box h6
{
    font-family: ProductSans-Medium, serif !important;
    color:#000 !important;
    font-weight: normal !important;
}
.hm7-feature-box a
{
    color:#0d0c0c !important;
}
.hm7-feature-single.border-right::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    width: 1px;
    background-color:#c0c0c1;
    opacity: .5;

}
.hero-social-2 .social-list li a:hover {
    color: #ff8057;
}
.nav-wrapper ul li.has-submenu .submenu-wrapper {
    background:rgba(32,31,32,.95) none repeat scroll 0 0;
}
.nav-wrapper ul li.has-submenu .submenu-wrapper li a, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item h6
{
    color: #ff8057 !important
}
.nav-wrapper ul li.has-submenu .submenu-wrapper li a, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item:hover h6
{
    color: #000 !important;
}
.nav-wrapper ul li.has-submenu .submenu-wrapper li a, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a {
    color: #fff;
    border-radius: 0 !important;
    border-top: 1px solid rgba(134, 124, 124, 0.15) !important;
}
.nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a:hover, .nav-wrapper ul li.has-submenu .submenu-wrapper li a:hover {
    background: #be5b6a !important;
    border-radius: 0 !important;
    color: #FFF;
}
.hero-img {
    position: relative;
}
.inner-img-one {
    position: absolute;
    z-index: -1;
    bottom: 0;
}
.locations-map
{
    animation: worldRotate 20s linear infinite;
}
/*--- spinner keyframe ---*/
@-webkit-keyframes worldRotate {
    0% {
        -webkit-transform: rotate(0deg) translateX(0px) rotate(0deg);
        transform: rotate(0deg) translateX(0px) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg) translateY(0px) rotate(-360deg);
        transform: rotate(0deg) translateY(0px) rotate(-360deg);
    }
}
@keyframes worldRotate {
    0% {
        -webkit-transform: rotate(0deg) translateX(0px) rotate(0deg);
        transform: rotate(0deg) translateX(0px) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg) translateY(0px) rotate(-360deg);
        transform: rotate(0deg) translateY(0px) rotate(-360deg);
    }
}
.hm10-hero-section {
    padding: 30px 0 120px 0;
    background:/*#770a1b*/ /*#1a1819*/#2f2d2e  !important;
    border-top: 1px solid /*#A04652;*/ #403C3E;
    border-radius: 0 0 50px 50px;
    position: relative;
    z-index: 2;
}
.hm10-hero-search .form-wrapper {
    padding: 32px;
    border-radius: 0 4px 4px 4px;
    max-width: 100%;
}
.hm10-hero-search form .submit-btn {
    background: #a4172b;
    border-radius:0;
}
.hm10-hero-search .label {
    padding: 14px 32px;
    color: #001042;
    border-top: 5px solid #262626;
    background-color: #fff;

    display: inline-block;
}
.hm10-hero-search form .submit-btn:hover {
    background-color:#a4152b;
    color: #fff;
}
.hm7-feature-single h4 span {
    font-size: 14px;
    font-weight: 600;
    margin-left: 6px;
}
.ui.selection.dropdown {
    min-width: auto;
}
.text-warning-emphasis {
    color: #a4152b !important;
}
.ds-bg {
    background: #f6f6f6;
}

.hosting-product h2 {
    font-size: 2rem;
    font-weight: 100;
    margin-top: 20px;
    font-family: millik, serif !important;
}
.hm2-feature-area
{
    background-image: linear-gradient(135deg,rgba(197,34,40,0.85) 0%,rgba(38,9,51,0.85) 50%,rgba(34,69,196,0.85) 100%),url("../images/colocation-data-center.jpg");
    background-size: cover;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}
.hm2-feature-card{border: 1px solid #e7e7e7;}
.hm2-feature-card .icon-wrapper {

    width: 60px;
    height: 60px;
    background-color: rgba(164, 23, 43, 0.83);
    color: #fff;
    font-size: 25px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;

}
.hm2-explore-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 50px;
    height: 3px;
    background: #fff;
}
.hm2-feature-card:hover .icon-wrapper {
    background-color: #a4172b;
    color: #fff;
}
.hm2-footer {
    background:linear-gradient(5deg,rgb(62,58,58) 0%,rgba(36,22,68,0.9)100%),url(../images/colocation-data-center.jpg) center;;
}
.hm2-footer-copyright {
    border-top: 1px solid #262626;
    padding: 10px 0;
    background: #21262a url(../images/sub-footer.png) repeat scroll 0 0;
}
.footer-widget .widget-title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 50px;
    height: 3px;
    background: #a4172b;
}
.footer-widget .footer-nav li a::before {
    color: #a4172b !important;
}
.scrolltop-btn {
    width: 45px;
    height: 45px;
    background: #a4172b;
    position: fixed;
    right: 250px;
    bottom: 25px;
    z-index: 10;
    color: #fff;
    border: 0;
    display: none;
}
@media(max-width:575.98px)
{
    .scrolltop-btn {
        right: 25px;
        bottom: 25px;
    }
}
.ui.message .header
{
    font-family: 'ProductSans-Medium', serif !important;
}
.ui.selection.dropdown, .ui.selection.dropdown .menu > .item
{
    font-size: 15px;
}
.ui.input > input, .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.selection.dropdown, .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"], .ui.button {
    border-radius: 0;
}
@media only screen and (max-width: 767.98px){
    .ui.ordered.steps:not(.unstackable) .step::before, .ui.steps:not(.unstackable) .step > i.icon {
        margin: 1rem 0 1rem 0;
    }
}
.footer-widget .footer-nav li a:hover,.footer-widget .footer-nav li a::before {
    color: #fff;
}
.hm2-footer-copyright .footer-social a {
    width: 25px !important;
    height: 25px !important;
}
.bg-primary-gradient {
    background: linear-gradient(278.54deg,#D08791 15.93%,#AF293A 98.7%);
}
.bg-directadmin-gradient {
    background: linear-gradient(278.54deg,#AFDEFB 15.93%,#0A6DAA 98.7%);
    color:#FFF;
}
.bg-cpanel-gradient {
    background: linear-gradient(278.54deg,#FFE4D8 15.93%,#FF6C2C 98.7%);
    color: #FFF;
}
.bg-plesk-gradient{
    background: linear-gradient(278.54deg,#B8D2E6 15.93%,#384859 98.7%);
    color: #FFF;
}
.bg-directadmin-gradient h2, .bg-plesk-gradient h2,.bg-cpanel-gradient h2 {
    color:#FFF;
}
#footer-color-bar {
    background: linear-gradient(90deg,#f5c31e 40%,#e4002b 40%,#e4002b 49%,#f4704b 49%,#f4704b 66%,#2785cd 66%,#2785cd 83%,#f5c31e 83%);
    height: 8px;
}
/**
 * jQuery Countdown
 *
 * Basic styles for a countdown timer. Feel free to write you own. These are
 * here really for demo purposes only.
 */

#offerCountDown > div {
    display: inline !important;
}
#offerCountDown > div > span {
    display: inline !important;
}
span.count {
    color: #fff;
}
.at-header-social > span {
    color: #ff8057 !important;
    position: relative;
    padding-left: 20px;
    font-weight: 600;
}