@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
@import url(https://cdn.jsdelivr.net/npm/@icon/entypo@1.0.0-alpha.3/entypo.min.css);

html,
body {

}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#social_left
{
display:none;
position: fixed;
left:0;
top: 80px;
width: 40px;
height: 300px;
margin: 0 auto;
border: 0 solid #000000;
z-index: 10;
}


#linkedin_cv {
  outline: 0 none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0px;
  margin: 10px;
  color: #FFF;
  border: 0 none;
  background-color: rgba(189,163,99,1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
#linkedin_cv:before {
  content: "\f318";
  color: #FFF;
  font-family: 'entypo', sans-serif;
  font-size: 20px;
  line-height: 30px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 32px;
  height: 32px;
  text-shadow: 0 0 2px #6e5f39;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#linkedin_cv:hover,
#linkedin_cv:focus {
  background-color: #dfc27a;
  -webkit-box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
  -moz-box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
  box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
}
#linkedin_cv:hover:before,
#linkedin_cv:focus:before {
  text-shadow: -1px -1px #6e5f39;

}
#linkedin_cv:active,
#linkedin_cv:checked {
  background-color: #bda363;
  -webkit-box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  -moz-box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  -webkit-box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 0 0 #0087bb;
  -moz-box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 0 0 #0087bb;
  box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 5px #003d55;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#linkedin_cv:active:before,
#linkedin_cv:checked:before {
  color: rgba(0,154,213,0.8);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}



#twitter {
  outline: 0 none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0px;
  margin: 3px;
  color: #FFF;
  border: 0 none;
  background-color: rgba(189,163,99,1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
#twitter:before {
  content: "\2715";
  color: #FFF;
  font-family: 'entypo', sans-serif;
  font-size: 20px;
  line-height: 36px;
  position: absolute;
  top: 0px;
  left: 2px;
  width: 32px;
  height: 32px;
  text-shadow: 0 0 2px #6e5f39;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#twitter:hover,
#twitter:focus {
  background-color: #dfc27a;
  -webkit-box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
  -moz-box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
  box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
}
#twitter:hover:before,
#twitter:focus:before {
  text-shadow: -1px -1px #6e5f39;

}
#twitter:active,
#twitter:checked {
  background-color: #bda363;
  -webkit-box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  -moz-box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  -webkit-box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 0 0 #0087bb;
  -moz-box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 0 0 #0087bb;
  box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 5px #003d55;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#twitter:active:before,
#twitter:checked:before {
  color: rgba(0,154,213,0.8);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}




#instagram {
  outline: 0 none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0px;
  margin: 3px;
  color: #FFF;
  border: 0 none;
  background-color: rgba(189,163,99,1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
#instagram:before {
  content: "\f32d";
  color: #FFF;
  font-family: 'entypo', sans-serif;
  font-size: 20px;
  line-height: 36px;
  position: absolute;
  top: -2px;
  left: 1px;
  width: 32px;
  height: 32px;
  text-shadow: 0 0 2px #6e5f39;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#instagram:hover,
#instagram:focus {
  background-color: #dfc27a;
  -webkit-box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
  -moz-box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
  box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
}
#instagram:hover:before,
#instagram:focus:before {
  text-shadow: -1px -1px #6e5f39;

}
#instagram:active,
#instagram:checked {
  background-color: #bda363;
  -webkit-box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  -moz-box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  -webkit-box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 0 0 #0087bb;
  -moz-box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 0 0 #0087bb;
  box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 5px #003d55;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#instagram:active:before,
#instagram:checked:before {
  color: rgba(0,154,213,0.8);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}


