html, body {
    font-family: "proxima-nova", sans-serif;
     font-weight: 400;
    color: #3e3e3e;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    color: #386177;
    /*font-weight: bold;*/
}

/*D:\_igor\New Server\bootstrap-4.3.1-old*/
/*input, label, span {
    font-wight:300;
}*/
.primary {
    color: #386177;
}
.primary-bg {
    background: #d33a27;
}
 /* remove rounding from cards, buttons and inputs */
.card, .btn, .form-control { border-radius: 0; }

 .rdbrd
    {
        border:1px dashed red;
    }

.btn.homeprmbtn {
    color: #ffffff;
    background: #d33a27; /*#1b459b;*/
    border: 1px #d33a27 solid;
    /*border: none;*/
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0.3rem;
    /*background-image:none;*/
}



    .btn.homeprmbtn:hover, .btn.homeprmbtn:active {
        color: #fff;
        background: #b02524;
        border: 1px #b02524 solid;
        /*   color: #ffffff;
background: #cc1b46;*/
    }



.btn.homebtn {
    color: #ffffff;
    background: #ef4c66; /*#1b459b;*/
    border: 1px #ef4c66 solid;
    border-radius: 0.3rem;
    text-transform: uppercase;
}



.btn.homebtn:hover, .btn.homebtn:active {
    color: #ef4c66;
    background: #ffffff;
    border: 1px #ef4c66 solid;
}







.btn.btn-primary {
    border: 1px #1b459b solid;
    border-radius: 0.3rem;
    padding-left: 30px;
    padding-right: 30px;
}

.btn.btn-primary:hover, .btn.btn-primary:active {
      color: #1b459b;
    background: #ffffff;
    border: 1px #1b459b solid;
}




.homepaddedbtn {
    padding-left: 30px;
    padding-right: 30px;
}


.btn.btn-outline-primary {
    border-radius: 0.3rem;
}

.btn.homedftbtn {
    color: #ffffff;
    background: #386177;
    border: 1px #386177 solid;
    border-radius: 0.3rem;
    /*background-image:none;*/
}


    .btn.homedftbtn:hover, .btn.homedftbtn:active {
        color: #ffffff;
        background: #779db3;
        border: 1px #779db3 solid;
    }

.btn.homedftbtn2 {
    color: #515256;
    background: #ffffff;
    border: 1px #515256 solid;
    border-radius: 0.3rem;
    /*background-image:none;*/
}


.btn.homedftbtn2:hover, .btn.homedftbtn2:active {
    color: #ffffff;
    background: #515256;
    border: 1px #515256 solid;
}

.btn.homeinfobtn {
    color: #ffffff;
    background-image: none;
    background: #d6523a; /*37bc7a;*/
    border: 1px #d6523a solid;
    /* border: none;*/
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 0.3rem;
}


    .btn.homeinfobtn:hover, .btn.homeinfobtn:active {
        /*  color: #ffffff;
    background: #cc1b46;*/
        color: #d6523a;
        background: #ffffff;
        border: 1px #d6523a solid;
        border-radius: 0.3rem;
    }


.list-group-item.active {
    color: #fff;
    background-color: #d33a27;
    /* border-color: #5270b5;*/
}

/*https://stackoverflow.com/questions/35351353/missing-visible-and-hidden-in-bootstrap-v4

Show/hide for breakpoint and down:

    hidden-xs-down (hidden-xs) = d-none d-sm-block
    hidden-sm-down (hidden-sm hidden-xs) = d-none d-md-block
    hidden-md-down (hidden-md hidden-sm hidden-xs) = d-none d-lg-block
    hidden-lg-down = d-none d-xl-block
    hidden-xl-down (n/a 3.x) = d-none (same as hidden)

Show/hide for breakpoint and up:

    hidden-xs-up = d-none (same as hidden)
    hidden-sm-up = d-sm-none
    hidden-md-up = d-md-none
    hidden-lg-up = d-lg-none
    hidden-xl-up (n/a 3.x) = d-xl-none

Show/hide only for a single breakpoint:

    hidden-xs (only) = d-none d-sm-block (same as hidden-xs-down)
    hidden-sm (only) = d-block d-sm-none d-md-block
    hidden-md (only) = d-block d-md-none d-lg-block
    hidden-lg (only) = d-block d-lg-none d-xl-block
    hidden-xl (n/a 3.x) = d-block d-xl-none
    visible-xs (only) = d-block d-sm-none
    visible-sm (only) = d-none d-sm-block d-md-none
    visible-md (only) = d-none d-md-block d-lg-none
    visible-lg (only) = d-none d-lg-block d-xl-none
    visible-xl (n/a 3.x) = d-none d-xl-block



*/