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

/*/ GENERAL */

/* UTILITIES */
.text-primary-custom {
    color: #017ba7;
}

.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: #25BABF;
}

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

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

/*/ UTILITIES */

/* TOP FOLD */
.top-fold {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url("../images/main-hero.jpg");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 33px;
}

.main-list li {
    padding: .5rem !important;
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
    background-image: linear-gradient(140deg, #0B0B0B 25%, #F2295B05 69%);
}

/*/ TOP FOLD */

/* INTRO */
.intro .watch-bg {
    background-image: url("../images/logo-vertical.png");
    background-position: 5% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.intro .watch-bg img {
    overflow: hidden;
    animation: float 6s ease-in-out infinite;
}

.intro h3 {
    font-size: 26px;
}

.intro p {
    font-size: 18px;
}

/*/ INTRO */

/* BENEFITS */
.benefits h3,
.benefits h4 {
    color: #25BABF;
    font-family: 'Montserrat', sans-serif;
}

.benefits .title h3 {
    font-size: 37px;
}

.benefits .title p {
    font-size: 17px;
}

.benefits h4 {
    font-size: 27px;
}

/*/ BENEFITS */

/* BANNER */
.banner h3 {
    font-size: 18px;
}

/*/ BANNER */

/* PRODUCT */
.product .product-name {
    font-size: 18px;
    color: #25BABF;
    font-family: 'Montserrat', sans-serif;
}

.product .retail-price {
    font-size: 17px;
    color: #9FA2A3;
}

.product .price {
    font-size: 22px;
    color: #076D37;
}

/*/ PRODUCT */

/* STEPS */
.steps h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
}

.steps .hero {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 340px;
}

.steps .hero-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/box.jpg");
}

.steps .hero-2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/wrists.jpg");
}

.steps .hero-3 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/exercise.jpg");
}

/*/ STEPS */

/* INFO */
.info .hero-large {
    min-height: 675px;
    background-image: url("../images/model2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.info .hero-large {
    min-height: 675px;
    background-image: url("../images/model2.jpg");
}

.info p {
    font-size: 18px;
}

/*/ INFO */

/* VIDEO */
.video h3 {
    font-size: 28px;
    font-family: 'Montserrat', sans-serif;
    color: #25BABF;
}

.video .wistia_responsive_padding {
    padding: 156px 0 0 0;
    position: relative;
}

.video .wistia_responsive_wrapper {
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    width: 275px;
    margin-left: auto;
    margin-right: auto;
}

.video .wistia_embed {
    height: 100%;
    position: relative;
    width: 100%
}

.video .wistia_swatch {
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: opacity 200ms;
    width: 100%;
}

.video .wistia_swatch img {
    filter: blur(5px);
    height: 100%;
    object-fit: contain;
    width: 100%;
}

/*/ VIDEO */

/* FOOTER */
 footer {
            background-color: #27938a;
        }
        .copy {
            border-style: solid;
            border-width: 1px 0px 0px 0px;
            border-color: rgba(255, 255, 255, 0.19);
            transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
            background-color: #1a1919;
        }
            footer i::before {
                font-size: 1.6em;
            }
            footer a:hover {
                text-decoration: none;
                color: white;
            }
            footer a, .copy p {
                color: white;
                font-weight: 300;
            }
            footer h3 {
                font-size: 1.1em;
                color: white;
            }
            footer p {
                font-weight: 300;
                padding: 5px 20px 5px 0px;
                color: white;
            }

ul li {
    list-style-type: none;
}

ul {
    padding-left: 0;
}
/* BANNER 2 */
.banner-2 h3 {
    font-size: 20px;
}

/*/ BANNER 2 */

/* TABLET LAYOUT */
@media only screen and (min-width: 768px) {

    /* TOP FOLD */
    .top-fold .current-customer small {
        font-size: 16px;
    }

    .top-fold img {
        width: 230px;
    }

    .top-fold h1 {
        font-size: 55px;
    }

    .top-fold ul li {
        font-size: 20px;
    }

    /*/ TOP FOLD */

    /* INFO */
    .intro h3 {
        font-size: 32px;
    }

    /*/ INFO */

    /* BENEFITS */
    .benefits .title h3 {
        font-size: 43px;
    }

    .benefits .title p {
        font-size: 22px;
    }

    .benefits .clearfix img {
        width: 66px;
    }

    .md-hero {
        background-image: url("../images/model.jpg");
        background-position: 180% 0%;
        background-repeat: no-repeat;
        background-size: contain;
    }

    /*/ BENEFITS */

    /* BANNER */
    .banner h3 {
        font-size: 20px;
        font-weight: 700;
    }

    .banner img {
        width: 184px;
    }

    /*/ BANNER */

    /* PRODUCT */
    .product img {
        width: 235px;
    }

    .product .product-name {
        font-size: 19px;
    }

    .product .retail-price {
        font-size: 15px;
    }

    /*/ PRODUCT */

    /* STEPS */
    .steps .hero {
        min-height: 388px;
    }

    .steps h3 {
        font-size: 23px;
    }

    /*/ STEPS */

    /* VIDEO */
    .video .wistia_responsive_wrapper {
        width: 472px;
    }

    .video .wistia_responsive_padding {
        padding: 266px 0 0 0;
    }

    /*/ VIDEO */
}

/*/ TABLET LAYOUT */

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

    /* TOP FOLD */
    .top-fold img {
        width: 272px;
    }

    .top-fold h1 {
        font-size: 77px;
    }

    .top-fold ul li {
        font-size: 22px;
    }

    /*/ TOP FOLD */

    /* INTRO */
    .intro .watch-bg img {
        width: 186px;
    }

    /*/ INTRO */

    /* BENEFITS */
    .benefits h4 {
        font-size: 28px;
    }

    .md-hero {
        background-image: url("../images/model.jpg");
        background-position: 100% 0%;
        background-repeat: no-repeat;
        background-size: contain;
    }

    /*/ BENEFITS */

    /* BANNER */
    .banner h3 {
        font-size: 22px;
    }

    .banner img {
        width: 290px;
    }

    /*/ BANNER */

    /* PRODUCT */
    .product img {
        width: 300px;
    }

    .product .product-name {
        font-size: 22px;
    }

    .product .retail-price {
        font-size: 17px;
    }

    .product .price {
        font-size: 24px;
    }

    /*/ PRODUCT */

    /* STEPS */
    .steps .hero {
        min-height: 400px;
    }

    .steps h3 {
        font-size: 32px;
    }

    /*/ STEPS */

    /* INFO */
    .info img {
        width: 318px;
    }

    /*/ INFO */

    /* VIDEO */
    .video h3 {
        font-size: 45px;
    }

    .video .wistia_responsive_padding {
        padding: 440px 0 0 0;
    }

    .video .wistia_responsive_wrapper {
        width: 781px;
    }

    /*/ VIDEO */

    /* BANNER 2 */
    .banner-2 h3 {
        font-size: 23px;
    }

    /*/ BANNER 2 */

}

/*/ LAPTOP/DESKTOP LAYOUT */

/* ANIMATION */
@keyframes float {
    0% {
        transform: translatey(0px)
    }

    50% {
        transform: translatey(-20px)
    }

    100% {
        transform: translatey(0px)
    }
}

/*/ ANIMATION */