/*

Style : Red Theme CSS
Version : 1.0
Author  : Surjith S M
URI   : http://themeforest.net/user/surjithctly

Copyright © All rights Reserved
Surjith S M / @surjithctly

*/


/* 
   COLOR PALLETTES : Red
   ------------------------------------------------
  
   Red 1          : #9a0000;
   Dark Grey      : #3b3b3b;
   Medium Grey    : #5c5c5c;
   Light Grey     : #898989;
   Lightest Grey  : #C2C2C2;
   White          : #ffffff;
   Blue Shade     : #449CFF;

   
   */


/* ================================================
   THEME SPECIFIC STYLES : VISUAL STYLES ONLY
   ================================================ */


/*White*/

body {
    background: #fff;
}

.appointment-form .form-header h4,
.appointment-form .form-header a {
    color: #FFF;
}


/*Grey*/

.headline-support {
    color: #fff;
}

body,
.timeline-content h2 {
    color: #5c5c5c;
}

.nav-pills>li>a {
    color: #C2C2C2;
}

.form-control:focus {
    border-color: #C2C2C2;
}

.navbar-default .navbar-nav>li>a {
    color: #818181;
}

.slick-prev:before,
.slick-next:before {
    color: #C2C2C2;
}

.header,
.sub-header {
    background-color: #f7f7f5;
}


/* red
 * ----- */

::-moz-selection {
    background: #9a0000;
    color: #FFF;
}

::selection {
    background: #9a0000;
    color: #FFF;
}


/* Contrast
 * -------- */

.caption-title {
    color: #449CFF;
}


/*color*/

a,
a:hover,
a:focus,
.speaker-info p,
.highlighted-plan .price,
.highlighted-plan .plan-name,
.benefit-item .benefit-icon i,
.text-highlight,
.phone-icon,
.checklist i {
    color: #9a0000;
}


/*background*/

.pace .pace-progress {
    background: #9a0000;
}

.timeline::before {
    background: #9a0000;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #FFF;
    background-color: #9a0000;
}


/*border*/

.phone-icon {
    border-color: #9a0000;
}

.section-title hr {
    border-top-color: #9a0000;
}


/*background color*/

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #9a0000;
}


/*contrast color*/

.appointment-form .form-header {
    background-color: #9a0000;
    border-color: #9a0000;
}


/* 
  BUTTONS
  ------- */

.btn-default {
    color: #9a0000;
    border-color: #FFF;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
    background-color: transparent;
    border-color: #FFF;
    color: #FFF;
}

.btn-primary {
    background-color: #5c5c5c;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #3b3b3b;
}

.btn-success {
    background-color: #9a0000;
    border-color: #9a0000;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
    background-color: #FFF;
    border-color: #9a0000;
    color: #9a0000;
}

.btn-outline {
    color: #8C8C8C;
    border-color: #CACACA;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
    background-color: transparent;
    border-color: #818181;
    color: #8C8C8C;
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #9a0000;
    border-color: #9a0000;
    color: #FFF;
}

.topper{padding-top:12px; color:#9a0000; font-size:0.75em;}
.scrolling-bar {
            width: 100%;
            background: #a33038;
            color: #fff;
            overflow: hidden;
            white-space: nowrap;
            left: 0;
            padding: 10px 0;
            z-index: 1000;
        }
        .scrolling-content {
            display: inline-block;
            padding-left: 100%;
            animation: scroll-left 40s linear infinite;
        }
		.scrolling-content a{color:#fff;}
        @keyframes scroll-left {
            from {
                transform: translateX(0);
            }
            to {
                transform: translateX(-100%);
            }
        }