/* start slidere*/
.slide{background: url("../image/6.jpg") no-repeat center center fixed;height: 662px;-webkit-bacground-size :cover;}
.slide .slideopacity .info .hello a i {color: #ddd;margin-top: 90px;font-size: 40px;}
/* End slide*/

/* start contact*/
.contact{background: url("../image/12flip.jpg") no-repeat center center fixed;height: auto;background-size: cover;}
.contact .contactsh{background: rgba(5,5,5,.5);height: auto}
.contact .contactsh .container >i{color: #c64955;padding-top: 50px;font-size: 90px}
.contact .contactsh .container .avatar{margin-top: 70px}
.contact .contactsh .container .avatar img{width: 250px;height: 250px;border-radius: 50%}
.contact .contactsh .container .avatar p{color: #c64955;padding-top:20px;font-size:20px;font-family: monospace}
.contact .contactsh .container .info{width: 80%;margin: auto}
.contact .contactsh .container .info p {font-size: 18px;color: #ddd}
.contact .contactsh .container .info h3{color: #c64955;font-weight: 600;font-family: inherit}
.contact .contactsh .container .info ul{list-style: none}
.contact .contactsh .container .info ul li{font-size: 13px;padding-top: 7px;color: #ddd}
.contact .contactsh .container .info p:last-of-type{margin-top: -27px}
.contact .contactsh .container .info  span{color: #c64955}
.contact .contactsh .container .info  span:hover{cursor:pointer}
.contact .contactsh .footer p{color: #eee;font-size: 10px;padding: 5px 0 3px 0;}
.contact .contactsh .footer h2{color: #c64955;padding-bottom: 30px;font-size:10px;font-family: monospace}
/* end contact*/

/********* start mediaquery *************/
@media( max-width: 727px){.contact .contactshad .container .info {width: 500px}}
@media( max-width: 525px){
    .contact .contactsh .container .info {width: 300px}
    .contact .contactsh .container .info ul:first-of-type{margin-left: -45px;color: #f00}
    .contact .contactsh .container .info ul:last-of-type{margin-left: -45px}
}
@media( max-width: 338px){
    .contact .contactsh .container .info {width: 220px}
    .contact .contactsh .container .info ul:first-of-type{margin-left: -50px}
    .contact .contactsh .container .info ul:last-of-type{margin-left: -50px}
}
/********* end mediaquery   *************/
/**********START HOVER*************/
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #c64955;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {color: white;}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/**********************************/