/*CHAT*/
.icon-whatsapp{
    font-size:4px;
    padding:15px;
    position:fixed;
    right:10px;
    bottom:10px;
    z-index:900;
}
.active_whatsapp{
    width:13px;
    height:13px;
    background:#06fe63;
    position:fixed;
    right:20px;
    bottom:50px;
    border-radius:10px;
    border:2px #fff solid;
    z-index:999;
}

.opb a{
    line-height:40px;
    height:40px;
    width:40px;
    display:block;
    text-align:center;
    border-top-left-radius:2px 2px;
    border-top-right-radius:2px 2px;
    border-bottom-right-radius:2px 2px;
    border-bottom-left-radius:2px 2px;
    -moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomright:2px;
    -moz-border-radius-bottomleft:2px
}
.contacto_mini .opb{
    position:absolute;
    top:5px;
    right:5px;
    z-index:999999
}
.contacto_mini .opb a{
    line-height:40px;
    color:#333;
    border-top-left-radius:50px 50px;
    border-top-right-radius:50px 50px;
    border-bottom-right-radius:50px 50px;
    border-bottom-left-radius:50px 50px;
    -moz-border-radius-topleft:50px;
    -moz-border-radius-topright:50px;
    -moz-border-radius-bottomright:50px;
    -moz-border-radius-bottomleft:50px;
    font-size:125%
}
.contacto_mini .opb a:hover{
    background-color:#4F4F4F;
    color:#FFF
}
.contacto_mini{
    border-top:1px solid #FFF;
    border-left:1px solid #FFF;
    border-top-left-radius:5px 5px;
    -moz-border-radius-topleft:5px;
    border-bottom-left-radius:0px 0px;
    -moz-border-radius-bottomleft:0px;
    border-top-right-radius:5px 5px;
    -moz-border-radius-topright:5px;
    border-bottom-right-radius:0px 0px;
    -moz-border-radius-bottomright:0px;
    transition:all 0.5s;
    -ms-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -o-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -khtml-transition:all 0.5s;
    background-color:#F9F9F9;
    margin:0px auto 0px auto;
    border-right:1px solid #FFF;
    display:block;
    padding:25px 15px 0px 15px;
    position:fixed;
    max-width:512px;
    z-index:999999;
    bottom:-768px;
    right:0px;
    min-width:300px
}
.contacto_mini_activo{
    bottom:0px;
    box-shadow:0px 0px 50px 0px rgba(0,0,0,0.5)
}
.box-input{
border-bottom: 2px solid #adadad;
position: relative;
margin: 30px 0;
}
.box-textarea{
border-bottom: 2px solid #adadad;
position: relative;
margin: 30px 0;
}
.box-input input{
font-size: 16px;
color: #333;
border: none;
width: 100%;
outline: none;
background: none;
padding: 0 5px;
height: 40px;
}
.box-textarea textarea{
font-size: 16px;
color: #333;
border: none;
width: 100%;
outline: none;
background: none;
padding: 0 5px;
height: 100px;
}
.box-input span::before{
content: attr(data-placeholder);
position: absolute;
top: 50%;
left: 5px;
color: #adadad;
transform: translateY(-50%);
z-index: -1;
transition: .5s;
}
.box-textarea span::before{
content: attr(data-placeholder);
position: absolute;
top: 80%;
left: 5px;
color: #adadad;
transform: translateY(-50%);
z-index: -1;
transition: .5s;
}
.focus + span::before{
top: -5px;
}
.focus + .spn::before{
top: -10px;
}
.focus + span::after{
width: 100%;
}
.boton{
display: block;
width: 100%;
height: 50px;
background-color: #24cc63;
border: solid 2px #48bb78;
color: #fff;
border-radius: 5px;
font-weight: 600;
font-size: 18px;
box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
}
.boton:hover{
background-color: #22934c;
border: solid 2px #2F855A;
transition: .5s;
}

