/* BLUE COLOR STYLES */

/* BASIC STYLES
----------------------------------------------------------------------------- */

blockquote{
    background: #f7f7f7 url('../img/colors/blue/blockquote-arrow.png') -1px center no-repeat;
    border-left: 5px solid #009fe3;
}

a:hover{
    color: #009fe3;
}

.text-color{
    color: #009fe3 !important;
}


/* CHECK LIST
----------------------------------------------------------------------------- */
.check-list li{
    background: url('../img/colors/blue/check-list.png') no-repeat;
}


/* TOP HEADER BAR
----------------------------------------------------------------------------- */
.top-bar a.close-frame{
    background: url('../img/colors/blue/close-frame.png') no-repeat 0 7px;
}

.top-bar a.close-frame:hover{
    color: #009fe3;
}

.top-bar .content-right a.register{
    background: url('../img/colors/blue/join-now.png') no-repeat 0 7px;
}

.top-bar .content-right a.register:hover{
    color: #009fe3;
}
.top-bar .content-right .contact-info{
    background: url('../img/colors/blue/phone.png') no-repeat 0 7px;
}


/* HEADER
----------------------------------------------------------------------------- */
#header{
    border-bottom: 2px solid #009fe3;
}

/* MAIN NAVIGATION
----------------------------------------------------------------------------- */
.icon-home{
    background: url('../img/colors/blue/icon-home.png') no-repeat;
    background-position:  -0px -17px;
}

.icon-about{
    background: url('../img/colors/blue/icon-about.png') no-repeat;
    background-position:  -0px -17px;
}
.icon-portfolio{
    background: url('../img/colors/blue/icon-portfolio.png') no-repeat;
    background-position:  -0px -17px;
}

.icon-blog{   
    background: url('../img/colors/blue/icon-blog.png') no-repeat;
    background-position:  -0px -17px;
}

.icon-contact{
    background: url('../img/colors/blue/icon-contact.png') no-repeat;
    background-position:  -0px -17px;
}

#nav li.active{
    border-bottom: 5px solid #009fe3;
    background: url('../img/colors/blue/menu-arrow.png') no-repeat 50% 101%;
}

#nav li ul li a:hover{
    color: #009fe3;
}

#nav li ul li:first-child{
    border-top: 2px solid #009fe3;
}


/* CONTENT WRAPPER
----------------------------------------------------------------------------- */
.content-wrapper{ 
    border-top: 15px solid #009fe3;
}

/* PAGE TITLE
----------------------------------------------------------------------------- */
.page-title span{
    color: #009fe3;
}

/* DIVIDER WITH TITLE
----------------------------------------------------------------------------- */
.divider-with-title a.title-link:hover{
    color: #009fe3;
}

/* HOME PAGE
----------------------------------------------------------------------------- */
.entry-note{
    background: url('../img/colors/blue/entry-note.png') no-repeat 40px 0;
}

.team.home p.position{
    color: #009fe3;
}
.nivoSlider.product-slider{
    background: #fff url('../img/colors/blue/loading.gif') no-repeat 50% 50%;
}

.product-slider-wrap .nivo-controlNav{
    background: #009fe3;
}

.product-date{
    color: #009fe3;
}

.service-home h1:hover,
.service-home h2:hover,
.service-home h3:hover,
.service-home h4:hover,
.service-home h5:hover,
.service-home h6:hover{
        color: #009fe3;
}


.service-home .service-mask{
    background: url('../img/colors/blue/service-mask.png') no-repeat;
    top: -2px;
}

.service-home .service-1{
    background-image: url('../img/colors/blue/service-1.png');
}

.service-home .service-2{
    background-image: url('../img/colors/blue/service-2.png');
}

.service-home .service-3{
    background-image: url('../img/colors/blue/service-3.png');
}

.service-home .service-4{
    background-image: url('../img/colors/blue/service-4.png');
}

.testimonial-text-container{
    border-bottom: 10px solid #009fe3;
}

.testimonial-text-container:after{
    content: "";
    display: block;
    background: url('../img/colors/blue/entry-note.png') no-repeat;
    width: 34px;
    height: 34px;
    position: absolute;
    bottom: -34px;
}

/* ANYTHING SLIDER
----------------------------------------------------------------------------- */
.slide-elements .in-color{
    color: #009fe3;
}

.slide-elements h3 span{
    color: #009fe3;
}

