/* Add here all your CSS customizations */

.text-xs {
	font-size: 1rem !important;
}

.text-sm {
	font-size: 1.3rem !important;
}

.text-md {
	font-size: 1.6rem !important;
}

.text-lg {
	font-size: 1.9rem !important;
}

.text-xl {
	font-size: 2.2rem !important;
}

.text-primary{color:#0088cc !important;}
.text-secondary{color: #e36159 !important;}
.text-tertiary{color:#2baab1 !important;}
.text-quaternary{color:#383f4 !important;}

.avatar{height:48px;width:48px;border-radius:50%;}

/*comments*/
.media-box{
 padding:10px;
 line-height:1.5em;
 border-left:3px solid #DDDDDD; 
}

.media-footing a{color:#6181AF}

.media-box blockquote{
 padding:10px;
 font-style: italic;
 background:#FFFFE6;
 border:1px solid #BAA027; 
 border-radius:5px;
}

.cmtform{
	padding:5px;
	background: #DFE8F0;
	border:1px solid #C7C7E2;
	border-radius:5px;
}

.repbox{
	margin-left:40px;
}

#cmtcite_2{
 border:1px solid #BAA027;
}

.pagination .current{
 font-weight: bold;
}


/* The ribbons */

.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  z-index:100;
}

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/*http://www.cssportal.com/css-ribbon-generator/*/
.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;   
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F5408;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F5408;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F5408;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F5408;
}
.ribbon-gold span{background: linear-gradient(#F79E05 0%, #8F5408 100%);}
.ribbon-greeen span{background: linear-gradient(#9BC90D 0%, #79A70A 100%);}
  


/*PRICING-GOLDEN-VIP*/
div.pricing-table div.golden-vip
{
    border-color: #B8A279;
}
div.pricing-table div.golden-vip h3
{
    background-color: #B8A279;
}
div.pricing-table div.golden-vip
{
    box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
    top: -10px;
    z-index: 2;
}

div.pricing-table div.golden-vip h3
{
    color: #FFFFFF;
    padding-top: 30px;
    text-shadow: 0 1px #555555;
}
div.pricing-table h3
{
    border-radius: 2px 2px 0 0;
    font-size: 20px;
    font-weight: normal;
    margin: -20px -20px 50px;
    padding: 20px;
}
.plan-vip-tab
{
    background-color: #ffff00 !important;
    background-image: -moz-linear-gradient(center top , #ffff66, #ffff00) !important;
}


div.featured-box-gold i.icon-featured, div.featured-box-gold i.image-icon
{
    background-color: #B8A279 !important;
}
div.featured-box-glod h4
{
    color: #B8A279 !important;
}
div.featured-box-gold div.box-content
{
    border-top-color: #B8A279 !important;
}


/* glod-color*/
.color-gold
{
    background-color: #B8A279 !important;
    border-color: #B8A279 !important;
}
.color-gold:hover
{
    background-color: #bca882 !important;
    border-color: #bca882 !important;
}


/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}

/* Badges with color */

.badge {
  padding: 2px 9px 2px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}
.badge-gold {
  background-color: #8a6d3b;
}
.badge-gold:hover {
  background-color: #9d7a11;
}

.thumbuper{width: 210px; height: auto;position:relative;overflow:hidden;padding:5px 5px 5px 0px;}
.thumbuper .boot{width: auto; height: auto;text-align:right;overflow:hidden;}
.thumbuper .first{position:absolute;width: 100%; height: 100%;line-height:150px;top:0px;left:0px;text-align:center;z-index:9;color:#999999;}
.thumbuper .second,.thumbuper .second2{position:absolute;width: 16px; height: 16px;bottom:10px;right:12px;z-index:999;}
.thumbuper .second2{top:16px;}
.thumbuper .swfupload{cursor:pointer;}
.thumbuper .thumbnail{min-height:150px;}

legend{padding-bottom:5px;border-bottom:1px solid #808080;}
ul.navbar-nav > li.active > a {border-bottom: 2px solid  #0088cc;}
ul.navbar-nav li a {padding: 15px 10px;}

.ellipsis li{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@font-face {
  font-family: 'Shadows Into Light';
  font-style: normal;
  font-weight: 400;
  src: local('Shadows Into Light'), local('ShadowsIntoLight'), url(/css/fonts/googleapis/clhLqOv7MXn459PTh0gXYFK2TSYBz0eNcHnp4YqE4Ts.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.georgia{"Microsoft Yahei" , "Open Sans" , Arial, sans-serif;font-weight: bold;}
.numbers{font-family: Helvetica, Tahoma, Arial, sans-serif;}

/* holiday styles */

@media (min-width: 991px) { 
	body{
	  background-image: url(/img/temp/bg_body.png);	  
	  background-position: center; 
	  }		  
  #header {	
  	background-image: url(/img/temp/bg_body.png);
    background-position: center; 
    }  
      
  #home-intro {
  	background-image: url(/img/temp/bg_red_1.jpg) !important;
  	background-position: center; 
    }
  .page-header {
  	background-image: url(/img/temp/bg_red_1.jpg) !important;
  	background-position: center; 
    }
  #footer .footer-copyright{
  	background-image: url(/img/temp/bg_red_2.jpg) !important;
  	background-position: center; 
    }
    
    
	}