/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 *
 * Youxi v1.0 - 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: #779a0f;
}
.accent {
  color: #779a0f;
}
/* 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: #779a0f;
}
/* Blockquote
================================================== */
blockquote small {
  color: #779a0f;
}
/* Navigation
================================================== */
.header .navigation > ul > li.nav-guide {
  background-color: #779a0f;
}
/* Image Gallery
================================================== */
.img-gallery .media > a > .overlay {
  background-color: rgba(160, 186, 82, 0.65);
}
/* Skill
================================================== */
.skill .bar .inner {
  background-color: #779a0f;
}
/* Testimonial
================================================== */
.testimonial .text .author > span {
  color: #779a0f;
}
/* Flickr
================================================== */
.footer .flickr-stream ul li:hover a {
  border-color: #779a0f;
}
/* Tags
================================================== */
.tags li a:hover {
  background-color: #779a0f;
  border-color: #849b3e;
}
/* Recent Posts
================================================== */
.recent-posts ul li .info .time {
  color: #779a0f;
}
/* Buttons
================================================== */
.btn {
  background-color: #a0ba52;
  background-image: -moz-linear-gradient(top, #a0ba52, #8aa241);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a0ba52), to(#8aa241));
  background-image: -webkit-linear-gradient(top, #a0ba52, #8aa241);
  background-image: -o-linear-gradient(top, #a0ba52, #8aa241);
  background-image: linear-gradient(to bottom, #a0ba52, #8aa241);
  border: 1px solid #849b3e;
}
/* Callout
================================================== */
.callout .headline {
  color: #779a0f;
}
/* Tabs
================================================== */
.tab .tab-nav > li.active {
  border-bottom: 1px solid #779a0f;
}
.tab.tab-bordered .tab-nav > li.active,
.tab-bordered .tab-nav > li.active {
  border-top-color: #779a0f;
}
/* Accordion
================================================== */
.accordion-header-active {
  color: #779a0f;
}
/* Team
================================================== */
.team .info .job {
  color: #779a0f;
}
/* Featured Text
================================================== */
.feature-text.dotted .text .icon:after {
  background-color: #779a0f;
}
/* Portfolio
================================================== */
.portfolio-item .item-image .overlay {
  background-color: rgba(160, 186, 82, 0.65);
}
/* Filterable Portfolio
================================================== */
.portfolio-filter > ul li.active a,
.portfolio-filter > ul li:hover a {
  background-color: #779a0f;
  border-color: #849b3e;
}
/* Pricing Table
================================================== */
.pricing-tables .pricing-table .ribbon-label {
  border: 1px solid #849b3e;
  background-color: #779a0f;
}
/* Timeline
================================================== */
.timeline ul li .bullet > span {
  background-color: #779a0f;
}
/* Job
================================================== */
.job-position .job-code > span {
  color: #779a0f;
}
/* Pagination
================================================== */
.pagination > ul li.active a,
.pagination > ul li:hover a {
  background-color: #779a0f;
  border-color: #849b3e;
}
/* Portfolio (IE)
================================================== */
.lt-ie9 .portfolio-item .item-image .overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6a0ba52,endColorstr=#a6a0ba52)";
}
/* Image Gallery (IE)
================================================== */
.lt-ie9 .img-gallery .media > a > .overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6a0ba52,endColorstr=#a6a0ba52)";
}



.header .brand .logo img {
	max-width: 300px;
	max-height: 48px;

}
.header .brand .tagline {
	font-size: 15px;
	color: #333333;
	display: block;
	margin-top: 3px;
}
.price {
  color: #779a0f;
}

/* Font-size for very small Slider */
@media only screen and (max-width: 500px) {
	.ls-s-1 li {
		font-size:9px;
		line-height:1.1;
	}
	.csc-textpic-text {
		clear:both;
	}
	.csc-textpic-intext-left .csc-textpic-text ul{
		margin-left:-25px;
	}
	.csc-textpic-intext-right .csc-textpic-single-image {
		float:left;
		width:100%;
	}
	.csc-textpic-intext-left .csc-textpic-single-image {
		float:left;
		width:100%;
	}
}

.item-title {
	font-weight:normal;
}
.item-info .item-tags {
	color:#000;
	font-size:11px;
	line-height:1.2;
}
.boxrow {
	margin-top:-100px;
}

/* Homepage TOP */
.portfolio-item .item-image {
	background-color: #fff;
	padding:10px;
	padding-bottom:0px;
	border:#ddd 1px solid;
	border-bottom:#fff 0px solid;
}
.portfolio-item .item-image .overlay {
	display:none;
}
.portfolio-item .item-info .item-title {
	font-size:13px;
	line-height:1.2;
	overflow: visible;
}
#select-box-container  {
	padding-top:40px;
}
#select-box-container select {
	float:right;
	width:180px;
}
.header .navigation > ul > li {
	font-weight:bold;
}
.header .navigation > ul > li a{
	color:#111;
}

