/* =Common Styles
-------------------------------------------------------------- */
a {
    color: #f7a133;
}

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

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: #f7a133;
}

#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: #f7a133;
}

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

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

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

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

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

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

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

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

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

.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: #f7a133;
    border-color: #f7a133;
}

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

.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: #f7a133;
    border-color: #f7a133;
}

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

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

.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: #F5AE22;
    border-color: #F5AE22;
}

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

.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: #F5AE22;
    border-color: #F5AE22;
}

.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: #F5AE22;
    border-color: #F5AE22;
}

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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