body {
    font-family:Helvetica, sans-serif;
    /*background:#dddddd;*/
}

/* ------------------------------------
    Active Page Heading 
    color: #b8312f | alt: #ff0000 
    font-family: Roboto Condensed 
    font-size: 48px

    Page Content
    color: #000
    font-family: Raleway 
    font-size: 17px

    Footer Area
    heading-color: #c1c1c1
    text-color: #efefef

    Copyright Area
    bg: #28324e
    color: #efefef

----------------------------------------*/
h3{
    color:#b8312f; font-family:Constantia, Roboto Condensed; font-weight:bold;
}

.flip3D {
            width: 240px;
            height: 200px;
            /*margin: 10px;*/
            margin-right:5px;
            float: left;
        }

            .flip3D > .front {
                position: absolute;
                -webkit-transform: perspective( 600px ) rotateY( 0deg );
                transform: perspective( 600px ) rotateY( 0deg );
                background: #2b2f3a;
                width: 240px;
                height: 200px;
                border-radius: 7px;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                transition: -webkit-transform .5s linear 0s;
                transition: transform .5s linear 0s;

                opacity: 0.8; filter: alpha(opacity=80); 
                color:#ffffff;
                text-align:center;
                padding-top:80px;
                font-weight:bold;
                font-family:Segoe UI, Tahoma, Geneva, Verdana, sans-serif; 
                font-size:16pt;
            }

            .flip3D > .back {
                position: absolute;
                -webkit-transform: perspective( 600px ) rotateY( 180deg );
                transform: perspective( 600px ) rotateY( 180deg );
                background: #000000;
                width: 240px;
                height: 200px;
                border-radius: 7px;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                transition: -webkit-transform .5s linear 0s;
                transition: transform .5s linear 0s;

                opacity: 0.9; filter: alpha(opacity=90);
            }

            .flip3D:hover > .front {
                -webkit-transform: perspective( 600px ) rotateY( -180deg );
                transform: perspective( 600px ) rotateY( -180deg );
            }

            .flip3D:hover > .back {
                -webkit-transform: perspective( 600px ) rotateY( 0deg );
                transform: perspective( 600px ) rotateY( 0deg );
            }

            img {
              vertical-align: middle;
            }

            .img-responsive {
              display: block;
              height: auto;
              max-width: 100%;
            }
			
			.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.img-circle {
  border-radius: 50%;
}