/****************************************************************************************\
 **   @name		EXP Autos  Pro                                                  **
 **   @package          Joomla 1.6                                                      **
 **   @author		EXP TEAM::Alexey Kurguz (Grusha)                                **
 **   @copyright	Copyright (C) 2005 - 2013  EXP TEAM::Alexey Kurguz (Grusha)     **
 **   @link             http://www.feellove.eu                                          **
 **   @license		Commercial License                                              **
 \****************************************************************************************/
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,cyrillic);

.expribbonprocorner {
    position: relative;
    top: -2px;
    z-index: 1;
    width: 75px; 
    height: 75px;
    text-align: right;
	    margin-bottom: -75px;
	   
}

.expribbonprocorner.rbright{
    right: -2px; 
}

.expribbonprocorner.rbright span{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    right: -21px;
}

.expribbonprocorner.rbleft span{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    left: -21px;
}
.expribbonprocorner > span a{
    color:#fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.expribbonprocorner > span {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1rem;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    width: 100px;
    display: block;
    background: rgba(151,197,13, 0.9);
    /*background: linear-gradient(#9BC90D 0%, #79A70A 80%);*/
    box-shadow: 0 1px 10px -5px rgba(0, 0, 0, 1);
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    position: relative;
    top: 19px; 
}
.expribbonprocorner > span::before {
    content: "";
    position: absolute; left: 0px; top: 100%;
    z-index: -1;
    border-left: 1px solid #79A70A;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top: 1px solid #79A70A;
}
.expribbonprocorner > span::after {
    content: "";
    position: absolute; right: 0px; top: 100%;
    z-index: -1;
    border-left: 1px solid transparent;
    border-right: 1px solid #79A70A;
    border-bottom: 1px solid transparent;
    border-top: 1px solid #79A70A;
}

/* color */
span.rborange{
    background: rgba(247,158,5, 0.9);
    color: #FFF;
}
.expribbonprocorner span.rborange::before {
    border-left: 1px solid #e65100;
    border-top: 1px solid #e65100;
}
.expribbonprocorner span.rborange::after {
    border-right: 1px solid #e65100;
    border-top: 1px solid #e65100;

}


.expribbonprocorner span.rbgreen{
    background: rgba(155,201,13, 0.9);
    /*background: linear-gradient(#9BC90D 0%, #79A70A 100%);*/
    color: #FFF;
}
.expribbonprocorner span.rbgreen::before {
    border-left: 1px solid #79A70A;
    border-top: 1px solid #79A70A;
}
.expribbonprocorner span.rbgreen::after {
    border-right: 1px solid #79A70A;
    border-top: 1px solid #79A70A;

}

.expribbonprocorner span.rbblue{
    background: rgba(41,137,216, 0.9);
    /*background: linear-gradient(#03a9f4 0%, #0288d1 100%);*/
    color: #FFF;
}
.expribbonprocorner span.rbblue::before {
    border-left: 1px solid #0277bd;
    border-top: 1px solid #0277bd;
}
.expribbonprocorner span.rbblue::after {
    border-right: 1px solid #0277bd;
    border-top: 1px solid #0277bd;

}

.expribbonprocorner span.rbred{
    background: rgba(247,5,5, 0.9);
    color: #FFF;
}
.expribbonprocorner span.rbred::before {
    border-left: 1px solid #d32f2f;
    border-top: 1px solid #d32f2f;
}
.expribbonprocorner span.rbred::after {
    border-right: 1px solid #d32f2f;
    border-top: 1px solid #d32f2f;

}

.expribbonprocorner span.rbyellow{
    background: rgba(255,234,0, 0.9);
    color: #000;
}
.expribbonprocorner span.rbyellow::before {
    border-left: 1px solid #ffff00;
    border-top: 1px solid #ffff00;
}
.expribbonprocorner span.rbyellow::after {
    border-right: 1px solid #ffff00;
    border-top: 1px solid #ffff00;

}

.expribbonprocorner span.rbbrown{
    background: #3299b7;
    color: #FFF;
}
.expribbonprocorner span.rbbrown::before {
    border-left: 1px solid #3e2723;
    border-top: 1px solid #3e2723;
}
.expribbonprocorner span.rbbrown::after {
    border-right: 1px solid #3e2723;
    border-top: 1px solid #3e2723;

}

.expribbonprocorner span.rbpink{
    background: rgba(233,30,99, 0.9);
    color: #FFF;
}
.expribbonprocorner span.rbpink::before {
    border-left: 1px solid #e91e63;
    border-top: 1px solid #e91e63;
}
.expribbonprocorner span.rbpink::after {
    border-right: 1px solid #e91e63;
    border-top: 1px solid #e91e63;

}