/*BUSSINESS-PAGE*/
.contact-image>h3{position:relative;top:5px;}
.contact-image>span, .contact-image>h3{display:inline-block;}
.contact-image>span{
    font-size:12px;
    background-image: linear-gradient(310deg,#01fbe6,#038334);
    color:#fff;
    padding:7px 5px;
    border-radius:5px;
    margin:5px 0px;
    width:26px;
}

.clock-image>span, .clock-image>h3{display:inline-block;}
.clock-image>span{
    font-size:16px;
    background-image: linear-gradient(310deg,#fb0182,#8125c5);
    color:#fff;
    padding:5px;
    border-radius:5px;
    margin:5px 0px;
    width:26px;
}

.maps>span, .maps>address{display:inline-block;}
.maps>span{
font-size:16px;
background-image: linear-gradient(310deg,#ff024e,#db9005);
color:#fff;
padding:5px;
border-radius:5px;
margin:5px 0px;
width:26px;
}

/*FOOTER*/ 
.footer_page{position:relative;top:50px;background:#000000;color:#aaaaaa;padding:20px 50px;}
@media (max-width:500px){
    .footer_page{padding:20px 10px;}
    .footer_menu_s{display:none;}
}
footer>div>div>.icon-telefono{color:#ff8702;font-size:30px;border-radius:20px;}
footer>div>div>.icon-carta{color:#90ff02;font-size:30px;border-radius:20px;}
footer>div>div>.icon-ubicacion{color:#ff0265;font-size:30px;border-radius:20px;}
.footer_contact{font-size:20px;color:#fff;}
.footer_talk{color:#fff;}
.footer_page>section>div{padding:20px;}
.footer_menu{display:block;}
.footer_menu_div>div>a{color:#fff;}
.footer_menu_div>div>a:hover{color:#0092cb;position:relative;animation-name:footermenu;
animation-duration: 1s;  
animation-delay: 0s;
animation-fill-mode: forwards;
transition:1s;}
@keyframes footermenu {
from {left: 0px;}
to {left: 5px;}
}

/*REPORT_A_BUSSINESS*/
.report_button>button{background-image: linear-gradient(310deg,#8d0404,#ff0000);}
.recommend_button>button{background-image: linear-gradient(310deg,#072aa8,#65e0fb);padding:10px;}

/*MENU_ICONS*/
.icon-alquileres{background-image: linear-gradient(310deg,#2152ff,#21d4fd);}
.icon-arte{background-image: linear-gradient(310deg,#ff8800,#e6ff02);}
.icon-audio_video{background-image: linear-gradient(310deg,#30011b,#b6035c);}
.icon-autos_motos{background-image: linear-gradient(310deg,#02b34c,#9eff01);}
.icon-bazar{background-image: linear-gradient(310deg,#3a8b03,#fdf902);}
.icon-ciclo{background-image: linear-gradient(310deg,#330380,#9133fd);}
.icon-comida{background-image: linear-gradient(310deg,#9b0909,#ff0095);}
.icon-hogar{background-image: linear-gradient(310deg,#3a8b03,#fdf902);}
.icon-construccion{background-image: linear-gradient(310deg,#03546d,#02defb);}
.icon-belleza{background-image: linear-gradient(310deg,#ff024e,#db9005);}
.icon-deportes{background-image: linear-gradient(310deg,#5c0233,#ff0080);}
.icon-educacion{background-image: linear-gradient(310deg,#05755d,#00fbd1);}
.icon-electronica{background-image: linear-gradient(310deg,#8d0404,#ff0000);}
.icon-eventos{background-image: linear-gradient(310deg,#072aa8,#65e0fb);}
.icon-fabricas{background-image: linear-gradient(310deg,#ff024e,#db9005);}
.icon-imprenta{background-image: linear-gradient(310deg,#330380,#9133fd);}
.icon-joyas{background-image: linear-gradient(310deg,#30011b,#b6035c);}
.icon-mascotas{background-image: linear-gradient(310deg,#b96403,#fffb02);}
.icon-seguridad{background-image: linear-gradient(310deg,#ff024e,#db9005);}
.icon-servicios_profesionales{background-image: linear-gradient(310deg,#4eb808,#f8f553);}
.icon-turismo{background-image: linear-gradient(310deg,#023646,#048b9c);}
.icon-bienestar{background-image: linear-gradient(310deg,#b30438,#8b5b02);}
.icon-agricola{background-image: linear-gradient(310deg,#0b3f34,#4bc4b0);}
.icon-ropa{background-image: linear-gradient(310deg,#3b0505,#fc6e6e);}

.searcher_background{width:100%;height:300px;}
.search{position:relative;top:-240px;}
.search>p{color:#fff;font-size:30px;}
.search>h6{color:#fff;font-size:15px;}
.search_page_indx{position:relative;top:-240px;}
.search_page_indx>p{color:#333;font-size:30px;}
.search_page_indx>h6{color:#333;font-size:15px;}

.add_down{margin-top:100px;}

.index_head{padding:0px 70px;}
.index_head>div>p{font-size:40px;line-height: 1.07;}
.indx_card{box-shadow:0 0 5px #ccc;border-radius:10px;width:100%;vertical-align:middle;}
.main_indx{position:relative;top:50px;}
@media (max-width:900px){
    .index_head{padding:0px 0px;
    }
}
@media (max-width:740px){
    .index_head>div>p{font-size:25px;line-height: 1.07;
    }
}
.d_wa, h3{display:inline-block;}