/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 *
 * Youxi v1.3 - Theme Stylesheet
 *
 * This file is part of Youxi, a HTML5 Business Theme build for sale at ThemeForest.
 * For questions, suggestions or support request, please mail me at maimairel@yahoo.com
 *
 * Development Started:
 * March 26, 2013
 *
 */
/* Links
================================================== */
a {
  color: #0055A6;
}
.accent {
  color: #0055A6;
}
/* Body
================================================== */
body {
  background-image: url("assets/img/bg/square_bg.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  body {
    background-size: 252px 230px;
    background-image: url("assets/img/bg/square_bg_@2X.png");
  }
}
/* Paragraph, DL
================================================== */
.dropcap {
  color: #0055A6;
}
/* Blockquote
================================================== */
blockquote small {
  color: #0055A6;
}
/* Navigation
================================================== */
.header .navigation > ul > li.nav-guide {
  background-color: #0055A6;
}
/* Image Gallery
================================================== */
.img-gallery .media > a > .overlay {
  background-color: rgba(22, 159, 230, 0.65);
}
/* Skill
================================================== */
.skill .bar .inner {
  background-color: #0055A6;
}
/* Testimonial
================================================== */
.testimonial .text .author > span {
  color: #0055A6;
}
/* Flickr
================================================== */
.footer .flickr-stream ul li:hover a {
  border-color: #0055A6;
}
/* Tags
================================================== */
.tags li a:hover {
  background-color: #0055A6;
  border-color: #127fb7;
}
/* Recent Posts
================================================== */
.recent-posts ul li .info .time {
  color: #0055A6;
}
/* Buttons
================================================== */
.btn {
  background-color: #0055A6;
  background-image: -moz-linear-gradient(top, #0055A6, #1285c1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0055A6), to(#1285c1));
  background-image: -webkit-linear-gradient(top, #0055A6, #1285c1);
  background-image: -o-linear-gradient(top, #0055A6, #1285c1);
  background-image: linear-gradient(to bottom, #0055A6, #1285c1);
  border: 1px solid #127fb7;
}
/* Callout
================================================== */
.callout .headline {
  color: #0055A6;
}
/* Tabs
================================================== */
.tab .tab-nav > li.active {
  border-bottom: 1px solid #0055A6;
}
.tab.tab-bordered .tab-nav > li.active,
.tab-bordered .tab-nav > li.active {
  border-top-color: #0055A6;
}
/* Accordion
================================================== */
.accordion-header-active {
  color: #0055A6;
}
/* Team
================================================== */
.team .info .job {
  color: #0055A6;
}
/* Featured Text
================================================== */
.feature-text.dotted .text .icon:after {
  background-color: #0055A6;
}
/* Portfolio
================================================== */
.portfolio-item .item-image .overlay {
  background-color: rgba(22, 159, 230, 0.65);
}
/* Filterable Portfolio
================================================== */
.portfolio-filter > ul li.active a,
.portfolio-filter > ul li:hover a {
  background-color: #0055A6;
  border-color: #127fb7;
}
/* Pricing Table
================================================== */
.pricing-tables .pricing-table .ribbon-label {
  border: 1px solid #127fb7;
  background-color: #0055A6;
}
/* Timeline
================================================== */
.timeline ul li .bullet > span {
  background-color: #0055A6;
}
/* Job
================================================== */
.job-position .job-code > span {
  color: #0055A6;
}
/* Pagination
================================================== */
.pagination > ul li.active a,
.pagination > ul li:hover a {
  background-color: #0055A6;
  border-color: #127fb7;
}
/* Portfolio (IE)
================================================== */
.lt-ie9 .portfolio-item .item-image .overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6169fe6,endColorstr=#a6169fe6)";
}
/* Image Gallery (IE)
================================================== */
.lt-ie9 .img-gallery .media > a > .overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6169fe6,endColorstr=#a6169fe6)";
}