.cp-css {
	-webkit-animation: cp-css 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: cp-css 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        	          animation-delay: 0.5s;
    -webkit-animation-delay:   0.5s;
}

@-webkit-keyframes cp-css {
  0% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
}
@keyframes cp-css {
  0% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
}


.Verdana-css {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 3px solid;
  -webkit-border-radius: 19px;
  border-radius: 19px;
  font: normal 76px/1 Verdana, Geneva, sans-serif;
  color: #0096ff;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: -webkit-linear-gradient(-90deg, rgba(112,145,165,1) 0, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%);
  background: -moz-linear-gradient(180deg, rgba(112,145,165,1) 0, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%);
  background: linear-gradient(180deg, rgba(112,145,165,1) 0, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5) inset;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5) inset;
  text-shadow: 4px 4px 6px rgba(0,0,0,0.5) ;
  -webkit-transition: word-spacing 1s cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: word-spacing 1s cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: word-spacing 1s cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: word-spacing 1s cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}

.slant_button {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #018dc4;
  -webkit-border-radius: 15px 15px 3px 3px;
  border-radius: 15px 15px 3px 3px;
  font: normal 16px/normal Verdana, Geneva, sans-serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #0199d9;
  -webkit-box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.4) ;
  box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.4) ;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.25) ;
  -webkit-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms;
  transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms;
  -webkit-transform: rotateX(-18.334649444186343deg) rotateY(32.65859432245692deg)   ;
  transform: rotateX(-18.334649444186343deg) rotateY(32.65859432245692deg)   ;
  -webkit-transform-origin: 51% 50% 1%;
  transform-origin: 51% 50% 1%;
}

