/* GENERAL */
body {
    font-family: 'Roboto', sans-serif;
    color: #545454;
}

/*/ GENERAL */

/* UTILITIES */
.text-primary-custom {
    color: #167A8F;
}

.btn {
    padding: 11px 27px;
    font-size: 14px;
}

.btn-primary-custom,
.btn-primary-custom:hover {
    color: #fff;
    background-color: #25BABF;
    border-color: #25BABF;
    box-shadow: 0 0 0 0.2rem rgb(37 186 191 / .25);
}

.bg-primary-custom {
    background-color: #1E7A8E;
}

.hr-white {
    border-top: 1px solid rgb(255 255 255 / 1);
}

.btn-primary {
    background-color: #1F83D8 !important;
}

/*/ UTILITIES */

/* ALERT */
.alert-custom h1 {
    font-size: 20px;
}

.alert-custom .signal {
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.alert-custom .signal.left {
    animation-name: signal-left;
}

.alert-custom .signal.right {
    animation-name: signal-right;
}

.alert-custom .highlight {
    color: #fff000;
}

/*/ ALERT */

/* STEPS */
.box .steps {
    background-color: #333;
}

.box .steps h3 {
    font-size: 20px;
}

.box .shipping-info {
    font-size: 20px;
}

.date-label {
    color: #1E7A8E;
}

.moneyback h3 {
    font-size: 22px;
}

/*/ STEPS */

/* BANNER 2 */
.banner-2.bg-primary-custom {
    background-color: #25BABF;
}

.banner-2 h3 {
    font-size: 20px;
}

/*/ BANNER 2 */

/* FOOTER */
.footer {
    background-color: #1B1B1B;
    margin-bottom: -30px !important;
}

.footer .fa-facebook-square {
    font-size: 27px;
}

.footer h3 {
    font-size: 20px;
}

.footer .nav-link {
    padding: 12px 0 0 0;
    color: #fff;
    font-size: 14px;
}

.footer .connect p {
    color: #a9a9a9;
}

/* TABLET LAYOUT */
@media only screen and (min-width: 768px) {
    .shipping-date img {
        width: 150px;
    }
}

/*/ TABLET LAYOUT */

/* LAPTOPS/DESKTOP LAYOUT */
@media only screen and (min-width: 992px) {

    /* STEPS */
    .box .steps h3 {
        font-size: 24px;
    }

    /*/ STEPS */
}

/*/ LAPTOPS/DESKTOP LAYOUT */

/* ANIMATION */
@keyframes signal-left {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(15px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes signal-right {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-15px);
    }

    100% {
        transform: translateX(0px);
    }
}

/*/ ANIMATION */


.btn-primary {
    background-color: #ffc439 !important;
    border-color: #ffc439 !important;
    color: #212529 !important;
}

/* CC BUTTONS */
.cc-info {
    display: none;
}


.button-cc, .button-cc2, .paypal-btn {
    background: #ffc439;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    color: #212529;
    border: 2px solid #ffc439
}

.button-cc2 {
    display: none
}

    .button-cc2.active {
        display: block
    }

.button-cc.active {
    display: block
}

.button-cc {
    display: none
}