.sticky-note {
  display: inline-block;
  position: relative;
  width: auto;
 
  /* CSS3 Transform */
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}

.sticky-note2 {
  display: inline-block;
  position: relative;
  width: auto;
 
  /* CSS3 Transform */
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  transform: rotate(6deg);
}
.sticky-note3 {
  display: inline-block;
  position: relative;
  width: auto;
 
  /* CSS3 Transform */
  -webkit-transform: rotate(9deg);
  -moz-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  -o-transform: rotate(9deg);
  transform: rotate(9deg);
}
.sticky-note4 {
  display: inline-block;
  position: relative;
  width: auto;
 
  /* CSS3 Transform */
  -webkit-transform: rotate(12deg);
  -moz-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
  -o-transform: rotate(12deg);
  transform: rotate(12deg);
}
.sticky-note5 {
  display: inline-block;
  position: relative;
  width: auto;
 
  /* CSS3 Transform */
  -webkit-transform: rotate(-9deg);
  -moz-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  -o-transform: rotate(-9deg);
  transform: rotate(-9deg);
}
 
.sticky-note-inner {
  min-height: 50px;
  min-width: 100px;
  padding: 5px 5px ;
   
  /* CSS3 Border Radius */
  -webkit-border-radius: 0 0 0 200px/0 0 0 10px;
  -moz-border-radius: 0 0 0 200px/0 0 0 10px;
  -ms-border-radius: 0 0 0 200px/0 0 0 10px;
  -o-border-radius: 0 0 0 200px/0 0 0 10px;
  border-radius: 0 0 0 200px/0 0 0 10px;
     
  /* CSS3 Box Shadow */
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
}
 
.sticky-note-inner:after {
  bottom: 16px;
  content: "";
  height: 55%;
  left: 5px;
  position: absolute;
  width: 30%;
  z-index: -2;
 
  /* CSS3 Box Shadow */
  -webkit-box-shadow: -5px 10px 10px rgba(0,0,0,0.5);
  -moz-box-shadow: -5px 10px 10px rgba(0,0,0,0.5);
  box-shadow: -5px 10px 10px rgba(0,0,0,0.5);
     
  /* CSS3 Transform */
  -webkit-transform: skew(-8deg) rotate(-6deg);
  -moz-transform: skew(-8deg) rotate(-6deg);
  -ms-transform: skew(-8deg) rotate(-6deg);
  -o-transform: skew(-8deg) rotate(-6deg);
  transform: skew(-8deg) rotate(-6deg);
}
 
.yellow .sticky-note-inner {
  background-color: #ffcd5a;
     
  /* CSS3 Linear Gradient */
  background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffb71e),color-stop(22%,#ffcd5a),color-stop(100%,#ffcd5a));
  background-image: -webkit-linear-gradient(top,#ffb71e 0%,#ffcd5a 22%,#ffcd5a 100%);
  background-image: -moz-linear-gradient(top,#ffb71e 0%,#ffcd5a 22%,#ffcd5a 100%);
  background-image: -o-linear-gradient(top,#ffb71e 0%,#ffcd5a 22%,#ffcd5a 100%);
  background-image: linear-gradient(top,#ffb71e 0%,#ffcd5a 22%,#ffcd5a 100%);
}
 
.blue .sticky-note-inner {
  background-color: #1e9dff;
  color:#fff;
   
  /* CSS3 Linear Gradient */
  background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#1e9dff),color-stop(22%,#5bb8ff),color-stop(100%,#5bb8ff));
  background-image: -webkit-linear-gradient(top,#1e9dff 0%,#5bb8ff 22%,#5bb8ff 100%);
  background-image: -moz-linear-gradient(top,#1e9dff 0%,#5bb8ff 22%,#5bb8ff 100%);
  background-image: -o-linear-gradient(top,#1e9dff 0%,#5bb8ff 22%,#5bb8ff 100%);
  background-image: linear-gradient(top,#1e9dff 0%,#5bb8ff 22%,#5bb8ff 100%);
}
 
.green .sticky-note-inner {
  background-color: #e1c99d;
   color:#fff;
  
  /* CSS3 Linear Gradient */
  background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#e1c99d),color-stop(22%,#40b24d),color-stop(100%,#40b24d));
  background-image: -webkit-linear-gradient(top,#e1c99d 0%,#e1c99d 22%,#e1c99d 100%);
  background-image: -moz-linear-gradient(top,#e1c99d 0%,#e1c99d 22%,#e1c99d 100%);
  background-image: -o-linear-gradient(top,#e1c99d 0%,#e1c99d 22%,#e1c99d 100%);
  background-image: linear-gradient(top,#e1c99d 0%,#e1c99d 22%,#e1c99d 100%);
}

.orange .sticky-note-inner {
  background-color: #a77d3e;
  color:#fff;
  /* CSS3 Linear Gradient */
  background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#a77d3e),color-stop(22%,#FF6908),color-stop(100%,#FF6908));
  background-image: -webkit-linear-gradient(top,#a77d3e 0%,#a77d3e 22%,#a77d3e 100%);
  background-image: -moz-linear-gradient(top,#a77d3e 0%,##a77d3e 22%,#a77d3e 100%);
  background-image: -o-linear-gradient(top,#a77d3e 0%,#a77d3e 22%,#40b24d 100%);
  background-image: linear-gradient(top,#a77d3e 0%,#a77d3e 22%,#a77d3e 100%);
}

.dblue .sticky-note-inner {
  background-color: #202A47;
   color:#fff;
  
  /* CSS3 Linear Gradient */
  background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#202A47),color-stop(22%,#202A47),color-stop(100%,#202A47));
  background-image: -webkit-linear-gradient(top,#202A47 0%,#202A47 22%,#202A47 100%);
  background-image: -moz-linear-gradient(top,#FF6908 0%,##FF6908 22%,#202A47 100%);
  background-image: -o-linear-gradient(top,#202A47 0%,#202A47 22%,#202A47 100%);
  background-image: linear-gradient(top,#202A47 0%,#202A47 22%,#202A47 100%);
}

.mtb{
margin-top:11%;
}

.cbc{
border: solid 2px #fff;
}
.hh2{
margin-top: 0px;
margin-bottom: 15px;
font-size: 0px;
}