#facebook {
  outline: 0 none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0px;
  margin: 3px;
  color: #FFF;
  border: 0 none;
  background-color: rgba(189,163,99,1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
#facebook:before {
  content: "\f30c";
  color: #FFF;
  font-family: 'entypo', sans-serif;
  font-size: 20px;
  line-height: 32px;
  position: absolute;
  top: 0px;
  left: -1px;
  width: 32px;
  height: 32px;
  text-shadow: 0 0 2px #6e5f39;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#facebook:hover,
#facebook:focus {
  background-color: #dfc27a;
  -webkit-box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
  -moz-box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
  box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
}
#facebook:hover:before,
#facebook:focus:before {
  text-shadow: -1px -1px #6e5f39;

}
#facebook:active,
#facebook:checked {
  background-color: #bda363;
  -webkit-box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  -moz-box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  -webkit-box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 0 0 #0087bb;
  -moz-box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 0 0 #0087bb;
  box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 5px #003d55;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#facebook:active:before,
#facebook:checked:before {
  color: rgba(0,154,213,0.8);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}



#facebook2 {
  outline: 0 none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0px;
  margin: 3px;
  color: #FFF;
  border: 0 none;
  background-color: rgba(189,163,99,1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
#facebook2:before {
  content: "\f30c";
  color: #FFF;
  font-family: 'entypo', sans-serif;
  font-size: 20px;
  line-height: 32px;
  position: absolute;
  top: 0px;
  left: -1px;
  width: 32px;
  height: 32px;
  text-shadow: 0 0 2px #6e5f39;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#facebook2:hover,
#facebook2:focus {
  background-color: #dfc27a;
  -webkit-box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
  -moz-box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
  box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
}
#facebook2:hover:before,
#facebook2:focus:before {
  text-shadow: -1px -1px #6e5f39;

}
#facebook2:active,
#facebook2:checked {
  background-color: #bda363;
  -webkit-box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  -moz-box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  -webkit-box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 0 0 #0087bb;
  -moz-box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 0 0 #0087bb;
  box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 5px #003d55;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#facebook2:active:before,
#facebook2:checked:before {
  color: rgba(0,154,213,0.8);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}




#gplus {
  outline: 0 none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0px;
  margin: 3px;
  color: #FFF;
  border: 0 none;
  background-color: rgba(189,163,99,1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
#gplus:before {
  content: "\f30f";
  color: #FFF;
  font-family: 'entypo', sans-serif;
  font-size: 20px;
  line-height: 34px;
  position: absolute;
  top: 0px;
  left: 1px;
  width: 32px;
  height: 32px;
  text-shadow: 0 0 2px #6e5f39;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#gplus:hover,
#gplus:focus {
  background-color: #dfc27a;
  -webkit-box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
  -moz-box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
  box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
}
#gplus:hover:before,
#gplus:focus:before {
  text-shadow: -1px -1px #6e5f39;

}
#gplus:active,
#gplus:checked {
  background-color: #bda363;
  -webkit-box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  -moz-box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  -webkit-box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 0 0 #0087bb;
  -moz-box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 0 0 #0087bb;
  box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 5px #003d55;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#gplus:active:before,
#gplus:checked:before {
  color: rgba(0,154,213,0.8);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

#linkedin {
  outline: 0 none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0px;
  margin: 3px;
  color: #FFF;
  border: 0 none;
  background-color: rgba(189,163,99,1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  box-shadow: 0 0 0 10px rgba(189,163,99,0), inset 0 0 5px #6e5f39, 0 1px 1px 1px rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
#linkedin:before {
  content: "\f318";
  color: #FFF;
  font-family: 'entypo', sans-serif;
  font-size: 20px;
  line-height: 30px;
  position: absolute;
  top: 0px;
  left: 1px;
  width: 32px;
  height: 32px;
  text-shadow: 0 0 2px #6e5f39;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#linkedin:hover,
#linkedin:focus {
  background-color: #dfc27a;
  -webkit-box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
  -moz-box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
  box-shadow: 0 0 0 2px rgba(189,163,99,0.5), inset 0 0 0 0 #dfc27a, 0 0 2px 2px #6e5f39;
}
#linkedin:hover:before,
#linkedin:focus:before {
  text-shadow: -1px -1px #6e5f39;

}
#linkedin:active,
#linkedin:checked {
  background-color: #bda363;
  -webkit-box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  -moz-box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  box-shadow: 0 0 0 5px rgba(189,163,99,0.5);
  -webkit-box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 0 0 #0087bb;
  -moz-box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 0 0 #0087bb;
  box-shadow: 0 0 0 5px rgba(189,163,99,0.5), inset 0 0 5px #003d55;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#linkedin:active:before,
