.morab { 
  width: 500px; 
  height: 200px; 
  overflow: hidden; 
  padding: 4px; 
  font-family: open sans; 
  font-size: 10px; 
  line-height: 12px; 
  border: 1px solid;
  color: #060403; }

.morab img { 
  position: relative; 
  z-index: 1; }

.morah { 
  position: relative; 
  width: 480px; 
  height: 180px; 
  background: rgba(207,225,235,.85); 
  text-align: justify; 
  margin-top: -85px; 
  z-index: 2; 
  opacity: 0; 
  transition-duration: .5s; 
  -o-transition-duration: .5s; 
  -ms-transition-duration: .5s; 
  -moz-transition-duration: .5s; 
  -webkit-transition-duration: .5s; }

.morah b, .morah i, .morah s { color: #C1398E; }

.morahi { 
  padding: 4px; 
  float: left; 
  margin: 10px; 
  border: 1px dashed #C1398E; 
  border-right: 1px solid #C1398E; 
  border-left: 1px solid #C1398E; 
  border-radius: 80px; 
  -o-border-radius: 80px; 
  -ms-border-radius: 80px; 
  -moz-border-radius: 80px; 
  -webkit-border-radius: 80px; 
  transform: rotate(-45deg); 
  -o-transform: rotate(-45deg); 
  -ms-transform: rotate(-45deg); 
  -moz-transform: rotate(-45deg); 
  -webkit-transform: rotate(-45deg); }

.morahi img { 
  opacity: .75; 
  width: 150px; 
  height: 150px; 
  border-radius: 80px; 
  -o-border-radius: 80px; 
  -ms-border-radius: 80px; 
  -moz-border-radius: 80px; 
  -webkit-border-radius: 80px; 
  transform: rotate(45deg); 
  -o-transform: rotate(45deg); 
  -ms-transform: rotate(45deg); 
  -moz-transform: rotate(45deg); 
  -webkit-transform: rotate(45deg); 
  transition-duration: 1s; 
  -o-transition-duration: 1s; 
  -ms-transition-duration: 1s; 
  -moz-transition-duration: 1s; 
  -webkit-transition-duration: 1s; }

.morahi:hover img { 
  opacity: 1; 
  transform: rotate(405deg); 
  -o-transform: rotate(405deg); 
  -ms-transform: rotate(405deg); 
  -moz-transform: rotate(405deg); 
  -webkit-transform: rotate(405deg); }

.morah h1 { 
  padding-top: 10px; 
  margin: 10px 0px 0px 0px; 
  font-family: old standard tt; 
  font-size: 40px; 
  line-height: 45px; 
  letter-spacing: 5px; 
  text-transform: lowercase; 
  text-align: center; 
  font-weight: 300; }

.morah span { 
  display: block; 
  font-family: montserrat; 
  font-size: 7px; 
  text-transform: uppercase; 
  text-align: center; 
  line-height: 9px; }

.moral { 
  float: left; 
  font-size: 20px; 
  text-align: center; 
  margin: 0px 20px 0px 20px; 
  border: 1px dashed #D62162; 
  border-right: 1px solid #D62162; 
  border-left: 1px solid #D62162; 
  border-radius: 40px; 
  -o-border-radius: 40px; 
  -ms-border-radius: 40px; 
  -moz-border-radius: 40px; 
  -webkit-border-radius: 40px; 
  transform: rotate(-45deg); 
  -o-transform: rotate(-45deg); 
  -ms-transform: rotate(-45deg); 
  -moz-transform: rotate(-45deg); 
  -webkit-transform: rotate(-45deg); }

.moral x { 
  padding: 10px; 
  transform: rotate(45deg); 
  -o-transform: rotate(45deg); 
  -ms-transform: rotate(45deg); 
  -moz-transform: rotate(45deg); 
  -webkit-transform: rotate(45deg); }

.moral a:link { color: #D62162; text-decoration: none; transition-duration: .5s; -o-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.moral a:visited { color: #D62162; text-decoration: none; }
.moral a:hover { color: #C1398E; text-decoration: none; }

.moral:hover { 
  border: 1px dashed #C1398E; 
  border-right: 1px solid #C1398E; 
  border-left: 1px solid #C1398E; }

.morab:hover .morah { 
  margin-top: -200px; 
  opacity: 1; }

.giajcredit { 
  width: 500px; 
  font-family: montserrat; 
  font-size: 7.5px; 
  text-transform: uppercase; 
  text-align: right; 
  line-height: 9px; }

.giajcredit a:link { color: #D62162; font-weight: 300; text-decoration: none; transition-duration: .5s; -o-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.giajcredit a:visited { color: #D62162; text-decoration: none; }
.giajcredit a:hover { color: #C1398E; text-decoration: none; }