/*-----------------------------------------------------------------------
/*  Theme Name  : Sphere Theme
/*  Theme URI   :http://www.spheretheme.com/
/*  Description : One Page Theme
/*  Version     : 1.1
/*  assets/css/colors/orange.css
/* This file is used for #f36639 color preset
/*-----------------------------------------------------------------------
*/
::selection {
	background: #f36639; /* Safari */
}
::-moz-selection {
	background: #f36639; /* Firefox */
}
.btn.btn-theme{
    border-color: #f36639;
    color: #f36639;
}
.btn.btn-theme:hover, 
.btn.btn-theme:focus {
    background-color: #f36639;
    color: #fff;
}
.navbar.navbar-fixed-top .navbar-nav > li > a:hover {
    color: #f36639;
}
.funny-boxes:hover > .funny-boxes-icon,
.funny-boxes > .funny-boxes-text > h4::after,
.bar-chart .bar-chart-item,
.content-boxes.style-four:hover > .content-boxes-icon > i,
.back_top a,
.navbar.navbar-fixed-top .navbar-nav > li.active a, 
.navbar.navbar-fixed-top .navbar-nav > li.active a:hover{
    background-color: #f36639;
}
.funny-boxes > .funny-boxes-icon,
.content-boxes.style-four > .content-boxes-icon > i{
    border-color: #f36639;
    color: #f36639;
}
.bar-chart .bar-chart-inner{
    background: rgba(243, 102, 57, 0.4);
    border-color: #f36639;
}
.funny-boxes.outline-outward > .funny-boxes-icon::before{
    border-color: #f36639;
}

.funny-boxes.not-right-column:before {
    background: -moz-linear-gradient(top, rgba(243, 102, 57, 0) 0%, rgba(243, 102, 57, 0.9) 15%, rgba(243, 102, 57, 0.9) 85%, rgba(243, 102, 57, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(243, 102, 57, 0)), color-stop(15%, rgba(243, 102, 57, 0.9)), color-stop(85%, #dddddd), color-stop(100%, rgba(243, 102, 57, 0)));
    background: -webkit-linear-gradient(top, rgba(243, 102, 57, 0) 0%, rgba(243, 102, 57, 0.9) 15%, rgba(243, 102, 57, 0.9) 85%, rgba(243, 102, 57, 0) 100%);
    background: -o-linear-gradient(top, rgba(243, 102, 57, 0) 0%, rgba(243, 102, 57, 0.9) 15%, rgba(243, 102, 57, 0.9) 85%, rgba(243, 102, 57, 0) 100%);
    background: -ms-linear-gradient(top, rgba(243, 102, 57, 0) 0%, rgba(243, 102, 57, 0.9) 15%, rgba(243, 102, 57, 0.9) 85%, rgba(243, 102, 57, 0) 100%);
    background: linear-gradient(to bottom, rgba(243, 102, 57, 0) 0%, rgba(243, 102, 57, 0.9) 15%, rgba(243, 102, 57, 0.9) 85%, rgba(243, 102, 57, 0) 100%);
}
.timeline > li > .timeline-badge,
.counter-item > i,
.counter-item > p,
#keep-in-touch .social-icon-item > a:hover,
#keep-in-touch .social-icon-item > a:hover .social-icon > i,
#meet-the-team .team-item .team-social a:hover{
    color: #f36639;
}
.timeline > li > .timeline-panel > .timeline-heading > .timeline-title,
.filter-portfolio ul > li.active > a,
#meet-the-team .team-item .team-photo .team-role,
.timeline > li > .timeline-panel > .timeline-heading > .timeline-title,
.testimonial-item .testimonial-content,
#testimonials .section-inner .owl-pagination .active span,
.pricing-table .pricing-wrapper > .pricing-column > .plan-title > h2{
    background-color: #f36639;  
}
.pricing-table .pricing-wrapper > .pricing-column > .plan-title > .pricing-box{
    border-color: #f36639;
}
.timeline > li > .timeline-panel::after{
    border-color: transparent #f36639
}
footer.footer #footer .newsletter-form input:focus,
#contact-us > .section-inner .section-content .form-group input:focus,
#contact-us > .section-inner .section-content .form-group textarea:focus{
    border-color: #f36639;
}
#contact-us > .section-inner .section-content .social-icon-text > h2,
#contact-us > .section-inner .section-content .social-icon-text > ul.social-icon-list > li a:hover{
    background-color: #f36639;
    border-color: #f36639;
}
footer.footer{
    border-color: #f36639;
}
footer.footer #footer ul.social-icon-list > li a:hover{
    background-color: #f36639;
    border-color: #f36639;
}
.left-control:hover, 
.right-control:hover,
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close{
    background-color: #f36639;
}
.mfp-arrow-right::after,
.mfp-arrow-right .mfp-b{
    border-left-color: #f36639;
}
.mfp-arrow-left::after, 
.mfp-arrow-left .mfp-a{
    border-right-color: #f36639;
}