/* =Common Styles - FF3B30

OLD RED COLOUR = E 9 3 C 3 6     HOVER > e 5 4 1 2 b

PINK COLOUR = f f 0 2 9 6      HOVER >  f f 3 d a e

BLUE COLOUR = 6 5 2 d f f
-------------------------------------------------------------- */
a {
    color: #ff0296;
}

span.divider {
    background-color: #ff0296;
}

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
#contact .form-control:focus,
#contact .form-control:hover,
#contact .form-control:active {
    border-color: #ff0296;
}

#contact .has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #ff0296;
}

.demo_changer .demo-icon {
    background: #ff0296;
}

#royal_preloader.royal_preloader_number .royal_preloader_percentage:after {
    border-left-color: #ff0296;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background-color: #ff0296;
    border: 1px solid #ff0296;
    border-bottom: 2px solid #ff0296;
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: #ff0296;
}

.nav-tabs>li>a:hover {
    border-color: #ff0296;
}

a:focus,
a:hover {
    color: #ff0296;
}

ul.list-arrow-2-color li:before {
    color: #ff0296;
}

ul.list-arrow-color li:before {
    color: #ff0296;
}

/* =Buttons
-------------------------------------------------------------- */
.btn-default:hover {
    background-color: #ff0296;
    border-color: #ff0296;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    background-color: #ff0296;
    border-color: #ff0296;
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    background-color: #ff0296;
    border-color: #ff0296;
}

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #ff0296;
    border-color: #ff0296;
}

.btn-primary {
    background-color: #ff0296;
    border-color: #ff0296;
}

.btn-primary:hover {
    background-color: #ff3dae;
    border-color: #ff3dae;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    background-color: #ff3dae;
    border-color: #ff3dae;
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    background-color: #ff3dae;
    border-color: #ff3dae;
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #ff3dae;
    border-color: #ff3dae;
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #ff3dae;
    border-color: #ff3dae;
}

.btn-primary.focus,
.btn-primary:focus {
    background-color: #ff3dae;
    border-color: #ff3dae;
}

.btn-light:hover {
    background-color: #ff0296;
    border-color: #ff0296;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #ff0296;
}

/* =Progress Bars
-------------------------------------------------------------- */
.progress-bar {
    background-color: #ff0296;
}

/* =Modals
-------------------------------------------------------------- */
.modal-header {
    background: #ff0296;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ff0296 0%, #ff3dae 35%, #ff0296 66%, #ff0296 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff0296 0%, #ff3dae 35%, #ff0296 66%, #ff0296 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0296 0%, #ff3dae 35%, #ff0296 66%, #ff0296 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0296', endColorstr='#ff0296', GradientType=1);
    /* IE6-9 */
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #ff0296;
}


/* =Navigation
-------------------------------------------------------------- */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #ff0296;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #ff0296;
}

.navbar-default .navbar-toggle {
    border-color: #ff0296;
    background-color: #ff0296;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #ff3dae;
}

/* =Jumbotron Main
-------------------------------------------------------------- */
#particles-js {
    background: #ff0296;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ff0296 0%, #ff3dae 35%, #ff0296 66%, #ff0296 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff0296 0%, #ff3dae 35%, #ff0296 66%, #ff0296 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0296 0%, #ff3dae 35%, #ff0296 66%, #ff0296 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0296', endColorstr='#ff0296', GradientType=1);
    /* IE6-9 */
}

/* =Our Process
-------------------------------------------------------------- */
#our-process .process-icons {
    color: #ff0296;
}

/* =Testimonial
-------------------------------------------------------------- */
.fade-quote-carousel.carousel .carousel-indicators .active {
    background-color: #ff0296;
}

.fade-quote-carousel.carousel .carousel-indicators>li {
    border: 1px solid #ff0296;
}

/* =Services
-------------------------------------------------------------- */
.services-icon {
    font-size: 40px;
    color: #ff0296;
}

/* =About
-------------------------------------------------------------- */
.basic-carousel.carousel .carousel-indicators>li {
    border: 1px solid #ff0296;
}

.basic-carousel.carousel .carousel-indicators .active {
    background-color: #ff0296;
}

/* =Our Count
-------------------------------------------------------------- */
#ourcount .item>.circle-hold {
    background-color: #ff0296;
}

/* =Team
-------------------------------------------------------------- */
.team-image-wrapper .team-image-hover {
    background-color: rgba(255, 59, 48, 0.71);
}

/* =Work
-------------------------------------------------------------- */
span.portfolio-hover {
    background: #ff0296;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ff0296 0%, #ff3dae 35%, #ff0296 66%, #ff0296 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff0296 0%, #ff3dae 35%, #ff0296 66%, #ff0296 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0296 0%, #ff3dae 35%, #ff0296 66%, #ff0296 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0296', endColorstr='#ff0296', GradientType=1);
    /* IE6-9 */
}

.portfolio-links:hover {
    color: #ff0296;
}

/* =Pricing
-------------------------------------------------------------- */
.plan li>strong {
    color: #ff0296;
}

.plan.featured:hover li.plan-name {
    background: #ff0296;
}