#linkedin:checked:before {
  color: rgba(0,154,213,0.8);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#behance {
  outline: 0 none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  padding: 0px;
  margin: 22px;
  color: #FFF;
  border: 0 none;
  background-color: rgba(0,92,255,0.8);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 20px rgba(0,92,255,0), inset 0 0 5px #0053e6, 0 1px 1px 1px rgba(255,255,255,0.4);
  -moz-box-shadow: 0 0 0 20px rgba(0,92,255,0), inset 0 0 5px #0053e6, 0 1px 1px 1px rgba(255,255,255,0.4);
  box-shadow: 0 0 0 20px rgba(0,92,255,0), inset 0 0 5px #0053e6, 0 1px 1px 1px rgba(255,255,255,0.4);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
#behance:before {
  content: "\f34e";
  color: #FFF;
  font-family: 'entypo', sans-serif;
  font-size: 35px;
  line-height: 70px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 70px;
  height: 70px;
  text-shadow: 0 0 10px #004acc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#behance:hover,
#behance:focus {
  background-color: #005cff;
  -webkit-box-shadow: 0 0 0 10px rgba(51,125,255,0.5), inset 0 0 0 0 #005cff, 0 0 5px 2px #002566;
  -moz-box-shadow: 0 0 0 10px rgba(51,125,255,0.5), inset 0 0 0 0 #005cff, 0 0 5px 2px #002566;
  box-shadow: 0 0 0 10px rgba(51,125,255,0.5), inset 0 0 0 0 #005cff, 0 0 5px 2px #002566;
}
#behance:hover:before,
#behance:focus:before {
  text-shadow: -1px -1px #004acc;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#behance:active,
#behance:checked {
  background-color: #0053e6;
  -webkit-box-shadow: 0 0 0 10px rgba(0,83,230,0.5);
  -moz-box-shadow: 0 0 0 10px rgba(0,83,230,0.5);
  box-shadow: 0 0 0 8.3333333333333px rgba(0,83,230,0.5);
  -webkit-box-shadow: 0 0 0 10px rgba(0,83,230,0.5), inset 0 0 0 0 #004acc;
  -moz-box-shadow: 0 0 0 10px rgba(0,83,230,0.5), inset 0 0 0 0 #004acc;
  box-shadow: 0 0 0 10px rgba(0,83,230,0.5), inset 0 0 10px #002566;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#behance:active:before,
#behance:checked:before {
  color: rgba(255,255,255,0.8);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#evernote {
  outline: 0 none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  padding: 0px;
  margin: 22px;
  color: #FFF;
  border: 0 none;
  background-color: rgba(91,165,37,0.8);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 20px rgba(91,165,37,0), inset 0 0 5px #509020, 0 1px 1px 1px rgba(255,255,255,0.4);
  -moz-box-shadow: 0 0 0 20px rgba(91,165,37,0), inset 0 0 5px #509020, 0 1px 1px 1px rgba(255,255,255,0.4);
  box-shadow: 0 0 0 20px rgba(91,165,37,0), inset 0 0 5px #509020, 0 1px 1px 1px rgba(255,255,255,0.4);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
#evernote:before {
  content: "\f333";
  color: #FFF;
  font-family: 'entypo', sans-serif;
  font-size: 35px;
  line-height: 70px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 70px;
  height: 70px;
  text-shadow: 0 0 10px #447b1c;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#evernote:hover,
#evernote:focus {
  background-color: #5ba525;
  -webkit-box-shadow: 0 0 0 10px rgba(114,207,46,0.5), inset 0 0 0 0 #5ba525, 0 0 5px 2px #162809;
  -moz-box-shadow: 0 0 0 10px rgba(114,207,46,0.5), inset 0 0 0 0 #5ba525, 0 0 5px 2px #162809;
  box-shadow: 0 0 0 10px rgba(114,207,46,0.5), inset 0 0 0 0 #5ba525, 0 0 5px 2px #162809;
}
#evernote:hover:before,
#evernote:focus:before {
  text-shadow: -1px -1px #447b1c;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#evernote:active,
