/*

[HostMania Core Stylesheet]

Project: HostMania - Material Design Web Hosting With WHMCS Template
Version: 1.1
Author : themelooks.com

*/

/*------------------------------------*\
    COLOR
\*------------------------------------*/
.navigation--topbar-social > ul > li > a:hover,
.navigation--topbar-social > ul > li > a:focus,
.navigation--navbar .navbar-brand span,
.navigation--nav .nav > li:hover > a,
.navigation--nav .nav > li.active > a,
.navigation--nav .nav > li.open > a,
.navigation--nav .nav > .dropdown > .dropdown-menu > li > a:hover,
.navigation--nav .nav > .dropdown > .dropdown-menu > li > a:focus,
.navigation--nav .nav > .dropdown > .dropdown-menu > li.active > a,
.service--flip 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,
.preloader-logo span.first,
.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,
.f0f-content .mdl-textfield.is-focused .mdl-textfield__label {
    color: #ff9800;
}

/*------------------------------------*\
    BACKGROUND COLOR
\*------------------------------------*/
.bg--color-main,
.mdl-button--color.mdl-button,
.mdl-button--color.mdl-button.mdl-button--raised,
.preloader-logo span.third,
.navigation--navbar .navbar-toggle .icon-bar,
.openNav,
.offCanvasNav,
.info-items .owl-controls,
.info-items .owl-page,
#callToAction,
#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 .progress-bar,
.feedback-item .mdl-card__supporting-text,
.feedback-item .mdl-card:before,
.feedback-items .owl-page.active,
.facts:hover i.fa,
#moreApps .controls button.mdl-button,
.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,
.contact-address,
.footer-title:before,
#domainPricing table thead,
.reg--login .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.reg--login .mdl-textfield__label:after,
.feature--content h3:after,
.feature--content h3:before,
.f0f-content .mdl-textfield.is-focused .mdl-textfield__label:after {
    background-color: #ff9800;
}

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

/* PRELOADER */
#preloader .progressbar.bar1 {
    background-color: #ff9800;
}
#preloader .bufferbar {
    background-image: linear-gradient(to right, rgba(255,255,255,.7), rgba(255,255,255,.7)), linear-gradient(to right, #ff9800, #ff9800);
}
#preloader .auxbar {
    background-image: linear-gradient(to right, rgba(255,255,255,.7), rgba(255,255,255,.7)), linear-gradient(to right, #ff9800, #ff9800);
}

/*------------------------------------*\
    BORDER COLOR
\*------------------------------------*/
.service--flip i.fa,
.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,
.header-content ul li:before,
.reg--login .mdl-checkbox.is-checked .mdl-checkbox__box-outline,
#domainPricing table tr,
.faq--categories li a:hover,
.faq--categories li.active a {
    border-color: #ff9800;
}