/*
Dicon HTML5 Template - Red Color CSS File
Author : seven_themes
Author URI : http://seventhemes.net
-------------------------------------- */

.preloader .item-list .loader {background: #ff214f;}
@keyframes loading-1 {
    0%{
        box-shadow: 0 0 0 10px #e8e8e8, 0 0 0 12px rgba(255, 33, 79,0.75);
    }
    40%{
        box-shadow: 0 0 0 10px transparent, 0 0 0 20px transparent;
    }
    50%{
        background:  rgb(255, 33, 79);
        transform: scale(1.3) rotateY(20deg);
    }
    100%{ transform: rotateY(180deg); }
}
.section-title .separator {background-color: #ff214f;}
.mainmenu ul.nav.navbar-nav > li:hover > a {color: #ff214f;}
.mainmenu ul.nav.navbar-nav > li.active > a {color: #ff214f;}
.header-text > span {color: #ff214f;}
.cd-headline.loading-bar .cd-words-wrapper::after {background-color: #ff214f;}
.header-text a.blue-button {background-color: #ff214f;border: 2px solid #ff214f;}
.header-text a.hover-blue-style:hover {background-color: #ff214f;border: 2px solid #ff214f;}
.header-text a i {color: #ff214f;}
.service .single-service .icon i {color: #ff214f;}
.service .single-service a {color: #ff214f;}
.fun-facts .fact i {color: #ff214f;}
.about a {background-color: #ff214f;border: 2px solid #ff214f;}
.about .about-image a i {color: #ff214f;}
.promo .promo-content span {color: #ff214f;}
.promo .promo-content a.blue-button {background-color: #ff214f;border: 1px solid #ff214f;}
.portfolio .portfolio-filter li:hover {color: #ff214f;}
.portfolio .portfolio-items .single-portfolio .portfolio-image .portfolio-icon i:hover {background-color: #ff214f;}
.team .single-team .team-content p {color: #ff214f;}
.pricingTable:hover {border-color: #ff214f;}
.pricingTable .read:hover {color: #ff214f;border-color: #ff214f;}
.pricingTable .read:hover:before {border-color: #ff214f;}
.pricingTable .read:hover:after {border-color: #ff214f;}
.promo2 .promo-content a {background-color: #ff214f;border: 1px solid #ff214f;}
.blog .single-blog a {color: #ff214f;}
.testimonial .post {color: #ff214f;}
.contact .contact-form input[type=submit]:hover {background-color: #ff214f;}
.widgets .single-widgets a {border: 2px solid #ff214f;}
.widgets .single-widgets a:hover {background-color: #ff214f;border-color: #ff214f;}
#footer .social-link a:hover {color: #ff214f;}
#footer .copyright p a {color: #ff214f;}