@font-face {
    font-family: 'Raleway';
    src: url(../assets/fonts/Raleway-Medium.ttf) format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url(../assets/fonts/Raleway-ExtraBold.ttf) format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Times';
    src: url(../assets/fonts/Times-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Coolvetica';
    src: url(../assets/fonts/Coolvetica/coolvetica-regular.otf) format('opentype');
    font-weight: normal;
}
@font-face {
    font-family: 'Coolvetica';
    src: url(../assets/fonts/Coolvetica/coolvetica-regular-italic.otf) format('opentype');
    font-style: italic;
}
@font-face {
    font-family: 'Provicali';
    src: url(../assets/fonts/Provicali/Provicali.otf) format('opentype');
    font-style: normal;
}

.font-colvetica{
    font-family: "Coolvetica", sans-serif;
}
.font-provicali{
    font-family: "Provicali", sans-serif;
}

.text-orange{
    color: #df6528!important;
}

.color-gray-smoke{
    color: #e8e3d6;
}

.bg-orange{
    background-color: #df6528!important;
}

.bg-gray-smoke{
    background-color: #e8e3d6;
}

.bg-image {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    height: 100vh
}

.divSection1{
    margin-top: -9vh;
}

footer a{
    color: #fff;
}

footer i:hover {
    color: #df6528!important;
}

footer .margin-icon{
    margin-right: 15px;
}

footer .fs-copyright{
    font-size: 0.85rem !important
}

footer .fs-6{
    font-size: 1rem !important
}

footer .fs-7{
    font-size: 0.9rem !important
}

h1{
    font-family: "Raleway", sans-serif;
    font-weight: bold;
}

h2{
    font-family: "Raleway", sans-serif;
}

.btnConference{
    padding: 0.15rem 1.3rem;
    font-size: 1.5rem;
}

.card{
    border: 0 !important;
    border-radius: 0 !important;
}

.modal-header {
    border-bottom: 0px;
}

.modal-footer {
    border-top: 0px;
}

.top-60 {
    top: 60%!important;
}

.top-53 {
    top: 53%!important;
}

.bottom-25 {
    bottom: 25!important;
}

.ms-3vw{
    margin-left: 3vw;
}

.me-3vw{
    margin-right: 3vw;
}

.mt-5_3 {
    margin-top: 5.3rem!important;
}

.mt--17{
    margin-top: -17px;
}
.mt-33 {
    margin-top: 33px;
}
.mt-36 {
    margin-top: 36px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-70 {
    margin-top: 70px;
}
.mt-80 {
    margin-top: 80px;
}

.mt-4vh{
    margin-top: 4vh;
}
.mt-5vh{
    margin-top: 5vh;
}
.mt-7vh{
    margin-top: 7vh;
}
.mt-10vh{
    margin-top: 10vh;
}
.mt-15vh{
    margin-top: 15vh;
}
.mt-27vh{
    margin-top: 27vh;
}

.mt-30vh{
    margin-top: 30vh;
}
.mt-35vh{
    margin-top: 35vh;
}
.mt-50vh{
    margin-top: 50vh;
}

.mb--5{
    margin-bottom: -5px !important;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-91{
    margin-bottom: 91px;
}

.mb-4vh{
    margin-bottom: 4vh;
}
.mb-10vh{
    margin-bottom: 10vh;
}
.mb-50vh{
    margin-bottom: 50vh;
}

.mb-4rem{
    margin-bottom: 4rem !important;
}
.mb-5rem{
    margin-bottom: 5rem !important;
 }

.translate-middle-end {
    transform: translate(190%,-50%)!important;
}

.w-12vw{
    width: 12vw !important;
}
.w-25vw{
    width: 25vw !important;
}
.w-30vw{
    width: 30vw !important;
}
.w-50vw{
    width: 50vw !important;
}
.w-60vw{
    width: 60vw !important;
}

.w-25vh{
    width: 25vh!important;
}
.w-30vh{
    width: 30vh!important;
}
.w-80vh{
    width: 80vh!important;
}

.w-18{
    width: 18%!important;
}
.w-55{
    width: 55%!important;
}
.w-65{
    width: 65%!important;
}
.w-80{
    width: 80%!important;
}
.w-90{
    width: 90%!important;
}

.w-270px{
    width: 270px;
}

.pt-25vh{
    padding-top: 25vh !important;
}
.pt-30vh{
    padding-top: 30vh !important;
}

.pt-5rem{
    padding-top: 5rem !important;
}

.pt-7rem{
    padding-top: 5rem !important;
}

.pt-9per{
    padding-top: 9%;
}

.ps-5per{
    padding-left: 5%;
}
.ps-10per{
    padding-left: 10%;
}
.ps-15per{
    padding-left: 15%;
}

.pe-5per{
    padding-right: 5%;
}
.pe-10per{
    padding-right: 10%;
}
.pe-15per{
    padding-right: 15%;
}

.lh-1{
    line-height: 0.8!important;
}
.lh-1_2{
    line-height: 1.2!important;
}

.letter-spacing-2{
    letter-spacing: 2px;
}
.letter-spacing-3{
    letter-spacing: 3px;
}

.fs-25{
    font-size: 25px;
}
.fs-55{
    font-size: 55px;
}

.fs-0_8rem{
    font-size: 0.8rem;
}
.fs-3_5rem{
    font-size: 3.5rem;
}
.fs-4rem{
    font-size: 4rem;
}

.h-30{
    height: 30vh;
}
.h-70{
    height: 70vh;
}
.h-80{
    height: 80vh;
}
.h-100vh{
    height: 100vh;
}

.h-45{
    height: 45px;
}

.p-16vh{
    padding: 16vh;
}
.p-20vh{
    padding: 20vh;
}

.color-green-spotify{
    color: #1ed760;
}
.color-red-youtube{
    color: #c4302b;
}

.conference-gray-border{
    border-color: #858a8f !important;
}

#divRegister .tick-group {
    text-align: center!important;
    color: #fff;
    /*padding-right: 20px;*/
    margin: 0.25em;
}

#divRegister .tick-label{
    font-size: 2.3rem;
    margin-top: 10px;
}


#divWelcomeCalvaryTrujillo{
    background-image: url('../images/about-us-background2025.jpg');
    background-color: rgba(0,0,0,0.4);
    background-blend-mode: multiply;

}
#divWelcomeCalvaryTrujillo p{
    font-family: 'Raleway', sans-serif;
    font-size: 1.13rem;
}