.expribbonprocorner span.rbgrey{
    background: rgba(189,189,189, 0.9);
    color: #FFF;
}
.expribbonprocorner span.rbgrey::before {
    border-left: 1px solid #bdbdbd;
    border-top: 1px solid #bdbdbd;
}
.expribbonprocorner span.rbgrey::after {
    border-right: 1px solid #bdbdbd;
    border-top: 1px solid #bdbdbd;

}

.expribbonprocorner span.rbblack{
    background: rgba(0,0,0, 0.9);
    color: #FFF;
}
.expribbonprocorner span.rbblack::before {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
}
.expribbonprocorner span.rbblack::after {
    border-right: 1px solid #000;
    border-top: 1px solid #000;

}

.expribbonprocorner span.rbwhite{
    background: rgba(255,255,255, 0.9);
    color: #000;
}
.expribbonprocorner span.rbwhite::before {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}
.expribbonprocorner span.rbwhite::after {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;

}

/* Ribbon line */

.expribbonproline{
    position: absolute;
    top: 0px;
    z-index: 1;
    /*overflow: hidden;*/
    width: auto; 
    height: 75px;
    text-align: right;
}

.expribbonproleft {
    left: -2px;
}
.expribbonproright {
    right: -2px;
}
.expribbonproline.expribbonprorighttop {
    height: auto;
}
.expribbonprorighttop {
    transform: rotate(90deg);
}

