.bellboy-wrapper{
position:relative;
margin-top:40px;
}

.bellboy-logo{
position:absolute;
top:-40px;
left:0;
width:120px;
}

.bellboy-box{
background:#f2c48c;
padding:20px;
border-radius:2px;
}

.bellboy-content{
display:flex;
align-items:center;
justify-content:space-between;
}

/* arrows πιο κοντά στις άκρες */
.bellboy-prev{
margin-left:-5px;
}

.bellboy-next{
margin-right:-5px;
}

.bellboy-prev,
.bellboy-next{
font-size:26px;
border:0;
background:none;
cursor:pointer;
transition:opacity .2s;
}

.bellboy-prev:hover,
.bellboy-next:hover{
opacity:.6;
}

.bellboy-text{
flex:1;
padding:0 15px;
}

.bellboy-text h3{
margin-bottom:12px;
}

.bellboy-slide{
display:none;
animation:fade .4s ease;
}

.bellboy-slide.active{
display:block;
}

@keyframes fade{
from{opacity:0;}
to{opacity:1;}
}

.bellboy-line{
margin-top:25px;
}

.bellboy-pagination{
margin-top:10px;
text-align:center;
font-size:14px;
}

.bellboy-pagination span{
display:inline-block;
margin:0 6px;
cursor:pointer;
opacity:.6;
}

.bellboy-pagination span.active{
opacity:1;
font-weight:bold;
}

.bellboy-excerpt{
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
}

.bellboy-excerpt{
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
}

.bellboy-text h3{
margin-top:0;
margin-bottom:8px;
}

.bellboy-slider{
height:100%;
}

/* responsive */

@media(max-width:768px){

.bellboy-content{
flex-direction:column;
}

.bellboy-prev,
.bellboy-next{
font-size:22px;
}

.bellboy-text{
padding:10px 0;
}

}