@font-face {
    font-family: 'ColgateWebRegular';
    src: url('../fonts/ColgateReadyWebRegular/colgateready_web-regular.eot');
    /* IE9 */
    src: url('../fonts/ColgateReadyWebRegular/colgateready_web-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/ColgateReadyWebRegular/colgateready_web-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/ColgateReadyWebRegular/colgateready_web-regular.svg#ColgateWebRegular') format('svg');
    /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ColgateWebRegular';
    src: url('../fonts/ColgateReadyWebBold/colgateready_web-bold.eot');
    /* IE9 */
    src: url('../fonts/ColgateReadyWebBold/colgateready_web-bold.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/ColgateReadyWebBold/colgateready_web-bold.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/ColgateReadyWebBold/colgateready_web-bold.svg#ColgateWebRegular') format('svg');
    /* Legacy iOS */
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ColgateWebRegular';
    src: url('../fonts/ColgateReadyWebItalic/colgateready_web-italic.eot');
    /* IE9 */
    src: url('../fonts/ColgateReadyWebItalic/colgateready_web-italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/ColgateReadyWebItalic/colgateready_web-italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/ColgateReadyWebItalic/colgateready_web-italic.svg#ColgateWebRegular') format('svg');
    /* Legacy iOS */
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'ColgateWebRegular';
    src: url('../fonts/ColgateReadyWebBoldItalic/colgate_ready_web-bold_italic.eot');
    /* IE9 */
    src: url('../fonts/ColgateReadyWebBoldItalic/colgate_ready_web-bold_italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/ColgateReadyWebBoldItalic/colgate_ready_web-bold_italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/ColgateReadyWebBoldItalic/colgate_ready_web-bold_italic.svg#ColgateWebRegular') format('svg');
    /* Legacy iOS */
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'ColgateWebRegular';
    src: url('../fonts/ColgateReadyWebLight/colgateready_web-light.eot');
    /* IE9 */
    src: url('../fonts/ColgateReadyWebLight/colgateready_web-light.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/ColgateReadyWebLight/colgateready_web-light.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/ColgateReadyWebLight/colgateready_web-light.svg#ColgateWebRegular') format('svg');
    /* Legacy iOS */
    font-weight: 100;
    font-style: normal;
}

footer {
    font-size: 1rem !important;
}

html,
body {
    color: #3C3939 !important;
}

html,
body,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'ColgateWebRegular' !important;
}


.bg-body-blue {
    background: url("../images/white-waves.png") repeat;
}

.btn-danger {
    border-color: #D2010D;
    background-color: #D2010D;
}

.btn-danger:hover {
    background-color: #ca020c;
    border-color: #ca020c;
}

.btn-danger:active {
    background-color: #D2010D;
    border-color: #D2010D;
}

.border-danger {
    border-color: #D2010D !important;

}

.btn-danger-white {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    color: #D2010D;
    background-color: #FFFFFF;
}

.btn-danger-white:hover {
    background-color: #D2010D !important;
    border-color: #FFFFFF !important;
}

.btn-danger-white:active {
    transition: all 0s ease-in-out !important;
    -webkit-transition: all 0s ease-in-out !important;
    background-color: #FFFFFF !important;
    color: #D2010D !important;
    border-color: #D2010D;
}

.bg-danger {
    background-color: #D2010D !important;
}

.bg-secondary-subtle {
    background-color: #F3F3F3 !important;
}

body {
    --sb-track-color: rgb(248, 249, 250);
    --sb-thumb-color: #adadad;
    --sb-size: 7px;
}

body::-webkit-scrollbar {
    width: var(--sb-size)
}

body::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 10px;
}

body::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 10px;

}

@supports not selector(::-webkit-scrollbar) {
    body {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    }
}

::-webkit-scrollbar {
    width: var(--sb-size)
}

::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 10px;

}

.form-select,
.form-control {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(175, 175, 175);
    border-right-color: rgb(175, 175, 175);
    border-bottom-color: rgb(175, 175, 175);
    border-left-color: rgb(175, 175, 175);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}


@media (min-width:550px) and (max-width:649px) {
    .h1 {
        font-size: calc(1.375rem + 1vw) !important;
    }

    body {
        font-size: 0.9rem !important;
    }

    footer {
        font-size: 0.9rem !important;
    }
}

@media (min-width:450px) and (max-width:549px) {
    .h1 {
        font-size: calc(1.375rem + 0.25vw) !important;
    }

    body {
        font-size: 0.9rem !important;
    }

    footer {
        font-size: 0.9rem !important;
    }
}

@media (min-width:1px) and (max-width:449px) {
    .h1 {
        font-size: calc(1.375rem) !important;
    }

    body {
        font-size: 0.85rem !important;
    }

    footer {
        font-size: 0.8rem !important;
    }
}