.multi-step,.multi-step *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-family:Roboto,sans-serif;
}

.multi-step,.multi-step p{
	font-weight: 400!important;
	font-size: 15px;
	text-align: center;
}

.multi-step,.multi-step p a{
	font-weight: 400!important;
	font-size: 15px;
	text-align: center;
}

.multi-step ::after,.multi-step ::before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.multi-step .btn{
    -webkit-box-shadow:rgba(0,0,0,.16) 0 2px 5px 0,rgba(0,0,0,.12) 0 2px 10px 0;
    box-shadow:rgba(0,0,0,.16) 0 2px 5px 0,rgba(0,0,0,.12) 0 2px 10px 0;
    cursor:pointer;
    text-transform:uppercase;
    white-space:normal;
    overflow-wrap:break-word;
    color:#fff;
    line-height:1.5;
    -webkit-transition:color .15s ease-in-out 0s,background-color .15s ease-in-out 0s,border-color .15s ease-in-out 0s,-webkit-box-shadow .15s ease-in-out 0s;
    -o-transition:color .15s ease-in-out 0s,background-color .15s ease-in-out 0s,border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    transition:color .15s ease-in-out 0s,background-color .15s ease-in-out 0s,border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    transition:color .15s ease-in-out 0s,background-color .15s ease-in-out 0s,border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s,-webkit-box-shadow .15s ease-in-out 0s;
    margin:.375rem;
    border-width:0;
    border-style:initial;
    border-color:initial;
    -webkit-border-image:initial;
    -o-border-image:initial;
    border-image:initial;
    -webkit-border-radius:.125rem;
    border-radius:.125rem;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    font-size:.64rem;
    padding:.5rem 1.6rem
}
.multi-step .modal-header{
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.multi-step .modal-header .modal-title{
    text-align:center;
    -webkit-box-flex:1;
    -webkit-flex:1 0 auto;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    font-size:20px;
}
.multi-step .modal-header .modal-steps{
    -webkit-box-flex:0;
    -webkit-flex:0 0 100%;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    padding-top:.3rem
}
.multi-step .modal-header .modal-steps .step{
    width:100%;
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.multi-step .modal-header .modal-steps .step:after,.multi-step .modal-header .modal-steps .step:before{
    position:absolute;
    border:1px solid;
    height:1px;
    display:block;
    z-index:1;
    top:11px;
    content:''
}
.multi-step .modal-header .modal-steps .step:first-child:after,.multi-step .modal-header .modal-steps .step:first-child:before{
    width:50%!important;
    left:unset;
    right:unset;
    -webkit-transform:translateX(51%);
    -ms-transform:translateX(51%);
    transform:translateX(51%)
}
.multi-step .modal-header .modal-steps .step:last-child:after,.multi-step .modal-header .modal-steps .step:last-child:before{
    width:50%!important;
    left:0
}
.multi-step .modal-header .modal-steps .step:before{
    width:100%
}
.multi-step .modal-header .modal-steps .step:after{
    width:0%;
    left:0;
    -webkit-transition:.2s linear;
    -o-transition:.2s linear;
    transition:.2s linear
}
.multi-step .modal-header .modal-steps .step.current:after{
    width:calc(50% - 10px);
    -webkit-transition:.2s linear;
    -o-transition:.2s linear;
    transition:.2s linear
}
.multi-step .modal-header .modal-steps .step.current:first-child:after{
    width:0%!important;
    -webkit-transition:.2s linear;
    -o-transition:.2s linear;
    transition:.2s linear
}
.multi-step .modal-header .modal-steps .step.completed:after,.multi-step .modal-header .modal-steps .step.skipped:after{
    width:100%;
    -webkit-transition:.2s linear;
    -o-transition:.2s linear;
    transition:.2s linear
}
.multi-step .modal-header .modal-steps .step .dot{
    height:20px;
    width:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    display:inline-block;
    position:relative;
    top:.125em;
    z-index:2;
    margin:auto;
    border:1px solid
}
.multi-step .modal-header .modal-steps .step .dot:before{
    content:'';
    position:absolute;
    top:-1px;
    left:-1px;
    width:20px;
    height:20px;
    -webkit-transform:scale(.80);
    -ms-transform:scale(.80);
    transform:scale(.80);
    -webkit-border-radius:20px;
    border-radius:20px
}
.multi-step .modal-header .modal-steps .step .label{
    font-size:15px;
    display:block;
    margin:.5em 0;
    text-align:center;
    -webkit-box-flex:0;
    -webkit-flex:0 0 100%;
    -ms-flex:0 0 100%;
    flex:0 0 100%
}
.multi-step .modal-body .step-content-container{
    position:relative;
    height:100%
}
.multi-step .modal-body .step-content-container .step-content{
    display:none;
    position:relative;
    top:0;
    left:0;
    width:100%
}
.multi-step .modal-body .step-content-container .step-content .content-inner{
    position:relative
}
.multi-step .modal-body .step-content-container .step-content.active{
    display:inline-block
}
.multi-step .modal-footer .btn-prev{
    margin-right:auto
}
.multi-step .modal-footer .btn-skip{
    display:none
}
.multi-step .modal-footer .btn-skip.skippable{
    display:block
}
.multi-step .modal-footer .disabled,.multi-step .modal-footer :disabled{
    cursor:not-allowed
}
.flex-center{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%
}
.flex-center p{
    margin:0
}
.flex-center ul{
    text-align:center
}
.flex-center ul li{
    margin-bottom:1rem
}
.flex-center ul li:last-of-type{
    margin-bottom:0
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	font-size: 40px;
}
