.circulo {
    width: 74px;
    height: 74px;
    font-size: 74px;
    color: #80d7ea;
    background: white;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align:top;
    font: 400 30px 'Material Icons';
    text-align:center;
    
}
.circulo,.circulo::before{line-height: 74px;}
.circulo::before{
    display: inline-block;
    position: relative;
}

.circulo.izq{float:left;}
.circulo.der{float:right;}
.circulo.social{
    font-family:'Font Awesome 5 Brands';
    color:#868686;transition: 1s;cursor:pointer;
    width:40px; height:40px;font-size:18px
}
.circulo.social,.circulo.social::before{line-height:40px}
.circulo.social:hover{color:white}
.circulo.tel::before{content: '\e551';}
.circulo.ubicacion::before{content: "\e55f";}
.circulo.social.fb:hover{background-color:#0956b5}
.circulo.social.fb::before{content: "\f39e";}
.circulo.social.tw:hover{background-color:#28d4f9}
.circulo.social.tw::before{content: "\f099";}
.circulo.social.yt:hover{background-color:#ff0000}
.circulo.social.yt::before{content: "\f167";}
.circulo.social.inst:hover{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);}
.circulo.social.inst::before{content: "\f16d";}
.circulo.social.gg:hover{background-color:#e3401d}
.circulo.social.gg::before{content: "\f0d5";}
.circulo.trofeo::before{content: "\f091";font-family:'Font Awesome 5 Solid';}
.circulo.tick::before{content: "\f00c";font-family:'Font Awesome 5 Solid';}

.iconos{
    color: black;
    line-height: 24px;
    position: relative;
    display: inline-block;
    font-weight: 400;
    font: 400 24px/24px 'Material Icons';
    vertical-align:top;
}
.iconos.tel::before{content: '\e551';}
.iconos.ubicacion::before{content: "\e55f";}
.iconos.email::before{content: "\e0be";}
.iconos.sobre::before{content: "\f0e0";font-family:'Font Awesome 5 regular';}
.iconos.tel_cuad::before{content:"\f098";font-family:'Font Awesome 5 Solid';}
.iconos.cel::before{content:"\f3cd";font-family:'Font Awesome 5 Solid';}
.iconos.lupa::before{content:"\f002";font-family:'Font Awesome 5 Solid';}
.iconos.flecha_abajo::before{content:"\f0dd";font-family:'Font Awesome 5 Solid';}
.iconos.mundo::before{content:"\f57d";font-family:'Font Awesome 5 Solid';}

.iconos.social{width:20px;height:30px;margin-right:10px;font-family:'Font Awesome 5 Brands';color:white;}
.iconos.social.fb{width:10px;}
.iconos.social.fb::before{content: "\f39e";}
.iconos.social.tw{}
.iconos.social.tw::before{content: "\f099";}
.iconos.social.yt{}
.iconos.social.yt::before{content: "\f167";}
.iconos.social.gg{}
.iconos.social.gg::before{content: "\f0d5";}
.iconos.social.inst{}
.iconos.social.inst::before{content: "\f16d";}
.iconos.social.wapp{}
.iconos.social.wapp::before{content: "\f232";}
.iconos.social.ub{}
.iconos.social.ub::before{content: "\e55f";font-family: 'Material Icons';}
.iconos.social.email{}
.iconos.social.email::before{content: "\e0be";font-family: 'Material Icons';}

.iconos.social::before{font-size:18px}
.iconos.social.wapp::before{font-size:20px}

.iconos.usuario::before{font-family:'Font Awesome 5 Solid';content: '\f007';}
.iconos.carrito::before{font-family:'Font Awesome 5 Solid';content: '\f07a';}
.iconos.carrito_plus::before{font-family:'Font Awesome 5 Solid';content: '\f217';}
.iconos.borrar::before{font-family:'Font Awesome 5 Solid';content: '\f1f8';}
.iconos.cerrar::before{font-family:'Font Awesome 5 Solid';content: '\f00d';}
.iconos.camion::before{font-family:'Font Awesome 5 Solid';content: '\f0d1';}
.iconos.tarjetaCredito::before{font-family:'Font Awesome 5 Solid';content: '\f09d';}
.iconos.visa::before{font-family:'Font Awesome 5 Brands';content: '\f1f0';color:#1d1d75}
.iconos.mastercard::before{font-family:'Font Awesome 5 Brands';content: '\f1f1';color:#cd1b2d}
.iconos.paypal::before{font-family:'Font Awesome 5 Brands';content: '\f1f4';color:#65acd6}
.iconos.check_seguro::before{font-family:'Font Awesome 5 Solid';content: '\f505';color:#909090}
.iconos.menu::before{font-family:'Font Awesome 5 Solid';content: '\f0c9';color:white}
.iconos.carrito2::before{content: '\f0c9';color:white}
.iconos.tick::before{content: "\f00c";font-family:'Font Awesome 5 Solid';}
.iconos.filtro::before{content: "\f0b0";font-family:'Font Awesome 5 Solid';}
.iconos.flecha_atras::before{
    content:'\f060';
    font-family:'Font Awesome 5 Solid';
}
.iconos.flecha_der::before{
    content:'\f054';
    font-family:'Font Awesome 5 Solid';
}
.iconos.home::before{font-family:'Font Awesome 5 Solid';content: '\f015';}