.sidebar {
}
/* Font-size for very small Slider */
@media only screen and (max-width: 900px) {
.boxrow {
	margin-top:-60px;
}
}
/* Font-size for very small Slider */
@media only screen and (max-width: 700px) {
.boxrow {
	margin-top:-10px;
}
}


.navigation {
text-align:left;
}
.navigation ul {
text-align:left;
}
.header .navigation > ul > li {
	margin-left: 22px;
	font-size:11px;
}
.csc-default h1 {
	margin-bottom:5px;
}





/* Font-size for very small Slider */
@media only screen and (max-width: 950px) {
.header .navigation, #select-box-container select {
	width:100%;
}
}

@media only screen and (max-width: 500px) {
/* Flaggen ausblenden*/
#c129 .csc-textpic-imagewrap, #c127 .csc-textpic-imagewrap, #c716 .csc-textpic-imagewrap {
}
#c129 .csc-textpic-text, #c127 .csc-textpic-text, #c716 .csc-textpic-text {
	clear:both;
	margin-left:-45px;
}
}

h6 {
	background-color:#779a0f;
	color:#ffffff;
	font-size:25px;
	width:100%;
	text-align:center;
	line-height:1.5;
	padding-bottom:2px;
	margin-top:15px;
	margin-bottom:15px;
}
h6 a:link {
	color:#ffffff;
}

h6 a{
   color:#fff; 
   text-decoration:none;
}
h6 a:hover{
   text-decoration:underline;
}
h6 a:visited{
   color:#fff; 
}



.accordion p {
	margin:0px;
}
.btn-small a {
	color:#fff;
}


.item-info .btn-small {
	position:absolute;
	bottom:15px;
	left:35%;
}
.feature-text .btn-small {
	width:100%;
}
h1.home-title {
	margin-bottom:0px;
}
.footer-bottom {
	background-color: #779a0f;
	color:#ffffff;
}
.footer {
	background-color: #779a0f;
}
.align-justify{
	text-align:justify;
}

#affiliate-button {
	float:right;
	margin-right:5px;
	margin-top:2px;
}
@media only screen and (max-width: 950px) {
/* Ausblenden*/
#affiliate-button {
	display:none;
}
}

.item-info {
	height:180px;
}
 
@media only screen and (max-width: 970px) {
.item-info {
	height:210px;
}
.item-info h5 a{
	font-size:10px;
	line-height:12px;
}
.item-info .btn-small {
	left:30%;
}
}
@media only screen and (max-width: 750px) {
.item-info {
	height:150px;
}
.item-info h5 a{
	font-size:14px;
	line-height:16px;
}
.item-info .btn-small {
	left:42%;
}

}

h1 {
	margin-bottom:2px;
}

@media only screen and (max-width: 500px) {

.csc-textpic-intext-left-nowrap .csc-textpic-text {
	margin-left:-80px;
}
}
 
 
 /* Font-size for very small Slider */
@media only screen and (max-width: 950px) {
.header .navigation > ul > li {
	margin-left: 11px;
	font-size:10px;
}
}

@media only screen and (max-width: 650px) {
#pegymside {
	display:none;
}
}