.down-page > .content,
.switch-page > .content {
    position: relative;
    z-index: 4;
}

.down-page > .content {
    padding-top: 18vh;
}

.down-page:after,
.down-page:before,
.switch-page:after,
.switch-page:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.down-page:before {
    background-color: rgba(0, 0, 0, .5);
}

.down-page:after {
    background: rgba(245, 245, 245, 0.56);
    background: -webkit-linear-gradient(60deg, rgba(245, 245, 245, 0.56), rgba(224, 224, 224, 0.95));
    background: -o-linear-gradient(60deg, rgba(245, 245, 245, 0.56), rgba(224, 224, 224, 0.95));
    background: -moz-linear-gradient(60deg, rgba(245, 245, 245, 0.56), rgba(224, 224, 224, 0.95));
    background: linear-gradient(60deg, rgba(245, 245, 245, 0.56), rgba(224, 224, 224, 0.95));
}


.xs-mb-20 {
    margin-bottom: 20px;
}

.xs-mb-30 {
    margin-bottom: 30px;
}

.xs-mb-40 {
    margin-bottom: 40px;
}

.xs-mb-50 {
    margin-bottom: 50px;
}

.xs-mr-5 {
    margin-right: 5px;
}

.xs-pr-20 {
    padding-right: 20px;
}

.xs-pr-30 {
    padding-right: 30px;
}

.xs-pr-40 {
    padding-right: 40px;
}


.btn.btn-rose {
    box-shadow: 0 2px 2px 0 rgba(236, 64, 122, 0.14), 0 3px 1px -2px rgba(236, 64, 122, 0.2), 0 1px 5px 0 rgba(236, 64, 122, 0.12);
}

.btn.btn-rose, .btn.btn-rose:hover, .btn.btn-rose:focus, .btn.btn-rose:active, .btn.btn-rose.active, .btn.btn-rose:active:focus, .btn.btn-rose:active:hover, .btn.btn-rose.active:focus, .btn.btn-rose.active:hover {
    background-color: #ec407a;
    color: #fff;
}

.btn.btn-rose:focus, .btn.btn-rose:active, .btn.btn-rose:hover {
    box-shadow: 0 14px 26px -12px rgba(236, 64, 122, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(236, 64, 122, 0.2);
}

.text-sm,
.text-sm p,
.text-sm h6 {
    font-size: 85%;
}

.text-lg {
    font-size: 120%;
}

.bg-green {
    background: limegreen;
}

.bg-rose {
    background: #ec407a;
}

.footer {
    /*background: rgba(0, 0, 0, .1);*/
    /*background: #ababab;*/
    background: #a9a9a9;
    border-top: 1px solid #999;
    padding: 12px 0;
    text-align: center;
}

.jumbotron {
    background: rgb(2, 0, 36);
    background: -moz-linear-gradient(142deg, rgba(2, 0, 36, 1) 0%, rgba(36, 36, 36, 1) 68%, rgba(36, 36, 36, 1) 100%);
    background: -webkit-linear-gradient(142deg, rgba(2, 0, 36, 1) 0%, rgba(36, 36, 36, 1) 68%, rgba(36, 36, 36, 1) 100%);
    background: linear-gradient(142deg, rgba(2, 0, 36, 1) 0%, rgba(36, 36, 36, 1) 68%, rgba(36, 36, 36, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#242424", GradientType=1);

    color: white;
}