/* Add here all your css styles (customizations) */

.row-centered {
  text-align: center;
}

.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px;
}

.margin-top-120 {
  margin-top: 120px !important;
}

.panel-logo {
  margin: 0 6px 0 0;
  width: 90px;
  height: 90px;
}

body {
  padding-top: 40px;
  padding-bottom: 40px;
  background:#4c484a;
}
    
/* COMMON TEASER STYLES */
.panel.teaser,
.panel.teaser>.panel-heading{
	    border-radius:0px;
	     -moz-transition: all .3s ease;
	    -o-transition:  all .3s ease;
	    -webkit-transition:  all .3s ease;
}
.panel.teaser:hover{
    box-shadow: 0px 0px 30px rgba(0,0,0, .2);
}
.panel.teaser:hover>.panel-heading{
    box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
}
.panel.teaser>.panel-heading{
    box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
    text-shadow:0px 3px 0px rgba(50,50,50, .6);
}
.teaser .list-group-item{
    font-size: 22px;
    border-bottom-:1px solid rgba(250,250,250, .5);
}
.panel.teaser .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.panel.teaser .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.teaser .panel-footer {
    color: #fff;
    border-bottom:0px;
    background-color:  rgba(0,0,0, .1);
    box-shadow: 0px 3px 0px rgba(0,0,0, .3);
}
.panel.teaser .btn{
    box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
    border:0px;
}

/* green teaser */
.teaser.panel-green>.panel-heading {
    color: #fff;
    background-color: #57AC57;
    border-color: #71DF71;
    border-bottom: 1px solid #71DF71;
}
.teaser.panel-green>.panel-body {
    color: #fff;
    background-color: #65C965;
}
.teaser.panel-green>.panel-body .lead{
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}
.teaser.panel-green .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* darkgreen panel */
.teaser.panel-darkgreen>.panel-heading {
    color: #fff;
    background-color: #405561;
    border-color: #78AEE1;
    border-bottom: 1px solid #78AEE1;
}
.teaser.panel-darkgreen>.panel-body {
    color: #fff;
    background-color: #5dc4a6;
}
.teaser.panel-darkgreen>.panel-body .lead{
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}
.teaser.panel-darkgreen .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}


/* blue panel */
.teaser.panel-blue>.panel-heading {
    color: #fff;
    background-color: #608BB4;
    border-color: #78AEE1;
    border-bottom: 1px solid #78AEE1;
}
.teaser.panel-blue>.panel-body {
    color: #fff;
    background-color: #73A3D4;
}
.teaser.panel-blue>.panel-body .lead{
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}
.teaser.panel-blue .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* red teaser */
.teaser.panel-red>.panel-heading {
    color: #fff;
    background-color: #D04E50;
    border-color: #FF6062;
    border-bottom: 1px solid #FF6062;
}
.teaser.panel-red>.panel-body {
    color: #fff;
    background-color: #EF5A5C;
}
.teaser.panel-red>.panel-body .lead{
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}
.teaser.panel-red .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* grey teaser */
.teaser.panel-grey>.panel-heading {
    color: #fff;
    background-color: #6D6D6D;
    border-color: #B7B7B7;
    border-bottom: 1px solid #B7B7B7;
}
.teaser.panel-grey>.panel-body {
    color: #fff;
    background-color: #808080;
}
.teaser.panel-grey>.panel-body .lead{
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}
.teaser.panel-grey .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* white teaser */
.teaser.panel-white>.panel-heading {
    color: #333;
    background-color: #f9f9f9;
    border-color: #ccc;
    border-bottom: 1px solid #ccc;
    text-shadow: 0px 2px 0px rgba(250,250,250, .7);
}
.panel.panel-white.teaser:hover>.panel-heading{
    box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
}
.teaser.panel-white>.panel-body {
    color: #fff;
    background-color: #dfdfdf;
}
.teaser.panel-white>.panel-body .lead{
    text-shadow: 0px 2px 0px rgba(250,250,250, .8);
    color:#666;
}
.teaser:hover.panel-white>.panel-body .lead{
    text-shadow: 0px 2px 0px rgba(250,250,250, .9);
    color:#333;
}
.teaser.panel-white .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}