/*

[MatRoz Core Stylesheet]

Project: HiHostings - Efficient and Reliable Web Hosting Service
Version: 2.9
Author : themelooks.com

*/

/*------------------------------------*\
    COLOR
\*------------------------------------*/
#topNav a.navbar-brand span.first,
#topNav a.navbar-brand i.fa,
.team-item h2 a:hover,
.facts-icon i.fa,
.post-title h2:hover a,
.post-item .mdl-card__actions .comments:hover,
.contact-address i.fa,
.links-widget li a:hover,
#tweets a,
#tweets li:before,
#copyright p a,
.about-page-description blockquote p,
.team-social-links li a:hover,
.breadcrumb>.active,
.popular-post-item h5 a:hover,
#tweets2 li:before,
#tweets2 a,
.blog-page-content.post-details blockquote p,
.comment-thumb a,
.feature-item .icon i.fa,
.primary-social-menu-links li a:hover,
.preloader-logo span.first,
.preloader-logo i.fa,
.breadcrumb li a:hover,
.blog-page-content.post-details a.post-author-name:hover,
.blog-page-content.post-details .post-author .social-share li a:hover,
.reg--login .helper-link:hover {
    color: #ff5252;
}

/*------------------------------------*\
    BACKGROUND COLOR
\*------------------------------------*/
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:hover,
.pagination > li > span:hover,
.pagination > li > span:focus,
.pagination > li.active > span,
.pagination > li.active > span:hover,
.pagination > li.active > span:hover,
#preloader .progressbar,
#preloader .auxbar,
.preloader-logo span.third,
#topNav a.navbar-brand span.third,
.openNav,
.offCanvasNav,
.info-items .owl-controls,
.info-items .owl-page,
#callToAction,
#subscribe,
.header-item a.mdl-button.read-more,
.header--badge-1,
.header--badge-1:before,
.header--badge-1:after,
.header--badge-1 p:before,
.header--badge-2,
#domainSearch,
.app-features-content ul li .icon,
.app-features-content ul li:after,
.dev-content ul li .icon,
.dev-content ul li:after,
.section-title:before,
.appScreenshotsSlider .owl-page.active,
#bgVideo .play-button a,
.team-items .owl-page.active,
.team-skills .about-description a.read-more,
.team-skills .progress-bar,
.feedback-item .mdl-card__supporting-text,
.feedback-item .mdl-card:before,
.feedback-items .owl-page.active,
.facts:hover i.fa,
.pct-price-tag,
#moreApps .controls button.mdl-button,
.post-item .mdl-card__actions .read-more,
.contact-form-status .alert,
.contact-form label:after,
.page-title h2:before,
.widget-title:before,
.categories-widget .nav-tabs.nav-justified>li:hover>a,
.categories-widget .nav-tabs.nav-justified>li:focus>a,
.categories-widget .nav-tabs.nav-justified>.active>a,
#postCommentForm label:after,
#f0f a.read-more,
.feature-item:hover .icon,
.feature-item .read-more-btn a.mdl-button,
.contact-address,
.footer-title:before,
.footer-about a.read-more.mdl-button,
#topNav .navbar-header .navbar-toggle .icon-bar,
.pct-img figcaption .pct-tag span:before,
#topNavbar .login--btn,
#domainPricing table thead,
#domainPricing table .mdl-button.mdl-button--accent,
.reg--login .submit-btn.mdl-button,
.reg--login .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.reg--login .mdl-textfield__label:after {
    background-color: #ff5252;
}

.pricing-table-item .mdl-card__actions a,
.contact-form button[type="submit"],
.tags-widget ul li a,
input.mdl-button[type=submit] {
    background-color: #ff5252 !important;
}

.offCanvasNav .nav .dropdown-menu {
    background-color: #E04848;
}

.map-toggle-btn {
    background-color: rgba(255,82,82,0.8);
}

#preloader .bufferbar,
#preloader .auxbar {
    background-image: linear-gradient(to right, rgba(255,255,255,.7), rgba(255,255,255,.7)), linear-gradient(to right, #ff5252, #ff5252);
}

