/* ============================

	        COLOR 

=============================== */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover,
.navbar.navbar-bg-light .navbar-nav > li > a:hover, .navbar.navbar-bg-light .navbar-nav > li > a:focus, .navbar.navbar-bg-light .navbar-nav > li > a.active,
.navbar.navbar-bg-light .navbar-nav > li > a.highlighted,
.page-links div a:hover, .page-links div a:active, .page-links div a:focus,
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a.active,
.text-color,
.item-box a:hover i,
.inverse i,
.item-box.icons-color i,
.pricing:hover .title,
.pricing:hover .title a,
.process-content:hover .title,
.pricing .price,
.post-meta  i,
.meta i,
.quote blockquote:before,
.quote blockquote:after,
.tweet_time a,
#video-controls a,
.link-hover-color a:hover,
.icons-hover-color i:hover,
.navbar-default .navbar-nav > li.active > a, 
.navbar-default .navbar-nav > li.active > a:focus, 
.navbar-default .navbar-nav > li.active > a:hover,
#page .breadcrumb > .active,
.timeliner li:hover .timeline-heading h4.subheading,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.sitemap li a:hover,
.link-hover-black a:hover,
.icons-hover-black i:hover,
.header-search:hover i,
ul.arrow-style li:before,
.hover:hover,
#fun-factor .fun-icon:before,
a.read-more,
.panel-group.list-style.new .panel .panel-heading > .panel-title:before,
.general-section .nav > li:before,
.general-section .works-filters.nav > li.active,
.general-section.white .nav > li.active,
.general-section .nav > li:hover,
.price,
.star-rating.color .fa,
.special-feature .mask-top:after,
.navbar-default .navbar-nav > li.active > a, 
.navbar-default .navbar-nav > li.active > a:focus, 
.navbar-default .navbar-nav > li.active > a:hover,
.detail-box .icon i
{
	color: #ff0000;
}





/* ============================


	       BACKGROUND COLOR 

=============================== */
.top-bar-section.top-bar-bg-color,
.product-count,
.navbar-bg-color,
.top-bar-section.top-bar-bg-color,
.btn-default,
.section-title h1:before,
.section-title h2:before,
.special-feature .mask-top h4:before ,
.s-feature-box:hover .mask-bottom,
.progress-bar,
.owl-prev .fa, .owl-next .fa,
h3.count-number:before,
h2.count-number:before,
.item-box.inverse a:hover i,
.item-number,
.name:before,
.inverse-bg-color i,
.icons-bg-color i,
.bg-color,
.gray-bg i:hover,
.features-list-item:hover i,
.bar,
.pagination > .active > span,
.pagination > .active > span:hover,
.blog.timeliner>li:hover .timeline-image,
.blog.timeliner>li:hover .timeline-icon,
div.count-number:before,
.static-color-icons span,
.team-item .social-icon,
.caption-block,
.image-top-border .service-image:before,
.image-top-border .service-image:after,
.general-section .nav:before,
.list-border .list-group-item.active, 
.list-border .list-group-item.active:focus, 
.list-border .list-group-item.active:hover,
.list-border.widget a.list-group-item:focus, 
.list-border.widget a.list-group-item:hover 
{
	background-color: #ff0000;
}



/* ============================

	       BORDER COLOR 

=============================== */

.dropdown-menu,
.desc-border,
.border-color,
.timeliner li:hover .timeline-image,
.pagination > .active > span,
.pagination > .active > span:hover,
.blog.timeliner  >li:hover .timeline-panel,
.slider.border-bottom,
.special-feature .s-feature-box,
.image-top-border img,
#client-list img:hover,
.sidebar  .widget .widget-title .title:after,
.page-wrap .section-title
{
	border-color: #ff0000;
}

.bottom-arrow:before{
	border-top-color: #ff0000;
}
.rightGrip, 
.leftGrip{
	border-bottom: 10px solid #ff0000 !important;
}

.blog.timeliner >li:hover  .timeline-panel:before,
#client-list img{
  border-left-color: #ff0000;
  
}
.blog.timeliner  >li.timeline-inverted:hover .timeline-panel:before{
  border-right-color: #ff0000;
  border-left-color: #ffffff;
}
.right.blog.timeliner  >li.timeline-inverted:hover .timeline-panel:before,
.right.blog.timeliner >li:hover  .timeline-panel:before{
	border-right-color: #ff0000;
	border-left-color: #ffffff;
}
	
/* Transparent Color */

.btn-default:hover,
.color-switch .owl-controls .owl-page span,
.tags li a{
 background-color: rgba(255,196,0,.8);
}



/* Content Select In Browser */

::-moz-selection {
    background: #ff0000;
    color: #000000;
    text-shadow: none;
}

::selection {
    background: #333;
    color: #fff;
    text-shadow: none;
}


.btn-primary {
    background: #ff0000;
    border: 2px solid #ff0000;
}
    .btn-primary:hover {
        background: #fff;
        border: 2px solid #ff0000;
        color: #ff0000
    }


.img-box {
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 0.5rem rgb(0 0 0 / 10%);
    box-shadow: 0 0 0.5rem rgb(0 0 0 / 10%);
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

    .img-box:hover {
        transform: translateY(-25px);
        box-shadow: 0 36px 35px 0 rgb(12 12 12 / 10%);
    }


#result .pagination li a {
    padding: 10px;
    margin: 0 5px;
    background-color: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
}

    #result .pagination li.active a, #result .pagination li a:hover {
        background-color: #fff;
        color: #ff0000;
    }