.casorio-presentes-list {
   
}

.casorio-presentes-list .presente-foto{
  
    max-height: 200px;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
}

.casorio-presentes-list .presente-foto img{
    max-width: 100%;
}

.casorio-presentes-list b{
    font-family: "Montez", cursive;
    font-size: 1.5em;
}

.casorio-presentes-list .presente-texto{
    padding: 5px;
    box-sizing: border-box;
}

.casorio-presentes-list .col-md-3{
    -webkit-transition: box-shadow 0.5s, background-color 0.5s; /* Safari */
    transition: box-shadow 0.5s, background-color 0.5s;
    margin-bottom: 15px;
}

.casorio-presentes-list .col-md-3:hover{
    box-shadow: 0 1px 8px #FFE4E4, 0 1px 8px #FFE4E4 !important;
    cursor: pointer;
    background-color: #fff;
    
    
}

.casorio-detalhe-presente-fotos{
    width: 100%;
}

.casorio-detalhe-presente-fotos .casorio-main-foto{
    width: 80%;
    max-height: 200px;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #FFE4E4;
}

.casorio-detalhe-presente-fotos .casorio-main-foto img{
    max-width: 100%;
}

.casorio-detalhe-presente-fotos .casorio-thumbnail-box{
     width: 100%;
}

.casorio-detalhe-presente-fotos .casorio-thumbnail-box .casorio-thumbnail{
     max-width: 30%;
     position: relative;
     float: left;
     margin-left: 5px;
     margin-top: 5px;
}

.casorio-detalhe-presente-fotos .casorio-thumbnail-box .casorio-thumbnail img{
     max-width: 100%;
     opacity: .5;
      -webkit-transition: box-shadow 0.5s, background-color 0.5s; /* Safari */
    transition: opacity 0.5s;
}

.casorio-detalhe-presente-fotos .casorio-thumbnail-box .casorio-thumbnail img:hover{
     opacity: .99;
     cursor: pointer;
}

.casorio-detalhe-presente-valor{
    font-size: 1.5em;
}

.casorio-btn-presentear{
    background-color: #F69D9D;
    color: #fff;
}

.btn-link-casorio{
    font-size: 1.1em !important; 
    color: #777 !important;
    
}

.btn-link-casorio:hover{
    
    color: #000;
    font-weight: 400;
    
}

.music-btn{
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,.95);
    color: #333;
    box-shadow: 0 5px 15px rgba(0,0,0,.25);
    cursor: pointer;
    z-index: 99999;
    font-size: 22px;
    transition: .2s;
}

.music-btn:hover{
    transform: scale(1.08);
}

#welcome-overlay{
    position:fixed;
    inset:0;
    z-index:999999;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(255,255,255,.35);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    transition:.8s;
}

#welcome-overlay.hide{
    opacity:0;
    visibility:hidden;
}

.welcome-box{

    width:90%;
    max-width:520px;

    background:rgba(255,255,255,.55);

    border:1px solid rgba(255,255,255,.8);

    border-radius:25px;

    padding:50px 40px;

    text-align:center;

    box-shadow:0 15px 40px rgba(0,0,0,.15);

}

.welcome-box .heart{

    font-size:55px;
    color:#d77a8a;

}

.welcome-box h1{

    font-family:'Montez', cursive;
    font-size:65px;
    color:#cb7a8a;
    margin:10px 0;

}

.subtitle{

    font-size:24px;
    color:#444;
    margin-bottom:40px;

}

#btn-start{

    background:#d67d8d;

    color:#FFF;

    border:0;

    padding:18px 40px;

    border-radius:50px;

    font-size:24px;

    transition:.25s;

    box-shadow:0 8px 20px rgba(214,125,141,.4);

}

#btn-start:hover{

    transform:translateY(-3px);

    background:#ca6b7c;

}

.welcome-box small{

    display:block;

    margin-top:25px;

    color:#666;

    font-size:16px;

}

.music-btn{

    position:fixed;

    right:20px;

    bottom:20px;

    width:58px;

    height:58px;

    border-radius:50%;

    border:0;

    background:#FFF;

    box-shadow:0 5px 15px rgba(0,0,0,.25);

    z-index:99999;

    font-size:22px;

}