/*========== B A C K G R O U N D    S K I N S =============*/

::-moz-selection {
 background: #0f80f1;
}
::selection {
    background: #0f80f1;
}
nav.colored, nav.light.colored,
.twitter-feed-icon i,
.testimonial-icon i,
.home-gradient,
.home-parallax,
#project-navigation ul li#prevProject a:hover,
#project-navigation ul li#nextProject a:hover,
#project-navigation ul li a:hover,
#closeProject a:hover,
.portfolio .portfolio-overlay,
.pagination a.previous:hover,
.pagination a.next:hover,
.rnr-icon-middle:hover,
.service-box:hover,
.button,
.skillbar .skill-percentage,
.flex-control-nav li a:hover,
.flex-control-nav li a.flex-active,
.testimonial-slider .flex-direction-nav li a,
.twitter-slider .flex-direction-nav li a,
.color-block,
.home1 .slabtextdone .slabtext.second-child,
.home4 .slabtextdone .slabtext.second-child,
.caption,
.copyright,
.title h1,
.service-features .img-container,
.service-features-j .img-container,
.service-features-build-j .img-container,
.view-profile,
/*.team-member:hover .team-desc,*/
.service-box .service-icon,
.modal .close {
    background-color: #0f80f1;
}

.service-features-j.light .img-container,
.service-features-build-j.light .img-container {
    background-color: #fff;
}

/*========== B O X   S H A D O W    S K I N S =============*/

.title h1,
.service-box .service-icon {
    box-shadow:0px 0px 0px 3px #0f80f1;
}

.tab a.selected {
    box-shadow: 0px -3px 0px 0px #0f80f1;
}






/*========== C O L O R    S K I N S =============*/

a,
.highlight,
nav.light .main-menu a:hover,
nav.dark .main-menu a:hover,
nav.light .main-menu li.active a,
nav.transparent .main-menu li.active a,
nav.dark .main-menu li.active a,
.parallax .quote i,
#filters ul li a:hover h3,
#filters ul li a.active h3,
.post-title a:hover,
.post-tags li a:hover,
.tags-list li a:hover,
.pages li a:hover,
.home3 .slabtextdone .slabtext.second-child,
.service-box:hover .service-icon {

    color:#0f80f1;
}

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


a.white:focus {
    color: #fff;
}

.highlight-light {
    color:#fff;
}

.title2 .highlight-light {
    background: #2b8fed;;
    color: #fff;
}

.title2 .highlight-director {
    /*background: #68ccfe;*/
    background: #D73282;
    color: #fff;
}
    /**
     * UTILS CLASSES
     */

.site-blue-bg {
    background-color: #1085e4;
}
.site-blue {
    color: #1085e4;
}

.site-cherry-bg {
    background-color: #f1107a;
}
.site-cherry {
    color: #f1107a;
}
.site-dark-blue-bg {
    background-color: #191f44;
}

.hov-cherry-bg:hover {
    background-color: #f1107a;
}

.white {
    color: white;
}
.white-bg {
    background-color: white;
}
.blackish {
    color: #333;
}


/*#ffe30a yellow*/




/*========== B O R D E R    S K I N S =============*/

.pages li a.current,
.pages li a.current,
.service-features .img-container:after,
.service-features-j .img-container:after,
.service-features-build-j .img-container:after,
.service-box:hover .service-icon,
.callout,
blockquote p,
.pullquote.align-right,
.pullquote.align-left {
    border-color:#0f80f1;
}

    /* service-features-build-j */
    .service-features-build-j .img-container.selected,
    .service-features-build-j .img-container.selected:hover {
        /*background-color: #4bc3ff;*/
        background-color: #f1107a;
    }
    .service-features-build-j .img-container.selected:after,
    .service-features-build-j .img-container.selected:hover:after {
        /*border-color: #4bc3ff;*/
        border-color: #f1107a;
    }

    /* service-features-j */
    .service-features-j .img-container.selected,
    .service-features-j .img-container.selected:hover {
        /*background-color: #4bc3ff;*/
        background-color: #f1107a;
    }
    .service-features-j .img-container.selected:after,
    .service-features-j .img-container.selected:hover:after {
        /*border-color: #4bc3ff;*/
        border-color: #f1107a;
    }




.service-features-j.light .img-container:after,
.service-features-build-j.light .img-container:after {
        border-color:#fff;
}


/*========== H O M E,  C O L O R   B L O C K    S K I N S =============*/
.home-gradient, .color-block {
    background-color: #0f80f1;
    background: -moz-radial-gradient(center center, circle cover, #0f80f1 0%, #E2BE01 100%);
    background: -webkit-radial-gradient(center center, circle cover, #0f80f1 0%, #E2BE01 100%);
    background: -o-radial-gradient(center center, circle cover, #0f80f1 0%, #E2BE01 100%);
    background: -ms-radial-gradient(center center, circle cover, #0f80f1 0%, #E2BE01 100%);
    background: radial-gradient(center center, circle cover, #0f80f1 0%, #E2BE01 100%);
}




/*========== SERVICE BLOCKS -j =============*/
.service-features-j .img-container.active,
.service-features-build-j .img-container.active,
.service-features-j .img-container:hover,
.service-features-build-j .img-container:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
   /*background-color: #0e5fb1;*/
   background-color: #f1107a;
}
.service-features-j .img-container:hover:after,
.service-features-build-j .img-container:hover:after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /*border-color: #0e5fb1;*/
    border-color: #f1107a;
}

.service-features-j.light .img-container.active,
.service-features-build-j.light .img-container.active,
.service-features-j.light .img-container:hover,
.service-features-build-j.light .img-container:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
   background-color: #e8e3e3;
}
.service-features-j.light .img-container:hover:after,
.service-features-build-j.light .img-container:hover:after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-color: #e8e3e3;
}