@import url(https://fonts.googleapis.com/css?family=Open+Sans);

.ribbon-banner {

    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    font-size:12px;
    display: block;
    position: absolute;
    top: 20px;
    left: -25px;
    width: 110px;
    height: 20px;
    text-align: center;
    overflow: hidden;
    -webkit-transform: rotate(-45deg);
    -moz-transform:    rotate(-45deg);
    -ms-transform:     rotate(-45deg);
    transform:         rotate(-45deg);
    border: 1px solid white;
    z-index: 190;    
}

.ribbon-banner.purple{
    background-color: #9B5099;
   
}
.ribbon-banner.red{
    background-color: #CA0005;
}

.ribbon-banner.blue{
    background-color: #0076B1;
}

.ribbon-banner.green{
    background-color: #009640;
}

.ribbon-banner.orange{
    background-color: #FF8C00;
}

.banner2 {

    font-family: 'Open Sans', sans-serif;
	padding-top:5px;
    font-size:12px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25%;
    height: 50px;
    text-align: center;
    overflow: hidden;
    /*border: 1px solid white;*/
    z-index: 501;    
     color:white;
}

.banner2 font {
	 font-size:16px;
}

.banner3 {

    font-family: 'Open Sans', sans-serif;
	padding-top:5px;
    font-size:12px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25%;
    height: 75px;
    text-align: center;
    overflow: hidden;
    /*border: 1px solid white;*/
    z-index: 501;    
     color:white;
}

.logo360 {

    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    font-size:12px;
    display: block;
    position: absolute;
    top: 175px;
    left: 220px;
    width: 55px;
    height: 30px;
    text-align: center;
    overflow: hidden;
    z-index: 190; 
    background-image: url("images/360.png"); 
    background-color: rgba(33, 33, 33, 0.2);
}