#evernote:checked {
  background-color: #509020;
  -webkit-box-shadow: 0 0 0 10px rgba(80,144,32,0.5);
  -moz-box-shadow: 0 0 0 10px rgba(80,144,32,0.5);
  box-shadow: 0 0 0 8.3333333333333px rgba(80,144,32,0.5);
  -webkit-box-shadow: 0 0 0 10px rgba(80,144,32,0.5), inset 0 0 0 0 #447b1c;
  -moz-box-shadow: 0 0 0 10px rgba(80,144,32,0.5), inset 0 0 0 0 #447b1c;
  box-shadow: 0 0 0 10px rgba(80,144,32,0.5), inset 0 0 10px #162809;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#evernote:active:before,
#evernote:checked:before {
  color: rgba(255,255,255,0.8);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#dribble {
  outline: 0 none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  padding: 0px;
  margin: 22px;
  color: #FFF;
  border: 0 none;
  background-color: rgba(234,76,137,0.8);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 20px rgba(234,76,137,0), inset 0 0 5px #e7357a, 0 1px 1px 1px rgba(255,255,255,0.4);
  -moz-box-shadow: 0 0 0 20px rgba(234,76,137,0), inset 0 0 5px #e7357a, 0 1px 1px 1px rgba(255,255,255,0.4);
  box-shadow: 0 0 0 20px rgba(234,76,137,0), inset 0 0 5px #e7357a, 0 1px 1px 1px rgba(255,255,255,0.4);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
#dribble:before {
  content: "\f31b";
  color: #FFF;
  font-family: 'entypo', sans-serif;
  font-size: 35px;
  line-height: 70px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 70px;
  height: 70px;
  text-shadow: 0 0 10px #e51e6b;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#dribble:hover,
#dribble:focus {
  background-color: #ea4c89;
  -webkit-box-shadow: 0 0 0 10px rgba(239,122,167,0.5), inset 0 0 0 0 #ea4c89, 0 0 5px 2px #8d1040;
  -moz-box-shadow: 0 0 0 10px rgba(239,122,167,0.5), inset 0 0 0 0 #ea4c89, 0 0 5px 2px #8d1040;
  box-shadow: 0 0 0 10px rgba(239,122,167,0.5), inset 0 0 0 0 #ea4c89, 0 0 5px 2px #8d1040;
}
#dribble:hover:before,
#dribble:focus:before {
  text-shadow: -1px -1px #e51e6b;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#dribble:active,
#dribble:checked {
  background-color: #e7357a;
  -webkit-box-shadow: 0 0 0 10px rgba(231,53,122,0.5);
  -moz-box-shadow: 0 0 0 10px rgba(231,53,122,0.5);
  box-shadow: 0 0 0 8.3333333333333px rgba(231,53,122,0.5);
  -webkit-box-shadow: 0 0 0 10px rgba(231,53,122,0.5), inset 0 0 0 0 #e51e6b;
  -moz-box-shadow: 0 0 0 10px rgba(231,53,122,0.5), inset 0 0 0 0 #e51e6b;
  box-shadow: 0 0 0 10px rgba(231,53,122,0.5), inset 0 0 10px #8d1040;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#dribble:active:before,
#dribble:checked:before {
  color: rgba(255,255,255,0.8);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#pinterest {
  outline: 0 none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  padding: 0px;
  margin: 22px;
  color: #FFF;
  border: 0 none;
  background-color: rgba(200,35,44,0.8);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 20px rgba(200,35,44,0), inset 0 0 5px #b21f27, 0 1px 1px 1px rgba(255,255,255,0.4);
  -moz-box-shadow: 0 0 0 20px rgba(200,35,44,0), inset 0 0 5px #b21f27, 0 1px 1px 1px rgba(255,255,255,0.4);
  box-shadow: 0 0 0 20px rgba(200,35,44,0), inset 0 0 5px #b21f27, 0 1px 1px 1px rgba(255,255,255,0.4);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
