html {
    scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

.bg-pink {
    background: #EB648C;
}

.bg-red {
    background: #ff304c;
}

.bg-white {
    background: #fff;
}

.bg-blue {
    background: #0070ad;
}

.text-blue {
    color: #0070ad;
}

.btn-blue {
    background: #12abdb;
    color: #fff;
}

.btn-blue2 {
    background: #0070ad;
    color: #fff;
}

.btn-yellow {
    background: #ffb000;
    color: #fff;
}

.btn-pink {
    background: #EB648C;
    color: #fff;
}

.bgblue {
    background: #0070ad;
}

.bg-purple {
    background: #2a183d;
}

.text-purple {
    color: #2a183d;
}

.text-white {
    color: #fff;
}

.text-pink {
    color: #EB648C !important;
}

.text-white-pink {
    color: #fff;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #EB648C;
    font-family: 'teleneobold';
}

.btn-white {
    background: #fff;
    color: #EB648C;
}

.btn-white-pink {
    background: #fff;
    color: #EB648C;
    border: 2px solid #EB648C;
}

.btn-lg {
    font-size: 30px;
    font-weight: bold;
    padding: 10px 36px;
}

@media screen and (max-width: 758px) {
    .text-white {
        /*text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.98);*/
    }

    .sr-sb-right {
        right: 5px !important;
    }

    .sr-sb-vl {
        top: 30% !important;
    }
}

.btn {
    /* border-radius: 0; */
}


.padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

p {
    font-size: 14pt;
    text-align: left;
}

h1 {
    font-weight: bold;
    font-size: 40pt;
}

h2 {
    font-weight: bold;
    font-size: 40pt;
}

h3 {
    font-size: 45pt;
    margin-bottom: 0;
}






.mtop10 {
    margin-top: 10px;
}

.mtop20 {
    margin-top: 20px;
}

.mtop30 {
    margin-top: 30px;
}

.mtop40 {
    margin-top: 40px;
}

.mtop50 {
    margin-top: 50px;
}

.mtop60 {
    margin-top: 60px;
}

.mtop70 {
    margin-top: 70px;
}

.mtop80 {
    margin-top: 80px;
}

.mtop90 {
    margin-top: 90px;
}

.mtop100 {
    margin-top: 100px;
}

.mtop120 {
    margin-top: 120px;
}

.mtop180 {
    margin-top: 180px;
}

.mleft20 {
    margin-left: 20px;
}

.mleft30 {
    margin-left: 30px;
}

.mleft60 {
    margin-left: 60px;
}

.mleft80 {
    margin-left: 80px;
}

.mleft100 {
    margin-left: 100px;
}

.mright60 {
    margin-right: 60px;
}

.img-align {
    display: inline;
    float: none;
    margin-right: 0;
}

.text-bold {
    font-weight: bold;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}