.shepherd-button{
    background:none;font-weight: bold;
    border: 2px solid white;
    border-radius:3px;color:white;cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease
}
.shepherd-button:not(:disabled):hover{text-decoration:underline;}
.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)} 
.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:rgba(0,0,0,.75)}
.shepherd-button:disabled{cursor:not-allowed}
.shepherd-footer{
    border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem;
    background: #b51041;
    padding-top: 10px;
}
.shepherd-footer .shepherd-button:last-child{margin-right:0}
.shepherd-cancel-icon{background:transparent;border:none;color:hsla(0,0%,50%,.75);cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}
.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:white;}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}
.shepherd-title{color:white;font-weight:bold;text-transform:uppercase;display:flex;flex:1 0 auto;font-size:1rem;margin:0;padding:0}
.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}
.shepherd-has-title .shepherd-content .shepherd-header{background:#ed6a6c;padding:1em}
.shepherd-text{color:white;font-size:1rem;line-height:1.3em;padding:.75em; background: #e62645;}
.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}
.shepherd-content{border-radius:5px;outline:none;padding:0}
.shepherd-element{background:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);max-width:400px;opacity:0;outline:none;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}
.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}
.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}
.shepherd-arrow:before{background:#e62645;content:"";transform:rotate(45deg)}
.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}
.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}
.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}
.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#fb2245}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}
.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;width:100vw;z-index:9997}
.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}
.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}

.shepherd-target .tutorial-step{
    /* border: 3px solid #fb2245; */
    box-shadow: 0 0 5px rgba(0,0,0,0.6);
}

.tutorial{
    display: block;
    clear: both;
}

.tutorial-step{
    display: block;
    clear: both;
    padding: 0px;
}

.step-wrapper{
    padding-top: 200px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px){
    #tutorial-step1{
        padding-top: 50px;
    }
}

.tutorial-step img{
    width: 100%;
}

.tutorial-step h3{
    color: black;
    text-align: center;
    text-transform: uppercase;
}

.tutorial-step img{
    width: 100%;
}

.shepherd-text a{
    color: white;
    text-decoration: underline;
}

.shepherd-text a:hover, .shepherd-text a:focus{
    color: #d0d0d0;
}

.reg-confirmation h2.h2-thanks, #particular-confirmation h2.h2-thanks{
    color: #fb2245;
    margin-top: 100px;
    padding: 20px;
}

.shepherd-progress{
    color: white;
    font-weight: bold;
}

@media (max-width: 767px){
    .step-wrapper{
        margin-top: 50px;
        padding-top: 10px;
        padding-left: 0;
        padding-right: 0;
    }

    .tutorial{
        margin-left: -30px;
        margin-right: -30px;
    }
}