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

*{
  box-sizing:border-box;
}
/*html, body{*/
  /*height:100%;*/
  /*font: normal 1em/1.5 "Open Sans";*/
  /*background-color:#ddd;*/
  /*background-size:cover;*/
/*}*/
a{
  color:#ccc;
}
.container-pr{
  width:100%;
  min-width:290px;

  min-height:425px;
  margin:0 auto;
  position:relative;
  padding-bottom:30px;
  overflow:hidden;
}
/*h1{*/
  /*text-align:center;*/
  /*text-shadow:0 1px white;*/
  /*color:#02303F;*/
/*}*/
/*h2{*/
  /*color:#736861; */
  /*margin:15px 0 5px;*/
  /*text-shadow:0 1px rgba(255,255,255,0.5);*/
/*}*/
h6{
  color:#928566; 
  margin:0;
}
input[type="radio"] {

/*position: absolute;*/
/*width: 1px; !* Setting this to 0 make it invisible for VoiceOver *!*/
/*height: 1px; !* Setting this to 0 make it invisible for VoiceOver *!*/
/*padding: 0;*/
/*margin: -1px;*/
/*border: 0;*/
/*clip: rect(0 0 0 0);*/
/*overflow: visible !important;*/
}
.container-pr label{
  background: darkgrey;
  display:block;
  width:32%;
  border: 4px solid darkgrey;
  position:absolute;
  bottom:5px;
  cursor: pointer;
  transition: border-color 0.3s linear;
}

label.second{

  left:34%;
}
label.third{
  left:68%;
}

blockquote{
  margin:0;
  padding:30px;
  width:100%;
  background-color: #b2752a;
  border-left: 0 solid #eee;
  color:white;
  box-shadow: 0 5px 2px rgba(0,0,0,0.1);
  position:relative;
  transition: background-color 0.6s linear;
}

blockquote:after { 
  content: " "; 
  height: 0; 
  width: 0; 
  position: absolute; 
  top: 100%; 
  border: solid transparent; 
  border-top-color: #b2752a;
  border-left-color:#b2752a;
  border-width: 10px; 
  left: 10%; 
} 
#second:checked ~ .two blockquote {
  background-color:#9e7d3d;
}
.two blockquote:after{
  border: solid transparent; 
  border-top-color: #9e7d3d;
  border-left-color:#9e7d3d;
  border-width: 10px;
}
#third:checked ~ .three blockquote{
  background-color:#bfa87c;
}
.three blockquote:after{
  border: solid transparent; 
  border-top-color: #bfa87c;
  border-left-color: #bfa87c;
  border-width: 10px;
}
.quotes{
  position:absolute;
  color:rgba(255,255,255,0.5);
  font-size:5em;
}
.leftq{
  top:-25px;
  left:5px;
}
.rightq{
  bottom:-10px;
  right:5px;
}
 .img-pr{
   margin-top: 25px;
   border-radius: 100%;
   float: left;
   margin-right: 10px;
   margin-left: 15px;
}
.slide-pr{
  position:absolute;
  left:-100%;
  opacity:0;
  transition: all 0.6s ease-in;
  margin-bottom: 50px;
}

#first:checked ~ label.first {
  border-width:6px;
  border-color:#b2752a;
}
#second:checked ~ label.second {
  border-width:6px; border-color:#9e7d3d;
}
#third:checked ~ label.third {
  border:6px solid #bfa87c;
}

#first:checked ~ div.one {
  left:0;
  opacity:1;
}
#second:checked ~ div.two {
  left:0;
  opacity:1;
}
#third:checked ~ div.three {
  left:0;
  opacity:1;
}
.par-bg{
 padding-bottom: 1% ;
  padding-top: 1% ;
  margin-top: 5%;
  margin-bottom: 5%;
  background-color: rgba(169,169,169,0.4);
}
#commentRow{
  margin-bottom: 25px;
}