.expribbonproline > span a{
    /*color:#fff;*/
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.expribbonproline > span{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 20px;
    width: auto;
    padding: 0 10px;
    display: block;
    /*background: linear-gradient(#9BC90D 0%, #79A70A 80%);*/
    box-shadow: 0 1px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 9px; 
}

.expribbonproline.expribbonproleft > span{
    left: 0;
}
.expribbonproline.expribbonproright > span{
    right: 0;
}
.expribbonproline.expribbonprorighttop > span{
    top: 0;
    box-shadow: 5px 0 10px 0 rgba(50, 50, 50, 0.75);
}

.expribbonproline > span::before {
    content: "";
    position: absolute; 
    top: 100%;
    z-index: -1;
    border-style: solid;
    border-width: 1px;
}
.expribbonproline.expribbonprorighttop > span::before {
    border-width: 0;
}
.expribbonproline.expribbonproleft span::before{
    left: 0px;
}

.expribbonproline.expribbonproright span::before{
    right: 0px; 
}

/* color */
.expribbonproline.expribbonproleft span.rborange,
.expribbonproline.expribbonproright span.rborange,
.expribbonproline.expribbonprorighttop span.rborange{
    background: rgba(247,158,5, 0.9);
}
.expribbonproline.expribbonproleft span.rborange a,
.expribbonproline.expribbonproright span.rborange a,
.expribbonproline.expribbonprorighttop span.rborange a{
    color: #FFF;
}
.expribbonproline.expribbonproleft span.rborange::before{
    border-color: #e65100 #e65100 transparent transparent;
}
.expribbonproline.expribbonproright span.rborange::before{
    border-color: #e65100 transparent transparent #e65100;
}


.expribbonproline.expribbonproleft span.rbgreen,
.expribbonproline.expribbonproright span.rbgreen,
.expribbonproline.expribbonprorighttop span.rbgreen{
    background: rgba(155,201,13, 0.9);
}
.expribbonproline.expribbonproleft span.rbgreen a,
.expribbonproline.expribbonproright span.rbgreen a,
.expribbonproline.expribbonprorighttop span.rbgreen a{
    color: #FFF;
}
.expribbonproline.expribbonproleft span.rbgreen::before{
    border-color: #79A70A #79A70A transparent transparent;
}
.expribbonproline.expribbonproright span.rbgreen::before{
    border-color: #79A70A transparent transparent #79A70A;
}

.expribbonproline.expribbonproleft span.rbblue,
.expribbonproline.expribbonproright span.rbblue,
.expribbonproline.expribbonprorighttop span.rbblue{
    background: rgba(41,137,216, 0.9);
}
.expribbonproline.expribbonproleft span.rbblue a,
.expribbonproline.expribbonproright span.rbblue a,
.expribbonproline.expribbonprorighttop span.rbblue a{
    color: #FFF;
}
.expribbonproline.expribbonproleft span.rbblue::before{
    border-color: #0277bd #0277bd transparent transparent;
}
.expribbonproline.expribbonproright span.rbblue::before{
    border-color: #0277bd transparent transparent #0277bd;
}

.expribbonproline.expribbonproleft span.rbred,
.expribbonproline.expribbonproright span.rbred{
    background: rgba(247,5,5, 0.9);
}
.expribbonproline.expribbonproleft span.rbred a,
.expribbonproline.expribbonproright span.rbred a{
    color: #FFF;
}
.expribbonproline.expribbonproleft span.rbred::before{
    border-color: #d32f2f #d32f2f transparent transparent;
}
.expribbonproline.expribbonproright span.rbred::before{
    border-color: #d32f2f transparent transparent #d32f2f;
}

.expribbonproline.expribbonproleft span.rbyellow,
.expribbonproline.expribbonproright span.rbyellow{
    background: rgba(255,234,0, 0.9);
}
.expribbonproline.expribbonproleft span.rbyellow a,
.expribbonproline.expribbonproright span.rbyellow a{
    color: #000;
}
.expribbonproline.expribbonproleft span.rbyellow::before{
    border-color: #ffff00 #ffff00 transparent transparent;
}
.expribbonproline.expribbonproright span.rbyellow::before{
    border-color: #ffff00 transparent transparent #ffff00;
}

.expribbonproline.expribbonproleft span.rbbrown,
.expribbonproline.expribbonproright span.rbbrown{
    background: rgba(78,52,46, 0.9);
}
.expribbonproline.expribbonproleft span.rbbrown a,
.expribbonproline.expribbonproright span.rbbrown a{
    color: #FFF;
}
.expribbonproline.expribbonproleft span.rbbrown::before{
    border-color: #3e2723 #3e2723 transparent transparent;
}
.expribbonproline.expribbonproright span.rbbrown::before{
    border-color: #3e2723 transparent transparent #3e2723;
}

.expribbonproline.expribbonproleft span.rbpink,
.expribbonproline.expribbonproright span.rbpink{
    background: rgba(233,30,99, 0.9);
}
.expribbonproline.expribbonproleft span.rbpink a,
.expribbonproline.expribbonproright span.rbpink a{
    color: #FFF;
}
.expribbonproline.expribbonproleft span.rbpink::before{
    border-color: #e91e63 #e91e63 transparent transparent;
}
.expribbonproline.expribbonproright span.rbpink::before{
    border-color: #e91e63 transparent transparent #e91e63;
}

.expribbonproline.expribbonproleft span.rbgrey,
.expribbonproline.expribbonproright span.rbgrey{
    background: rgba(189,189,189, 0.9);
}
.expribbonproline.expribbonproleft span.rbgrey a,
.expribbonproline.expribbonproright span.rbgrey a{
    color: #FFF;
}
.expribbonproline.expribbonproleft span.rbgrey::before{
    border-color: #bdbdbd #bdbdbd transparent transparent;
}
.expribbonproline.expribbonproright span.rbgrey::before{
    border-color: #bdbdbd transparent transparent #bdbdbd;
}

.expribbonproline.expribbonproleft span.rbblack,
.expribbonproline.expribbonproright span.rbblack{
    background: rgba(0,0,0, 0.9);
}
.expribbonproline.expribbonproleft span.rbblack a,
.expribbonproline.expribbonproright span.rbblack a{
    color: #FFF;
}
.expribbonproline.expribbonproleft span.rbblack::before{
    border-color: #000 #000 transparent transparent;
}
.expribbonproline.expribbonproright span.rbblack::before{
    border-color: #000 transparent transparent #000;
}

.expribbonproline.expribbonproleft span.rbwhite,
.expribbonproline.expribbonproright span.rbwhite{
    background: rgba(255,255,255, 0.9);
}
.expribbonproline.expribbonproleft span.rbwhite a,
.expribbonproline.expribbonproright span.rbwhite a{
    color: #000;
}
.expribbonproline.expribbonproleft span.rbwhite::before{
    border-color: #fff #fff transparent transparent;
}
.expribbonproline.expribbonproright span.rbwhite::before{
    border-color: #fff transparent transparent #fff;
}

/**** new and reserved ***/
.expnewclass, .expreservedclass {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 0.7em;
    float: right;
    color: #FFF;
}
.expnewclass > span {
    text-align: center;
    background: rgba(229,57,53, 1);
    background: linear-gradient(#e53935 0%, #b71c1c 100%);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    padding:0px 5px 2px;
    /*text-transform: uppercase;*/
}
.expreservedclass > span {
    text-align: center;
    background: rgba(21,101,192, 1);
    background: linear-gradient(#1976d2 0%, #0d47a1 100%);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    padding:0px 5px 2px;
    /*text-transform: uppercase;*/
}