/*
    Template Name   :  
    Template URI    : 
    Description     : 
    Author          : Mohamed Alaa Abas
    Author URI      : https://themeforest.net/user/m_alaa 
    Author Email    : mohamed_ll14@yahoo.com
**/

/************************
   ** Start Framework ** 
 ***********************/
.btn-appsun,
.btn-appsun:hover,
.btn-appsun:focus,
.uigradient,
.video-show .play-video,
.download-app .download-app-phone a,
.download-app .download-app-phone a:hover,
.faq-app .panel-default > .panel-heading,
.navbar-default.active,
.color-mobile-nav,
.features .content-features.active,
.blog-content .auther-details,
.PR-background {        
    background: #FF6F00;  /* fallback */
    background: linear-gradient(to right, #FF6F00, #FF8F33);
    background: -webkit-linear-gradient(to right, #FF6F00, #FF8F33);
    background: -moz-linear-gradient(to right, #FF6F00, #FF8F33);
    background: -o-linear-gradient(to right, #FF6F00, #FF8F33);
    background: -ms-linear-gradient(to right, #FF6F00, #FF8F33);        
}

body::-webkit-scrollbar-thumb {
    background: linear-gradient(to right, #FF6F00, #FF8F33);
}

.features .content-features.active,
.pricing-section.pricefive-container .popular-price span,
.pricing-section.pricefive-container .popular-price::before,
.pricing-section.pricefive-container .popular-price::after {
    background: #FF6F00;    
}

/******************************
    **** Start Pricing  **** 
 ******************************/
.pricing-section .container-pricing .price,
.pricing-section .container-pricing .time,
.download-app h4,
h2.error span:nth-of-type(2),
.prag-not-found a, .prag-not-found a:hover,
.contact .btn-appsuncontact,
.section-space .icon-contact i:last-of-type,
.pricing-section .container-pricing-two .details-price-two .type-price-two,
.pricing-section.pricefive-container .box-price.active .title-price h3,
.pricing-section.pricefive-container .box-price.active .price-seller h2 {
    color: #FF6F00;
}

/******************************
 **** Start Download App   **** 
 ******************************/
.download-app .download-app-phone a,
.download-app .download-app-phone a:hover {
    color: #fff;
    background: #FF6F00;
} 

/****************************
    **** Start Teams  **** 
 ****************************/
.content-team .content-img .parent-hover {
    background: rgba(255, 111, 0, 0.64);
}

/****************************
     **** Start News  ****  
 ****************************/
.news-blog .container-news:hover .icon-city i,
.news-blog .container-news.active .icon-city i {
    color: #FF6F00;    
}

/****************************
     **** End News  ****  
 ****************************/
.form-control:focus {
    border-color: #FF6F00 !important;
}

/*******************************
   *** Start Color Blog   ***
 *******************************/
.blog-content .icon-slider,
.blog-content.blog-two .bloger .img-post span,
.pricing-section.pricefive-container .popular-price span {
    background: #FF6F00;
}
.blog-content .bloger .years-comment,
.blog-content .bloger .years-comment i,
.blog-content .categores-box h3,
.blog-content .populerpost-box h3,
.blog-content .tages-box h3,
.blog-content .categores-box ul li span,
.blog-content .bloger .all-text-blog .loadmore,
.blog-content .bloger .all-text-blog .loadmore:hover,
.blog-content .bloger .all-text-blog .loadmore:after,
.blog-content .comment-user .icons-comment ul li a,
.blog-content .comment-user h6 span {
	color: #FF6F00;
}
.pricing-section .container-pricing-four .price-btn-four .btn-appsun, 
.pricing-section .container-pricing-four .price-btn-four .btn-appsun:focus, 
.pricing-section .container-pricing-four .price-btn-four .btn-appsun:hover {
    border: 1px solid #FF6F00;
}
.blog-content .bloger .all-text-blog blockquote {    
    border-left: 5px solid #FF6F00;
}
.download-app h4:before {
    border-color: #FF6F00;
}

/***********************
*** Price Five 
************************/
.pricing-section.pricefive-container .popular-price::before, 
.pricing-section.pricefive-container .popular-price::after {
    display: none;
}
.pricing-section.pricefive-container .btn-app button {
    border: 2px solid #FF6F00;
    color: #FF6F00;
}
.pricing-section.pricefive-container .box-price.active .btn-app button,
.pricing-section.pricefive-container .btn-app button:hover {
    background: linear-gradient(to right, #FF6F00, #FF8F33);
    box-shadow: 0 2px 4px #FF6F00;
    border: none;
}