/*

[Custom Stylesheet]

Project: SSDCloud - Multipurpose Hosting with WHMCS and Technology Business Template
Version: 1.9
Author : themelooks.com

*/
body {
    color: #1e1e1e !important;
}

.qnax {
    width: 24px;
    height: 24px;
    visibility: collapse;
}

.qnax1 {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 13px;
    left: 15px;
}

.ezhelpx {
    width: 24px;
    height: 24px;
    visibility: collapse;
}

.ezhelpx1 {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 20px;
    left: -3px;
}

.containerTYPE {
    display: inline-block;
    position: absolute;
    top: 55%;
    left: calc(50vw - 80px);
    /*
    left: 0;
    right: 0;
    margin: -15px auto 0;*/
    color: #fff;

}
.typed-out {
    overflow: hidden;
    border-right: .15em solid #fff;
    white-space: nowrap;
    width: 0;
    animation: typing 1s forwards;
}

@keyframes typing {
  /*
  from { width: 0 }
  to { width: 100%; border-right: .15em solid #113c77; }
  to { width: 100%; border-right: .15em solid #113c77; }
  */
  
  0% { width: 0; border-right: .15em solid #fff; }
  /*68%, 72% { left: 50px; }*/
  99% { width: 99%; border-right: .15em solid #fff;}
  100% { width: 100%; border-right: .15em solid #113c77; }
}

.typed-out span {
    color: orange;
}


.page_header > div > div > ul > li {
    color: #fff !important;
}

.header_top {
    height: 40px !important;
}

.header_top_text {
    margin: 5px 0px !important;
}

.logo_img {
    width: 87%;
    margin: 10px;
}

.logo_img_div {
    padding-left: 0px;
    padding-right: 0px;
}

.logo_margin {
    margin-left: -60px !important;
}

.meun_margin {
    margin-left: 20px;
}

.header--nav-links > li {
    font-weight: 500;
}


.middleware_menu {
    padding-top: 0px;
}

@media (max-width: 992px) {
    .middleware_menu {
        padding-top: 20px;
    }
    
    .logo_margin {
        margin-left: -15px !important;
    }

}
@media (max-width: 768px) {
    .middleware_menu {
        padding-top: 20px;
    }

    .logo_margin {
        margin-left: -15px !important;
    }

}
@media (max-width: 576px) {
    .middleware_menu {
        padding-top: 20px;
    }

    .logo_margin {
        margin-left: -15px !important;
    }

}

@media (max-width: 480px) {
    .middleware_menu {
        padding-top: 20px;
    }

    .logo_margin {
        margin-left: -15px !important;
    }

}

@media (max-width: 380px) {
    .middleware_menu {
        padding-top: 20px;
    }

    .logo_margin {
        margin-left: -15px !important;
    }

}