/*border-radius*/
.border-radius-round {
    border-radius: 50%;
}
.border-radius-0 {
    border-radius: 0!important;
}
.border-radius-1 {
    border-radius: 1px!important;
}

.border-radius-2 {
    border-radius: 2px!important;
}

.border-radius-3 {
    border-radius: 3px!important;
}

.border-radius-4 {
    border-radius: 4px!important;
}

.border-radius-5 {
    border-radius: 5px!important;
}
.border-radius-27 {
    border-radius: 27px!important;
}

/*font-size*/
.font-size-0p5 {
    font-size: 0.5em!important;
}

.font-size-0p6 {
    font-size: 0.6em!important;
}

.font-size-0p7 {
    font-size: 0.7em!important;
}

.font-size-0p8 {
    font-size: 0.8em!important;
}

.font-size-0p9 {
    font-size: 0.9em!important;
}

.font-size-1 {
    font-size: 1em!important;
}

.font-size-1p1 {
    font-size: 1.1em!important;
}

.font-size-1p2 {
    font-size: 1.2em!important;
}

.font-size-1p3 {
    font-size: 1.3em!important;
}

.font-size-1p4 {
    font-size: 1.4em!important;
}

.font-size-1p5 {
    font-size: 1.5em!important;
}

.font-size-1p6 {
    font-size: 1.6em!important;
}

.font-size-1p7 {
    font-size: 1.7em!important;
}

.font-size-1p8 {
    font-size: 1.8em!important;
}

.font-size-1p9 {
    font-size: 1.9em!important;
}

.font-size-2 {
    font-size: 2em!important;
}

/*font-size*/
.font-bold {
    font-weight:bold!important;
}

/* background image */

.background-basic01 {
    background-position: center;
    background-attachment: scroll;
    background-clip: border-box;
    background-size: cover;
}

.background-basic03 {
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-size: cover;
}

.background-no-repeat {
    background-repeat: no-repeat;
}

.background-repeat {
    background-repeat: repeat;
}

.background-repeat-x {
    background-repeat: repeat-x;
}

.background-repeat-y {
    background-repeat: repeat-y;
}


/* width */
/*mobile devices*/
.width-1 {
    width: 10%;
}

.width-2 {
    width: 20%;
}

.width-3 {
    width: 30%;
}

.width-4 {
    width: 40%;
}

.width-5 {
    width: 50%;
}

.width-6 {
    width: 60%;
}

.width-7 {
    width: 70%;
}

.width-8 {
    width: 80%;
}

.width-9 {
    width: 90%;
}

.width-10 {
    width: 100%;
}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .width-sm-1 {
        width: 10%;
    }

    .width-sm-2 {
        width: 20%;
    }

    .width-sm-3 {
        width: 30%;
    }

    .width-sm-4 {
        width: 40%;
    }

    .width-sm-5 {
        width: 50%;
    }

    .width-sm-6 {
        width: 60%;
    }

    .width-sm-7 {
        width: 70%;
    }

    .width-sm-8 {
        width: 80%;
    }

    .width-sm-9 {
        width: 90%;
    }

    .width-sm-10 {
        width: 100%;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .width-md-1 {
        width: 10%;
    }

    .width-md-2 {
        width: 20%;
    }

    .width-md-3 {
        width: 30%;
    }

    .width-md-4 {
        width: 40%;
    }

    .width-md-5 {
        width: 50%;
    }

    .width-md-6 {
        width: 60%;
    }

    .width-md-7 {
        width: 70%;
    }

    .width-md-8 {
        width: 80%;
    }

    .width-md-9 {
        width: 90%;
    }

    .width-md-10 {
        width: 100%;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .width-lg-1 {
        width: 10%;
    }

    .width-lg-2 {
        width: 20%;
    }

    .width-lg-3 {
        width: 30%;
    }

    .width-lg-4 {
        width: 40%;
    }

    .width-lg-5 {
        width: 50%;
    }

    .width-lg-6 {
        width: 60%;
    }

    .width-lg-7 {
        width: 70%;
    }

    .width-lg-8 {
        width: 80%;
    }

    .width-lg-9 {
        width: 90%;
    }

    .width-lg-10 {
        width: 100%;
    }
}

/*Large devices (desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .width-xl-1 {
        width: 10%;
    }

    .width-xl-2 {
        width: 20%;
    }

    .width-xl-3 {
        width: 30%;
    }

    .width-xl-4 {
        width: 40%;
    }

    .width-xl-5 {
        width: 50%;
    }

    .width-xl-6 {
        width: 60%;
    }

    .width-xl-7 {
        width: 70%;
    }

    .width-xl-8 {
        width: 80%;
    }

    .width-xl-9 {
        width: 90%;
    }

    .width-xl-10 {
        width: 100%;
    }
}

/*Large devices (desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .width-xxl-1 {
        width: 10%;
    }

    .width-xxl-2 {
        width: 20%;
    }

    .width-xxl-3 {
        width: 30%;
    }

    .width-xxl-4 {
        width: 40%;
    }

    .width-xxl-5 {
        width: 50%;
    }

    .width-xxl-6 {
        width: 60%;
    }

    .width-xxl-7 {
        width: 70%;
    }

    .width-xxl-8 {
        width: 80%;
    }

    .width-xxl-9 {
        width: 90%;
    }

    .width-xxl-10 {
        width: 100%;
    }
}



/*custom buttons*/

.btn-white {
    color: #000;
    background-color: #ffffff;
    border-color: #ffffff
}

    .btn-white:hover {
        color: #000;
        background-color: #ffffff;
        border-color: #ffffff
    }

    .btn-check:focus + .btn-white, .btn-white:focus {
        color: #000;
        background-color: #ffffff;
        border-color: #ffffff;
        box-shadow: 0 0 0 .25rem rgba(255,255,255,.5)
    }

    .btn-check:active + .btn-white, .btn-check:checked + .btn-white, .btn-white.active, .btn-white:active, .show > .btn-white.dropdown-toggle {
        color: #000;
        background-color: mintcream;
        border-color: #ffffff
    }

        .btn-check:active + .btn-white:focus, .btn-check:checked + .btn-white:focus, .btn-white.active:focus, .btn-white:active:focus, .show > .btn-white.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(255,255,255,.5)
        }

    .btn-white.disabled, .btn-white:disabled {
        color: #000;
        background-color: #ffffff;
        border-color: #ffffff
    }



.btn-outline-white {
    color: #ffffff;
    border-color: #ffffff;
}

    .btn-outline-white:hover {
        color: #000000;
        background-color: #ffffff;
        border-color: #ffffff
    }

    .btn-check:focus + .btn-outline-white, .btn-outline-white:focus {
        box-shadow: 0 0 0 .25rem rgba(255,255,255,.5)
    }

    .btn-check:active + .btn-outline-white, .btn-check:checked + .btn-outline-white, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show, .btn-outline-white:active {
        color: #000000;
        background-color: mintcream;
        border-color: #ffffff
    }

        .btn-check:active + .btn-outline-white:focus, .btn-check:checked + .btn-outline-white:focus, .btn-outline-white.active:focus, .btn-outline-white.dropdown-toggle.show:focus, .btn-outline-white:active:focus {
            box-shadow: 0 0 0 .25rem rgba(255,255,255,.5)
        }

    .btn-outline-white.disabled, .btn-outline-white:disabled {
        color: #000;
        background-color: transparent
    }