#pinterest:before {
  content: "\f312";
  color: #FFF;
  font-family: 'entypo', sans-serif;
  font-size: 35px;
  line-height: 70px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 70px;
  height: 70px;
  text-shadow: 0 0 10px #9d1b22;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#pinterest:hover,
#pinterest:focus {
  background-color: #c8232c;
  -webkit-box-shadow: 0 0 0 10px rgba(222,64,73,0.5), inset 0 0 0 0 #c8232c, 0 0 5px 2px #460c0f;
  -moz-box-shadow: 0 0 0 10px rgba(222,64,73,0.5), inset 0 0 0 0 #c8232c, 0 0 5px 2px #460c0f;
  box-shadow: 0 0 0 10px rgba(222,64,73,0.5), inset 0 0 0 0 #c8232c, 0 0 5px 2px #460c0f;
}
#pinterest:hover:before,
#pinterest:focus:before {
  text-shadow: -1px -1px #9d1b22;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#pinterest:active,
#pinterest:checked {
  background-color: #b21f27;
  -webkit-box-shadow: 0 0 0 10px rgba(178,31,39,0.5);
  -moz-box-shadow: 0 0 0 10px rgba(178,31,39,0.5);
  box-shadow: 0 0 0 8.3333333333333px rgba(178,31,39,0.5);
  -webkit-box-shadow: 0 0 0 10px rgba(178,31,39,0.5), inset 0 0 0 0 #9d1b22;
  -moz-box-shadow: 0 0 0 10px rgba(178,31,39,0.5), inset 0 0 0 0 #9d1b22;
  box-shadow: 0 0 0 10px rgba(178,31,39,0.5), inset 0 0 10px #460c0f;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#pinterest:active:before,
#pinterest:checked:before {
  color: rgba(255,255,255,0.8);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#skype {
  outline: 0 none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  padding: 0px;
  margin: 22px;
  color: #FFF;
  border: 0 none;
  background-color: rgba(0,175,240,0.8);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 20px rgba(0,175,240,0), inset 0 0 5px #009cd7, 0 1px 1px 1px rgba(255,255,255,0.4);
  -moz-box-shadow: 0 0 0 20px rgba(0,175,240,0), inset 0 0 5px #009cd7, 0 1px 1px 1px rgba(255,255,255,0.4);
  box-shadow: 0 0 0 20px rgba(0,175,240,0), inset 0 0 5px #009cd7, 0 1px 1px 1px rgba(255,255,255,0.4);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
#skype:before {
  content: "\f339";
  color: #FFF;
  font-family: 'entypo', sans-serif;
  font-size: 35px;
  line-height: 70px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 70px;
  height: 70px;
  text-shadow: 0 0 10px #008abd;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#skype:hover,
#skype:focus {
  background-color: #00aff0;
  -webkit-box-shadow: 0 0 0 10px rgba(36,196,255,0.5), inset 0 0 0 0 #00aff0, 0 0 5px 2px #003f57;
  -moz-box-shadow: 0 0 0 10px rgba(36,196,255,0.5), inset 0 0 0 0 #00aff0, 0 0 5px 2px #003f57;
  box-shadow: 0 0 0 10px rgba(36,196,255,0.5), inset 0 0 0 0 #00aff0, 0 0 5px 2px #003f57;
}
#skype:hover:before,
#skype:focus:before {
  text-shadow: -1px -1px #008abd;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#skype:active,
#skype:checked {
  background-color: #009cd7;
  -webkit-box-shadow: 0 0 0 10px rgba(0,156,215,0.5);
  -moz-box-shadow: 0 0 0 10px rgba(0,156,215,0.5);
  box-shadow: 0 0 0 8.3333333333333px rgba(0,156,215,0.5);
  -webkit-box-shadow: 0 0 0 10px rgba(0,156,215,0.5), inset 0 0 0 0 #008abd;
  -moz-box-shadow: 0 0 0 10px rgba(0,156,215,0.5), inset 0 0 0 0 #008abd;
  box-shadow: 0 0 0 10px rgba(0,156,215,0.5), inset 0 0 10px #003f57;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#skype:active:before,
