/* * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: arial;
}

body {
  background: #404040;
  padding: 0;
  margin: 0;
  text-align: center;
  font-family: arial;
  color: #fff;
} */

/*=====================*/
.social-nav {
  padding: 0;
  list-style: none;
  display: inline-block;
  margin: 10px auto;
}
.social-nav li {
  display: inline-block;
}
.social-nav a {
  display: inline-block;
  float: left;
  width: 48px;
  height: 48px;
  font-size: 20px;
  color: #FFF;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  line-height: 48px;
  background: #000;
  position: relative;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.model-0 {
  position: absolute;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  left: 0;
  bottom: 50px;
}
.model-0 li {
  float: none;
  display: block;
}
.model-0 a:hover {
  padding-left: 20px;
  width: 65px;
}
.model-0 .twitter {
  background: #00ACED;
}
.model-0 .facebook {
  background: #3B579D;
}
.model-0 .google-plus {
  background: #DD4A3A;
}
.model-0 .linkedin {
  background: #007BB6;
}
.model-0 .pinterest {
  background: #CB2026;
}
.model-0 .youtube {
  background: #FF0000;
}

/* WhatApp in */
/* for desktop */
.whatsapp_float {
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
        font-size:30px;
	box-shadow: 2px 2px 3px #999;
        z-index:100;
}

.whatsapp-icon {
	margin-top:16px;
}
/* for mobile */
@media screen and (max-width: 767px){
     .whatsapp-icon {
	 margin-top:10px;
     }
    .whatsapp_float {
        width: 40px;
        height: 40px;
        bottom: 20px;
        left: 10px;
        font-size: 22px;
    }
}

/* WhatApp out */  


  /*====== Model-9 Animation ========*/
  @-moz-keyframes icon-move {
    49% {
      -moz-transform: translateX(-40px);
      transform: translateX(-40px);
      opacity: 0;
    }
    50% {
      -moz-transform: translateX(40px);
      transform: translateX(40px);
      opacity: 1;
    }
    80% {
      -moz-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-webkit-keyframes icon-move {
    49% {
      -webkit-transform: translateX(-40px);
      transform: translateX(-40px);
      opacity: 0;
    }
    50% {
      -webkit-transform: translateX(40px);
      transform: translateX(40px);
      opacity: 1;
    }
    80% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @keyframes icon-move {
    49% {
      -moz-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
      -webkit-transform: translateX(-40px);
      transform: translateX(-40px);
      opacity: 0;
    }
    50% {
      -moz-transform: translateX(40px);
      -ms-transform: translateX(40px);
      -webkit-transform: translateX(40px);
      transform: translateX(40px);
      opacity: 1;
    }
    80% {
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }