.modal-header, h4, .close {
    background-color: #5cb85c;
    color:white !important;
    text-align: center;
    font-size: 30px;
}
.modal-footer {
    background-color: #f9f9f9;
}


h2, p {
  color:#666;
  font-family:Arial, Helvetica, sans-serif;
}

	/* simple */
.flip-container {
		-webkit-perspective: 1000;
		-moz-perspective: 1000;
		-ms-perspective: 1000;
		perspective: 1000;

		-ms-transform: perspective(1000px);
		-moz-transform: perspective(1000px);
  			-moz-transform-style: preserve-3d;
  			-ms-transform-style: preserve-3d;

		/*border: 1px solid #ccc;*/
}

.flip-container.flip .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}


.flip-container.flip .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.flip-container, .front, .back {
		width: 160px;
		height: 160px;
		float: left;
    margin:4px;
  	position:relative;
  	cursor:pointer;
}


.flipper {
		-webkit-transition: 0.6s;
		-webkit-transform-style: preserve-3d;
		-ms-transition: 0.6s;

		-moz-transition: 0.6s;
		-moz-transform: perspective(1000px);
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;

		transition: 0.6s;
		transform-style: preserve-3d;
    /*position:absolute;*/
  	top:50%;
  	left:50%;
  	margin:-80px 0 0 -80px;
		position: relative;
}


  /*.flipper:hover{
  	border:1px solid #999;

  	/* CSS3 inset shadow: */
  	/*-moz-box-shadow:0 0 30px #999 inset;*/
  	/*-webkit-box-shadow:0 0 30px #999 inset;*/
  	/*box-shadow:0 0 30px #999 inset;*/
  /*}*/
.front, .back {
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;

	    -webkit-transition: 0.6s;
	    -webkit-transform-style: preserve-3d;
	    -webkit-transform: rotateY(0deg);

	    -moz-transition: 0.6s;
	    -moz-transform-style: preserve-3d;
	    -moz-transform: rotateY(0deg);

	    -o-transition: 0.6s;
	    -o-transform-style: preserve-3d;
	    -o-transform: rotateY(0deg);

	    -ms-transition: 0.6s;
	    -ms-transform-style: preserve-3d;
	    -ms-transform: rotateY(0deg);

	    transition: 0.6s;
	    transform-style: preserve-3d;
	    transform: rotateY(0deg);

		position: absolute;
		top: 0;
		left: 0;
}

.front {
		-webkit-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		/*background: #ccc;*/
		z-index: 2;
    position:absolute;
  	left:0;
  	top:0;
  	width:100%;
  	height:100%;
  	/*border:1px solid #ddd;*/
  	/*background:url("img/background.jpg") no-repeat center center #f9f9f9;*/
}


.back {
		background: #ccc;
    /*font-size:18px;*/
      font-weight:bold;
      font-size:1.5em;
      color:#766;
      font-family:Arial, Helvetica, sans-serif;
            	/*padding-left:5px;*/
    padding:20px 10px 10px 10px;
		-webkit-transform: rotateY(-180deg);
	    -moz-transform: rotateY(-180deg);
	    -o-transform: rotateY(-180deg);
	    -ms-transform: rotateY(-180deg);
	    transform: rotateY(-180deg);
}

.back .place{
  	font-size:12px;
  	/*padding-left:10px;*/
  	font-style:italic;
}

.title {

display: block;
margin: 0 auto;

}
.center {
  display:block;
  margin-left:auto;
  margin-right:auto;
}