/*------------------------------------*\
    BORDER COLOR
\*------------------------------------*/
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:hover,
.pagination > li > span:hover,
.pagination > li > span:focus,
.pagination > li.active > span,
.pagination > li.active > span:hover,
.pagination > li.active > span:hover,
#topNavbar .nav > li > a:hover,
#topNavbar .nav > li.active > a,
#topNavbar .topNavDropdown li a:hover,
.app-features-content ul li.active:after,
.dev-content ul li.active:after,
.appScreenshotsSlider .owl-page,
.team-items .owl-page,
.feedback-items .owl-page,
.post-title h2:hover,
.links-widget li a:hover,
#tweets a:hover,
.header-item h2,
.about-page-description blockquote,
#tweets2 a:hover,
.blog-page-content.post-details blockquote,
.post-title h2,
#topNavbar .nav ul > li > a:hover,
#topNavbar .nav ul > li.active > a,
#topNav .navbar-header .navbar-toggle,
.header-content ul li:before,
.reg--login .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border-color: #ff5252;
}


.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #050f18!important;
    border-color: #050f18!important;
}
.domain-checker-container {
    margin: 20px 0;
    padding: 0;
    background-color: #ff5252!important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff5252), to(#930303))!important;
    background: -webkit-linear-gradient(top, #930303, #ff5252)!important;
    background: -moz-linear-gradient(top, #930303, #ff5252)!important;
    background: -ms-linear-gradient(top, #930303, #ff5252)!important;
    background: -o-linear-gradient(top, #930303, #ff5252)!important;
}

.btn-primary {
    color: #fff;
    background-color: #050f18!important;
    border-color: #050f18!important;
}

.domain-pricing .tld-pricing-header div:nth-child(odd) {
    border-color: #050f18!important;
    background-color: #f5f5f5;
}

.domain-pricing .tld-row.highlighted {
    background: #fdf3f3!important;
}

#order-standard_cart .header-lined h1 {
    position: relative;
    background-color: #050f18!important;
    border-radius: 4px;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
}

#order-standard_cart .header-lined h1:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #050f18!important;
    margin-left: -10px;
}

.domain-checker-bg {
    margin: 0;
    padding: 80px 0;
    background-repeat: no-repeat;
    background-position: 110% -5px;
    background-image: none!important;
}

.featured-tld .price.net {
    background-color: #37ef0e!important;
    color: #fff;
}

#order-standard_cart .products .product .btn-success {
    border-color: #28a845!important;
}

.sidebar .panel-heading {
    color: #ff5252!important;
    border-color: #f0f0f0;
    border-radius: 0;
    cursor: pointer;
}

.landing-page.ssl .certificate-options {
    background-color: #050f18!important;
    color: #fff;
}
.landing-page.ssl .ideal-for.dv i {
    color: #050f18!important;
}
.landing-page.ssl .certificate-options .col-md-3.sidebar ul li, .landing-page.ssl .certificate-options .col-md-4.sidebar ul li, .landing-page.ssl .certificate-options .col-md-6.sidebar ul li {
    background-color: transparent;
    text-align: left;
    padding-right: 20px;
    color: #eee;
    border-color: #ff5252!important;
}

.bg-light {
    background-color: #050f18 !important;
}
.navbar-light .navbar-nav .nav-link{
    color: #ffffff!important;
}
.navbar-light .navbar-nav .active .nav-link{
    color: #050f18!important;
}
.landing-page.ssl .validation-levels {
    padding: 20px 20px 0 20px;
    background-color: #32a73a !important;
    text-align: center;
}

.landing-page.ssl .validation-levels .item .btn {
    padding: 6px 20px;
    background-color: #ff5252 !important;
    color: #fff;
}

.landing-page.ssl .competitive-upgrade-promo {
    margin: 80px 0 40px 0;
    background-color: #050f18!important;
    font-size: 2em;
    color: #fff;
    font-weight: 300;
    text-align: center;
}

.landing-page.ssl .detailed-info .card-header {
    background-color: #ff5252 !important;
    color: #fff;
    border-radius: 3px;
}

.landing-page.ssl .what-is-ssl .fas, .landing-page.ssl .what-is-ssl .far {
    float: left;
    color: #ff5252 !important;
    font-size: 2em;
    padding-right: 15px;
}

.landing-page.ssl .ssl-benefits i {
    display: block;
    margin: 20px 0;
    font-size: 5em;
    color: #ff5252 !important;
}

.master-breadcrumb {
    display: none!important;
}

.btn-outline-primary {
    color: #ff5252 !important;
    border-color: #ff5252 !important;
}

.btn-outline-primary:hover {
    color: #fff!important;
    background-color: #ff5252 !important;
    border-color: #ff5252 !important;
}

.action-icon-btns a .ico-container i {
    color: #050f18!important;
}