.slant_button:hover
{
 `    color:Red;
     transform: rotateX(0) rotateY(0)
}


.v_button {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #018dc4;
  -webkit-border-radius: 15px 15px 3px 3px;
  border-radius: 15px 15px 3px 3px;
  font: normal 16px/normal Verdana, Geneva, sans-serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #0199d9;
  -webkit-box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.4) ;
  box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.4) ;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.25) ;
  -webkit-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms;
  transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms;
  -webkit-transform:  rotateX(42deg);
  transform: rotateX(42deg);
  -webkit-transform-origin: 51% 50% 1%;
  transform-origin: 51% 50% 1%;
}

.v_button:hover
{
     color:Red;
     transform: rotateX(0) rotateY(0)
}

.swing-bottom-right-bck {
	-webkit-animation: swing-bottom-right-bck 5s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both  ;
	        animation: swing-bottom-right-bck 5s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both  ;
	          animation-delay: 0.2s;
    -webkit-animation-delay:   0.2s;

}


@-webkit-keyframes swing-bottom-right-bck {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 0deg);
            transform: rotate3d(-1, 1, 0, 0deg);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  
  
  100% {
    -webkit-transform: rotate3d(-1, 1, 0, -180deg);
            transform: rotate3d(-1, 1, 0, -180deg);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
}

@keyframes swing-bottom-right-bck 
{
  
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 0deg);
            transform: rotate3d(-1, 1, 0, 0deg);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  
  
  
    
  
      60% {
    -webkit-transform: rotate3d(-1, 1, 0, -180deg);
            transform: rotate3d(-1, 1, 0, -180deg);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  
     100% {
    -webkit-transform: rotate3d(-1, 1, 0, -180deg);
            transform: rotate3d(-1, 1, 0, -180deg);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
 
}



.red {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 2px solid #018dc4;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal 20px/normal "Times New Roman", Times, serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #d31f0e;
  -webkit-box-shadow: 0 0 9px 4px rgba(0,0,0,0.5) inset, 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 0 0 9px 4px rgba(0,0,0,0.5) inset, 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.green {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 2px solid #018dc4;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal 20px/normal "Times New Roman", Times, serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #1abc9c;
  -webkit-box-shadow: 0 0 9px 4px rgba(0,0,0,0.5) inset, 2px 2px 2px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 9px 4px rgba(0,0,0,0.5) inset, 2px 2px 2px 0 rgba(0,0,0,0.2);
    width: 88%;
}
.enjoy-css {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 1px;
  padding: 1px;
  border: 2px dotted;
  font: normal 20px/1 "Aclonica", Helvetica, sans-serif;
  color: #0096ff;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.4) ;
  box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.4) ;
  text-shadow: 0 0 9px rgba(20,255,20,0.7) ;
  -webkit-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms;
  transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms;
  -webkit-transform:    skewX(2deg);
  transform:    skewX(2deg);
}
.move_div {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 150px;
  height: 100px;
  border: 2px solid rgba(0,150,255,0.91);
  font: normal 16px/1 "Times New Roman", Times, serif;
  color: rgba(255,255,255,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-transform:    skewX(-20deg);
  transform:    skewX(-20deg);
}

.feedback-button {
  border-style: none;
    border-color: inherit;
    border-width: medium;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float: left;
    position: relative;
    cursor: pointer;
    margin: 0 2% 0 0;
    padding: 12px 22px;
    overflow: hidden;
    font: normal normal bold 1.6em/normal "Syncopate", Helvetica, sans-serif;
    color: #ecf0f1;
    -o-text-overflow: clip;
    text-overflow: clip;
    background-position: 50% 50%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    -webkit-box-shadow: 0 10px 0 0 rgba(178,49,49,1);
    box-shadow: 0 10px 0 0 rgba(178,49,49,1);
    text-shadow: 0 0 0 rgb(196,80,78) , 1px 1px 0 rgb(196,80,78) , 2px 2px 0 rgb(196,80,78) , 3px 3px 0 rgb(196,80,78) , 4px 4px 0 rgb(196,80,78) , 5px 5px 0 rgb(196,80,78) , 6px 6px 0 rgb(196,80,78) , 7px 7px 0 rgb(196,80,78) , 8px 8px 0 rgb(196,80,78) , 9px 9px 0 rgb(196,80,78) , 10px 10px 0 rgb(196,80,78) , 11px 11px 0 rgb(196,80,78) , 12px 12px 0 rgb(196,80,78) , 13px 13px 0 rgb(196,80,78) , 14px 14px 0 rgb(196,80,78) , 15px 15px 0 rgb(196,80,78) , 16px 16px 0 rgb(196,80,78) , 17px 17px 0 rgb(196,80,78) , 18px 18px 0 rgb(196,80,78) , 19px 19px 0 rgb(196,80,78) , 20px 20px 0 rgb(196,80,78) , 21px 21px 0 rgb(196,80,78) , 22px 22px 0 rgb(196,80,78) , 23px 23px 0 rgb(196,80,78) , 24px 24px 0 rgb(196,80,78) , 25px 25px 0 rgb(196,80,78) , 26px 26px 0 rgb(196,80,78) , 27px 27px 0 rgb(196,80,78) , 28px 28px 0 rgb(196,80,78) , 29px 29px 0 rgb(196,80,78) , 30px 30px 0 rgb(196,80,78) , 31px 31px 0 rgb(196,80,78) , 32px 32px 0 rgb(196,80,78) , 33px 33px 0 rgb(196,80,78) , 34px 34px 0 rgb(196,80,78) , 35px 35px 0 rgb(196,80,78) , 36px 36px 0 rgb(196,80,78) , 37px 37px 0 rgb(196,80,78) , 38px 38px 0 rgb(196,80,78) , 39px 39px 0 rgb(196,80,78) , 40px 40px 0 rgb(196,80,78) , 41px 41px 0 rgb(196,80,78) , 42px 42px 0 rgb(196,80,78) , 43px 43px 0 rgb(196,80,78) , 44px 44px 0 rgb(196,80,78) , 45px 45px 0 rgb(196,80,78) , 46px 46px 0 rgb(196,80,78) , 47px 47px 0 rgb(196,80,78) , 48px 48px 0 rgb(196,80,78) , 1px 1px 0 rgba(196,80,78,0.980392) , 2px 2px 0 rgba(196,80,78,0.960784) , 3px 3px 0 rgba(196,80,78,0.941176) , 4px 4px 0 rgba(196,80,78,0.921569) , 5px 5px 0 rgba(196,80,78,0.901961) , 6px 6px 0 rgba(196,80,78,0.882353) , 7px 7px 0 rgba(196,80,78,0.862745) , 8px 8px 0 rgba(196,80,78,0.843137) , 9px 9px 0 rgba(196,80,78,0.819608) , 10px 10px 0 rgba(196,80,78,0.8) , 11px 11px 0 rgba(196,80,78,0.780392) , 12px 12px 0 rgba(196,80,78,0.760784) , 13px 13px 0 rgba(196,80,78,0.741176) , 14px 14px 0 rgba(196,80,78,0.721569) , 15px 15px 0 rgba(196,80,78,0.701961) , 16px 16px 0 rgba(196,80,78,0.682353) , 17px 17px 0 rgba(196,80,78,0.658824) , 18px 18px 0 rgba(196,80,78,0.639216) , 19px 19px 0 rgba(196,80,78,0.619608) , 20px 20px 0 rgba(196,80,78,0.6) , 21px 21px 0 rgba(196,80,78,0.580392) , 22px 22px 0 rgba(196,80,78,0.560784) , 23px 23px 0 rgba(196,80,78,0.541176) , 24px 24px 0 rgba(196,80,78,0.521569) , 25px 25px 0 rgba(196,80,78,0.498039) , 26px 26px 0 rgba(196,80,78,0.478431) , 27px 27px 0 rgba(196,80,78,0.458824) , 28px 28px 0 rgba(196,80,78,0.439216) , 29px 29px 0 rgba(196,80,78,0.419608) , 30px 30px 0 rgba(196,80,78,0.4) , 31px 31px 0 rgba(196,80,78,0.380392) , 32px 32px 0 rgba(196,80,78,0.360784) , 33px 33px 0 rgba(196,80,78,0.341176) , 34px 34px 0 rgba(196,80,78,0.317647) , 35px 35px 0 rgba(196,80,78,0.298039) , 36px 36px 0 rgba(196,80,78,0.278431) , 37px 37px 0 rgba(196,80,78,0.258824) , 38px 38px 0 rgba(196,80,78,0.239216) , 39px 39px 0 rgba(196,80,78,0.219608) , 40px 40px 0 rgba(196,80,78,0.2) , 41px 41px 0 rgba(196,80,78,0.180392) , 42px 42px 0 rgba(196,80,78,0.156863) , 43px 43px 0 rgba(196,80,78,0.137255) , 44px 44px 0 rgba(196,80,78,0.117647) , 45px 45px 0 rgba(196,80,78,0.0980392) , 46px 46px 0 rgba(196,80,78,0.0784314) , 47px 47px 0 rgba(196,80,78,0.0588235) , 48px 48px 0 rgba(196,80,78,0.0392157) , 50px 50px 0 rgba(196,80,78,0);
    top: 0px;
    left: 0px;
}

.feedback-button:hover {
  text-align: center;
  background: -webkit-linear-gradient(-90deg, #ce6161 0, #ef6664 100%);
  background: -moz-linear-gradient(180deg, #ce6161 0, #ef6664 100%);
  background: linear-gradient(180deg, #ce6161 0, #ef6664 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
}

.feedback-button:active {
  top: 5px;
  background: -webkit-linear-gradient(-90deg, #ff8583 0, #ff5350 100%);
  background: -moz-linear-gradient(180deg, #ff8583 0, #ff5350 100%);
  background: linear-gradient(180deg, #ff8583 0, #ff5350 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 0 5px 0 0 rgba(178,49,49,1) ;
  box-shadow: 0 5px 0 0 rgba(178,49,49,1) ;
}