/*==========Header Sliders==========*/
.header-hosting .header-item img.icono{
    width:30px;
}
.header-hosting h2{
    display:block;
}
.header-hosting .vc-child .header-img{
    margin-top:0;
}
.header-hosting .header-item p{
    border-left:none;
}
.header-hosting .header-item h2{
    border-left:none;
    margin:5px 0;
    color:black;
}
.header-hosting .header-item h2 span{
    color:#f7d13e;
}
.header-hosting .header-content h2 span{
    color:grey;
}
.header-hosting .header-item h5{
    margin:5px 0;
    color:grey;
    font-weight:400;
}
.header-hosting .header-item h2{
    text-align:center;
}
.header-hosting .header-item h4{
    text-align:center;
    font-weight:400;
}
.header-hosting .header-img img{
    width:45%;
}
.header-hosting figure{
    display:flex;
    justify-content: center;
}
.header-hosting .header-item h4{
    font-size:30px;
    font-weight:300;
    color:grey;
}
.header-hosting .header-item{
    background-image:url('../img/blackhost/Degradado_fondo_gris_ablanco.png');
    background-position:center;
    background-size: cover;
}
.header-hosting .owl-wrapper{
    background-color:none;
}
.header-hosting .header-item:before{
    background-color:transparent;
}
.header-items .owl-page{
    border: 1px solid black;
}

/*==========Elementos==========*/
#elementos{
    margin-top:150px;
}
#elementos .row{
    border-radius:10px;
    border: 1px solid black;
    display:flex;
    align-items:center;
    padding:30px
}
#elementos .row .elemento{
    flex-basis: 25%;
    height:100%;
}
#elementos .elemento span img{
    width:60px;
}
#elementos .elemento h5{
    color:#524F4F;
    font-size:22px;
    font-weight:bold;
    margin:10px 0;
}
#elementos .elemento p{
    color:#524F4F;
    font-size:18px;
    font-weight:bold;
}
#elementos .separador{
    width:1px;
    height:120px;
    background-color:#524F4F ;
    margin:0 15px;
    vertical-align: middle;
}

/*==========Planes==========*/
#planes{
    margin:100px 0;
    
}
#planes .box-plan{
    background-color:#E2E2E2;
    border: 1px solid #9c9b9b;
    border-radius:5px;
    padding:20px;
    padding-bottom:50px;
    height:300px;
    -webkit-box-shadow: 1px 1px 7px -1px rgba(96, 96, 96, 0.75);
-moz-box-shadow: 1px 1px 7px -1px rgba(96, 96, 96, 0.75);
box-shadow: 1px 1px 7px -1px rgba(96, 96, 96, 0.75);
}
#planes .col-md-4{
    display:flex;
    flex-direction: column;
    align-items: center;
    position:relative;
}
#planes img{
    width:20%;
    position:absolute;
    top:-15%;
}
.box-precio{
    width:80%;
    display:flex;
    flex-direction: column;
    align-items: center;
    position:absolute;
    bottom:-15%;
}
#planes ul li{
    color:grey;
}
#planes h4{
    color:black;
    font-weight:bold;
}
#planes h5{
    width:40%;
    background-color:#807d7d ;
    color:white;
    padding:5px 25px;
    font-size:18px;
    border-radius:2px;
    font-weight:bold;
    margin:0;
    position:absolute;
    top:-10%;
    /* margin-bottom:-20px;
    z-index:1; */
}

.box-precio .precio{
    background-color:#3e3e3e ;
    padding:0px 10px;
    padding-bottom:10px;
    padding-top: 30px;
    border-radius:10px;
    width:80%;

}
.box-precio .precio h6{
    color:white;
    font-weight:bold;
    font-size:23px;
    margin:0;
}
.box-precio .precio p{
    color:#f7d13e;
    font-weight:bold;
    margin:0;
}

/*==========Boton de Contacto==========*/

#btn-contactanos{
    margin:200px;
}
#btn-contactanos .box{
    text-align: center;
}
#btn-contactanos a{
    font-size:54px;
    background-color:#f7d13e;
    color:white;
    padding:20px;
    border-radius:10px;
    transition:all 0.5s;
}
#btn-contactanos a:hover{
    background-color:#d8b834;
}