.anythingSlider-default .back:hover{
    background: #009fe3;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.anythingSlider-default .forward:hover{
    background: #009fe3;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/* ABOUT PAGE
----------------------------------------------------------------------------- */
.one-third-slider .nivoSlider{
    background: #fff url('../img/colors/blue//loading.gif') no-repeat 50% 50%;
}

.one-third-slider .nivo-controlNav a.nivo-control.active{
    background: url('../img/colors/blue/slider-btn-small-active.png') no-repeat;
}

.one-third-slider .nivo-controlNav{
    background: #009fe3;
}

.carousel-nav li a.next:hover{
    background-color: #009fe3;
}
.carousel-nav li a.prev:hover{
    background-color: #009fe3;
}

.team-social li.facebook a{
    background: url('../img/colors/blue/team-facebook.png') no-repeat;
    background-position: -0px -20px;
}

/* DRIBBBLE */
.team-social li.dribbble a{
    background: url('../img/colors/blue/team-dribbble.png') no-repeat;
    background-position: -0px -20px;
}

/* RSS */
.team-social li.rss a{
    background: url('../img/colors/blue/team-rss.png') no-repeat;
    background-position: -0px -20px;
}

/* SKYPE */
.team-social li.skype a{
    background: url('../img/colors/blue/team-skype.png') no-repeat;
    background-position: -0px -20px;
}

/* TWITTER */
.team-social li.twitter a{
    background: url('../img/colors/blue/team-twitter.png') no-repeat;
    background-position: -0px -20px;
}


/* LINKEDIN */
.team-social li.linkedin a{
    background: url('../img/colors/blue/team-linkedin.png') no-repeat;
    background-position: -0px -20px;
}


/* BEHANCE */
.team-social li.behance{
    padding-top: 1px;
}
.team-social li.behance a{
    background: url('../img/colors/blue/team-behance.png') no-repeat;
    background-position: -0px -0px;
}

.client-carousel a.prev:hover{
    background: #009fe3 url('../img/carousel-client-left.png') no-repeat 50% 50%;
}


.client-carousel a.next:hover{
    background: #009fe3 url('../img/carousel-client-right.png') no-repeat 50% 50%;
}


/* SERVICES PAGE
----------------------------------------------------------------------------- */
.service:hover .icon{
    background-color: #009fe3;
}

/* PRICING TABLES
----------------------------------------------------------------------------- */
.pricing-style-1 .pricing-table-col.selected .head{
    background: -moz-linear-gradient(top, rgba(3,170,241,1) 0%, rgba(1,134,190,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(3,170,241,1)), color-stop(100%,rgba(1,134,190,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(3,170,241,1) 0%,rgba(1,134,190,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(3,170,241,1) 0%,rgba(1,134,190,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(3,170,241,1) 0%,rgba(1,134,190,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(3,170,241,1) 0%,rgba(1,134,190,1) 100%); /* W3C */
    height: 105px;
    position: relative;
}

.pricing-style-1 .pricing-table-col.selected h1,
.pricing-style-1 .pricing-table-col.selected h2,
.pricing-style-1 .pricing-table-col.selected h3,
.pricing-style-1 .pricing-table-col.selected h4,
.pricing-style-1 .pricing-table-col.selected h5,
.pricing-style-1 .pricing-table-col.selected h6{
    border-bottom: 1px solid #0e8cc0 !important;
}

.pricing-table-col.selected .head span{
    color: #8bcfec;
}


.pricing-table-col.selected .head span.price{
    border-top: 1px solid #2cb1e9 !important;
}

.pricing-check{
    background: url('../img/colors/blue/pricing-check.png') no-repeat center center;
}


/* ERROR PAGE
----------------------------------------------------------------------------- */
.error-img{
    background: url('../img/colors/blue/404.png') no-repeat center;
}

span.star-mark{
    color: #009fe3;
}

.search-submit{
    background: url('../img/colors/blue/btn.png') repeat-x;
    background-position: -0px -36px;
    border: 1px solid #0271a0;
}

/* PORTFOLIO PAGES
----------------------------------------------------------------------------- */
#portfolio-filter li:hover a{
    color: #009fe3;
}

#portfolio-filter li.active,
#portfolio-filter li.active a{
    color: #009fe3;
}

.portfolio:hover figcaption{
    background: url('../img/colors/blue/portfolio-arrow-hover.png') no-repeat center 0;
    border-top: 2px solid #009fe3;
}

.pagination li:hover, .pagination li.active{
    background: #009fe3;
}

.portfolio-slider .nivo-nextNav:hover{
    background-color: #009fe3;
}

.portfolio-slider .nivo-prevNav:hover{
    background-color: #009fe3;
}



/* BLOG PAGES
----------------------------------------------------------------------------- */
.blog-post .post-author{
    color: #009fe3;
}

.post-info-container iframe{
    background: url('../img/colors/blue/loading.gif') no-repeat 50% 50%;
}

.post-info-container .post-meta{
    background: #009fe3;
}

.post-comments .comments-li .comment .comment-meta a:hover{
    color: #009fe3;
}

#comment-reply{
    background: url('../img/colors/blue/btn.png') repeat-x;
    background-position: -0px -36px;
    border: 1px solid #0271a0;
}

.post-body .post-category:hover{
    background: #009fe3;
}

.load-more .btn:hover{
    background: #009fe3;
}

/* CONTACT PAGES
----------------------------------------------------------------------------- */
.contact-form .submit{
    background: url('../img/colors/blue/btn.png') repeat-x;
    background-position: -0px -36px;
}

.web a{
    color: #009fe3;
}

.contact-form .submit{
    border: 1px solid #0271a0;
}


/* SIDEBAR
----------------------------------------------------------------------------- */
.aside-widgets li a:hover{
    color: #009fe3;
}

.aside-widgets .arrow-list li:hover{
    background: url('../img/colors/blue/aside-list-hover.png') no-repeat 0 center;
    border-bottom: 1px solid #009fe3;
}

.posts-li a.post-li-meta{
    color: #009fe3;
}

.tweet-list li a{
    color: #009fe3;
}


/* video sidebar widget
----------------------------------------------------------------------------- */
.carousel-pagination-wrapper{
    background: #009fe3;
}
.carousel-pagination a.selected{
    background: url('../img/colors/blue/slider-btn-small-active.png') no-repeat;
}

/* FOOTER
----------------------------------------------------------------------------- */
.footer-social li.facebook{
    background: url('../img/colors/blue/facebook.png') no-repeat;
    background-position: -0px -27px;
}
/* MYSPACE */
.footer-social li.myspace{
    background: url('../img/colors/blue/myspace.png') no-repeat;
    background-position: -0px -27px;
}

/* TWITTER */
.footer-social li.twitter{
    background: url('../img/colors/blue/twitter.png') no-repeat;
    background-position: -0px -27px;
}

/* DRIBBBLE */
.footer-social li.dribbble{
    background: url('../img/colors/blue/dribbble.png') no-repeat;
    background-position: -0px -27px;
}

/* SKYPE */
.footer-social li.skype{
    background: url('../img/colors/blue/skype.png') no-repeat;
    background-position: -0px -27px;
}


#footer .footer-title span{
    border-top: 1px solid #009fe3;
    border-bottom: 1px solid #009fe3;
}

.footer-category li{
    background: #009fe3;
    border-top: 1px solid #009fe3;
    border-bottom: 1px solid #009fe3;
}

.footer-category li:hover{
    background: #024d6d;    
    border-bottom: 1px solid #8f888f;
    border-top: 1px solid #1b171b;
}

/* ELEMENTS
----------------------------------------------------------------------------- */
/* ACCORDION */

.accordion .active a{
    background: #Fff url('../img/colors/blue/toggle-close.png') no-repeat left center !important;
    color: #009fe3;
}

.accordion .title a:hover{
    color: #009fe3;
}

/* BUTTONS */
.btn{
    background: url('../img/colors/blue/btn.png') repeat-x;
    background-position: -0px -36px;
    border: 1px solid #0271a0;
}


/* TABS */
.tabs li.active{
    border-top: 2px solid #009fe3;
}

.tabs li a:hover, .tabs li.active a{
    color: #009fe3;
}

.vertical-toggle .active .text{
    background: #fff url('../img/colors/blue/toggle-close.png') no-repeat right center !important;
}

/* NIVO SLIDER */
.nivoSlider{
    background: url('../img/colors/blue/loading.gif') no-repeat 50% 50%;
}

.nivoSlider.blog-slider{
    background: #fff url('../img/colors/blue/loading.gif') no-repeat 50% 50%;
}

.nivo-controlNav a.active {
    background: url('../img/colors/blue/bullet-active.png') no-repeat;
}

.nivo-prevNav:hover{
    background: #009fe3 url('../img/blog/slider-arrow-left.png') center center no-repeat !important;      
}

.nivo-nextNav:hover{
    background: #009fe3 url('../img/blog/slider-arrow-right.png') center center no-repeat !important;      
}