@import url("icofont/icofont.min.css");
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
    src: url("fonts/Quicksand-Regular.ttf");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline
}
article, aside, details, figcaption, figure, header, hgroup, menu, nav, section {
  display: block
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
.social_network_wd ul {
  list-style: none;
  position: fixed;
  /*position: absolute;*/
  top: 25%;
  right: 0%;
  transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg);overflow:hidden;
  z-index: 2147483647;
}
.socials_wd{
  transform: rotateX(180deg);
}
.social_network_wd ul li a {
  display: block;
  margin-left: 0px;
  height: 45px;
  width: 50px;
  border-radius: 0 25px 25px 0;
  border: 2px solid #000;
  background: #FFF;
  margin-bottom: 5px;
  transition: all .4s ease;
  color: #2980b9;
  text-decoration: none;
  line-height: 60px;
  position: relative;
}
.social_network_wd ul li a:hover {
  cursor: pointer;
  width: 155px;
  color: #fff;
}
.social_network_wd ul li a:hover span {
  left: -20px;
}
.social_network_wd ul li a span {
  padding: 0 30px 0 15px;
  position: absolute;
  left: -130px;
  top:-9px;
  transition: left .4s ease;
  transform: rotateY(180deg);
  font-family: "Quicksand", sans-serif;
  font-size: 1em;
  font-weight: 600;
}
.social_network_wd ul li a i {
  position: absolute;
  top: 10px;
  right: 16px;
  font-size: 23px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transform: rotateY(180deg);
}
/*Colors*/
/*teléfono*/
.social_network_wd ul li .phone {
  background: rgba(254,249,231,0.9);
  border-color: #ee1d23;
  color: #ee1d23;
}
.social_network_wd ul li .phone:hover {
  background: #ee1d23;
}
/*Correo*/
.social_network_wd ul li .email {
  background: rgba(254,249,231,0.9);
  border-color: #52bad5;
  color: #52bad5;
}
.social_network_wd ul li .email:hover {
  background: #52bad5;
}
/*Facebook*/
.social_network_wd ul li .fb {
  background: rgba(254,249,231,0.9);
  border-color: #3b5998;
  color: #3b5998;
}
.social_network_wd ul li .fb:hover {
  background: #3b5998;
}
/*Instagram*/
.social_network_wd ul li .in {
  background: rgba(254,249,231,0.9);
  border-color: #833ab4;
  color: #833ab4;
}
.social_network_wd ul li .in:hover {
  background: radial-gradient(circle at 13% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 103%);
}
/*LindedIn*/
.social_network_wd ul li .li {
  background: rgba(254,249,231,0.9);
  border-color: #0077b5;
  color: #0077b5;
}
.social_network_wd ul li .li:hover {
  background: #0077b5;
}
/*Whatsapp*/
.social_network_wd ul li .wsp {
  background: rgba(254,249,231,0.9);
  border-color: #6cc751;
  color: #6cc751;
}
.social_network_wd ul li .wsp:hover {
  background: #6cc751;
}
/*Youtube*/
.social_network_wd ul li .yu {
  background: rgba(254,249,231,0.9);
  border-color: #ff0000;
  color: #ff0000;
}
.social_network_wd ul li .yu:hover {
  background: #ff0000;
}
/*Twitter*/
.social_network_wd ul li .tw {
  background: rgba(254,249,231,0.9);
  border-color: #1da1f2;
  color: #1da1f2;
}
.social_network_wd ul li .tw:hover {
  background: #1da1f2;
}
@media (max-width: 768px) {
 .hidden-xs { display: none !important; }
}
@media (min-width: 769px) and (max-width: 991px){
 .hidden-md { display: none !important; }
}
@media (min-width: 992px) {
 .hidden-lg { display: none !important; }
}
.p-0{padding: 0!important;}
.fixed-nav-bar_wd {
  position: fixed;
  display: flex;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 50px;
  box-shadow: 0 -5px 5px -5px rgba(51, 51, 51, 0.7);
}
.fixed-nav-bar_wd a{
  display: block;
  height: 50px;
  border: 2px solid #000;
  background: #FFF;
  transition: all .4s ease;
  color: #2980b9;
  text-decoration: none;
  position: relative;
  width: 100%;
}
.fixed-nav-bar_wd a i{
  position: absolute;
  top: 22%;
  right: 0;
  left: 0;
  font-size: 30px;
  color: #fff;
}
/*teléfono v_mobile*/
.fixed-nav-bar_wd .phone {
  background: #ee1d23;
  border-color: #ee1d23;
  color: #ee1d23;
}
/*Correo v_mobile*/
.fixed-nav-bar_wd .email {
  background: #52bad5;
  border-color: #52bad5;
  color: #52bad5;
}
/*Whatsapp v_mobile*/
.fixed-nav-bar_wd  .wsp {
  background:  #6cc751;
  border-color: #6cc751;
  color: #6cc751;
}
.fixed-nav-bar_wd  .fb {
  background:  #3b5998;
  border-color: #3b5998;
  color: #3b5998;
}
.fixed-nav-bar_wd  .tw {
  background:  #1da1f2;
  border-color: #1da1f2;
  color: #1da1f2;
}
.fixed-nav-bar_wd  .in {
  background: #833ab4;
  border-color: #833ab4;
  color: #833ab4;
}
.fixed-nav-bar_wd  .yu {
  background: #ff0000;
  border-color: #ff0000;
  color: #ff0000;
}
.fixed-nav-bar_wd  .li {
  background: #0077b5;
  border-color: #0077b5;
  color: #0077b5;
}






.phone i {
  border-color: #ee1d23;
  color: #ee1d23;
}
/*Correo v_mobile*/
.email i{
  border-color: #52bad5;
  color: #52bad5;
}
/*Whatsapp v_mobile*/
.wsp i{
  border-color: #6cc751;
  color: #6cc751;
}
.fb i{
  border-color: #3b5998;
  color: #3b5998;
}
.tw i{
  border-color: #1da1f2;
  color: #1da1f2;
}
.in i{
  border-color: #833ab4;
  color: #833ab4;
}
.yu i{
  border-color: #ff0000;
  color: #ff0000;
}
.li i{
  border-color: #0077b5;
  color: #0077b5;
}