#skype:checked:before {
  color: rgba(255,255,255,0.8);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.ie9 #linkedin {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 3px;
  background: #bda363;	
  color: #FFF;
  font-family: Verdana, Geneva, sans-serif;
}
.ie9 #linkedin:before {
padding-left: 5px;
content : url("/images/facebook1.png") " facebook ";
line-height: 2px;
}
.ie9 #linkedin:hover,
.ie9 #linkedin:focus {
background: #dfc27a;  
}
.ie9 #linkedin:hover:before,
.ie9 #linkedin:focus:before {
}
.ie9 #linkedin:active,
.ie9 #linkedin:checked {
}
.ie9 #linkedin:active:before,
.ie9 #linkedin:checked:before {
}
.ie9 #gplus {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 3px;
  background: #bda363;	
  color: #FFF;
  font-family: Verdana, Geneva, sans-serif;
}
.ie9 #gplus:before {
padding-left: 5px;
  content: "\f30f";
line-height: 2px;
}
.ie9 #gplus:hover,
.ie9 #gplus:focus {
background: #dfc27a;    
}
.ie9 #gplus:hover:before,
.ie9 #gplus:focus:before {
}
.ie9 #gplus:active,
.ie9 #gplus:checked {
}
.ie9 #gplus:active:before,
.ie9 #gplus:checked:before {
}

.ie9 #facebook {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 3px;
  background: #bda363;	
  color: #FFF;
  font-family: Verdana, Geneva, sans-serif;
}
.ie9 #facebook:before {
padding-left: 5px;
content: "\f30c";
line-height: 2px;
}
.ie9 #facebook:hover,
.ie9 #facebook:focus {
background: #dfc27a;    
}
.ie9 #facebook:hover:before,
.ie9 #facebook:focus:before {
}
.ie9 #facebook:active,
.ie9 #facebook:checked {
}
.ie9 #facebook:active:before,
.ie9 #facebook:checked:before {
}


.ie9 #facebook2 {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 3px;
  background: #bda363;	
  color: #FFF;
  font-family: Verdana, Geneva, sans-serif;
}
.ie9 #facebook2:before {
padding-left: 5px;
content: "\f30c";
line-height: 2px;
}
.ie9 #facebook2:hover,
.ie9 #facebook2:focus {
background: #dfc27a;    
}
.ie9 #facebook2:hover:before,
.ie9 #facebook2:focus:before {
}
.ie9 #facebook2:active,
.ie9 #facebook2:checked {
}
.ie9 #facebook2:active:before,
.ie9 #facebook2:checked:before {
}

.ie9 #twitter {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 3px;
  background: #bda363;	
  color: #FFF;
  font-family: Verdana, Geneva, sans-serif;
}
.ie9 #twitter:before {
padding-left: 5px;
content: "\2715";
line-height: 2px;
}
.ie9 #twitter:hover,
.ie9 #twitter:focus {
background: #dfc27a;    
}
.ie9 #twitter:hover:before,
.ie9 #twitter:focus:before {
}
.ie9 #twitter:active,
.ie9 #twitter:checked {
}
.ie9 #twitter:active:before,
.ie9 #twitter:checked:before {
}






.pen-container {

  position: relative;
  max-width: 680px;
  margin: 0 auto;
  padding-top: 4px;
  height: 70px;
}
.pen-container:before,
.pen-container:after {
  content: " ";
  position: absolute;
  left: 0px;
  width: 100%;

}
.pen-container:before {
  top: 0px;
}
.pen-container:after {
  bottom: 0px;
}
.pen-container2 {
  position: relative;
  max-width: 680px;
  margin: 0 auto;
  padding-top: 10px;
  height: 90px;
  border: 0 solid #fff;
  
}
.socialsharing {
margin: 0;
width: 202px;
height:46px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
text-align: right;
border: 0 solid #fff;
display:inline-block;/* On le remplace au float:left; */
}

.socialsharing2 {
margin: 0;
width: 220px;
height:46px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 5px;
text-align: right;
border: 0 solid #fff;
display:inline-block;/* On le remplace au float:left; */
}