@charset "UTF-8";

/* Colors */
/*
#bfbfbf - light grey    
#e33f53 - Red
*/

body {
}

header {
    padding:20px;
}

section {
    margin-bottom: 40px;
    padding:0 20px;
}

header.container-fluid {
    background-color:#fff;
    text-align:center;
}

body > div.container-topbar {
    background-color: #4927B0;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding: 4px 24px;
    margin-bottom:40px;
}

div#logoBusinessName {
    display: none;
} 

body > header > div > div:nth-child(1) > div > a > h1,
body > header > div > div > div > h1 {
    font-weight: bold;
    font-size: 32px;
    color:#b91b2e;
    margin:0;
    text-align: center;
}

body > header > div > div:nth-child(1) > div > a {
    text-decoration: none;
}

div#topNavMobileButtonContainer {
    text-align: center;
}

#topNavMobileButtonContainer > button
{
    color: #fff;
    background-color: #B20000;
    border-color: #e09999;
}

#topNavDesktop {
    background-color: #e33f53;
    display:none;
    color:#323132;
    padding: 4px;
}

body navigation li.nav-item > a.payNowButton {
    background-color: #ffffff;
    color: #b91b2e;
    text-decoration: none;
    border-radius: 4px;
    padding: 8px;
    margin: 32px;
}

#topNavMobile {
    background-color: #B20000;
}

#topNavMobile a {
    font-weight:bold;
    color:#ffffff;
}

#mainWrapper > div.row > main {
    padding:0px;
}

body navigation li.nav-item > a {
    color:#ffffff;
    padding: 10px 14px;
    font-size: 18px;
    font-weight:bold;
}

.container-header {
    background-color: #fff;
    background-image: none;
}

.mod-menu {
    flex-direction: row;
}

a.nav-link {
    padding: 10px;
}


/* Elements */

.btn-primary {
    background-color: #B20000;
    border-color: #B20000;
}

/* Home Page */

#homePopUp {
    text-align: center;
}

#homePopUp h1 {
    font-size: 44px;
    margin-bottom: 20px
}

#homePopUp p {
    font-size: 16px;
    margin-bottom: 20px;
}

#homePopUp p.popUpContactUs {
    font-weight: bold;
}

#homePopUp p.popUpContactUs span {
    color: #b91b2e; 
    font-size: 32px;
}

#welcome {
    padding:20px;
    font-size: 16px;
}

#welcome h1 {
    color: #b91b2e;
}

#featureListInner {
    background: #e33f53;
    margin: 40px 0;
    padding: 20px;
    color: #fff;
    font-weight: 600;
}

#featureListInner > h1 {
    color: #fff;
    text-align: center;
    font-size: 36px;
    margin: 40px 0;
}

#mainWrapper > div.row > main > div.main-bottom.card {
    margin: 40px 0;
}

#mainWrapper > div.row > main > div.main-bottom.card > h3 {
    background-color: #B20000;
    color: #ffffff;
}

section#freeTrial {
    border: 4px solid #848484;
    padding: 40px;
    border-radius: 12px;
}

#freeTrial > h1 {
    text-align: center;
}

#freeTrial > p > a {
    font-weight: bold;
    color: #b91b2e;
    display:inline-block;
}

#contactUsForm {
    padding: 40px 20px;
    background-color:#848484;
    color:#ffffff;
}

.form-check-input:checked {
    background-color: #b91b2e;
    border-color: #b91b2e;
}

#rsform_3_page_0 > div:nth-child(3) > div > div.mb-3.rsform-block.rsform-block-send > div {
    text-align:center;
}

#Send {
    color: #fff;
    background-color: #b91b2e;
    border-color: #e09999;
}

footer {
    background-color:#747474;
    color:#fff;
}

footer a,
footer a:hover {
    color:#fff;
}

/* Home Page */

/* X-Small devices (portrait phones, less than 576px) */

/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {  }


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {  

    section {
    margin-bottom: 40px;
    padding:0 40px 20px;
    }
    
    #rl_modal__group_0 > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div > div {
        width: 70% !important;
    }

    body > header > div > div:nth-child(1) > div > a > h1,
    body > header > div > div > div > h1 {
        font-size: 42px;
    }
    
    body > header > div.row > div:nth-child(1) > div > a > h1 {
        text-align:left;
    }

    body > header > div.row > div:nth-child(2) > div:nth-child(1) > h1 {
        text-align:right;
    }

    div#topNavMobileButtonContainer {
        display:none;
    }
    
    div#logoBusinessName {
        display: contents;
    } 

    #topNavDesktop {
        display:block;
    }

    #homePopUp h1 {
    font-size: 44px;
    margin-bottom: 40px
    }

    #homePopUp p {
        font-size: 28px;
        margin-bottom: 40px;
    }

    #homePopUp p.popUpContactUs {
        font-weight: bold;
    }

    #homePopUp p.popUpContactUs span {
        color: #972647; 
        font-size: 38px;
    }

    #welcome {
        padding:0 40px;
        font-size: 18px;
    }

    #contactUsForm {
        padding: 80px 40px;
    }

}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {  }


/* X-Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {  

    #about h1 {
        font-size:50px;
    }

}


/* XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1400px) {  }