.line-height-40{
    line-height: 40px;
}
.line-height-80{
    line-height: 80px;
}

.btn-pop-up-close-custom{
    position: absolute;
    right: 24px;
    top: 25px;
    width: 0.3em;
    height: 0.4em;
}

@media (max-width: 576px){
    .divSection1{
        margin-top: -7vh;
    }
    .p-16vh {
        padding: 5vh;
    }
}
@media (max-height: 576px){
    #divWelcomeCalvaryTrujillo{
        height: 130vh;
    }
    #divWelcomeGreeting{
        margin-top: 11vh;
    }
    #divWelcomeCalvaryTrujillo p {
        line-height: 18px;
    }
    #divTithes img {
        width: 20vw !important;
    }
    #divRowTithes {
        padding-left: 10px !important;
        padding-right: 10 !important;
    }
}
@media (max-width: 992px) {
    .height-responsive-auto{
        height: auto !important;
    }
    footer .fs-5 {
        font-size: 1rem!important;
    }
}

@media (min-height: 810px){
    .height-responsive-auto{
        height: auto !important;
    }
}

@media (min-width: 992px) {
    #divRegister .container-fluid{
        position: absolute;
        left: 0!important;
        top: 50%!important;
        transform: translateY(-50%)!important;
    }
    .mt-20vh{
        margin-top: 20vh;
    }
    .p-5rem{
        padding: 5rem !important;
    }

    .ps-5rem{
        padding-left: 5rem !important;
    }
    .pe-5rem{
        padding-right: 5rem !important;
    }
}

@media (max-width: 992px) {
    #divRegister{
        height: auto;
        padding-top: 20px;
    }
    #divRegister .conference-h1 {
        font-size: 1.7rem;
    }
    #divRegister .tick-label{
        font-size: 1rem;
    }

}

@media (max-width: 1200px){

    #divNextSteeps,
    #divForm,
    #divTithes{
        height: auto;

    }
}

@media (min-height: 1300px){
    .p-16vh {
        padding: 5vh;
    }
}

@media (max-width: 1400px){
    #divRegister .tick-label{
        font-size: 1.3rem;
    }
}