.bgs
{
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

    .bgs > div
    {
        position: absolute;
        top: 0;
        width: 1000%;
        height: 100%;
    }



.mobile-detect
{
    position: absolute;
    left: -1000%;
    top: -100%;
}

@media (min-width:1199px)
{
    .tablet-show, .tablet-visible

{
    display: none !important;
}

.desktop-hidden,
.desktop-hide
{
    display: none !important;
}

.dbr
{
    display: block;
}

}



.desktop-view.ie8 .mobile-visible,
.desktop-view.ie8 .desktop-hide,
.desktop-view.ie8 .tablet-visible
{
    display: none !important;
}

.tablet-view.ie8 .tablet-hide,
.tablet-view.ie8 .desktop-visible,
.tablet-view.ie8 .mobile-visible
{
    display: none !important;
}

.mobile-view.ie8 .mobile-hide,
.mobile-view.ie8 .tablet-visible,
.mobile-view.ie8 .desktop-visible
{
    display: none !important;
}

.mobile-view a.btn.brd
{
    padding-top: 1em;
    padding-bottom: 1em;
}

.mobile-view a.btn.bg
{
    padding-top: 1.3em;
    padding-bottom: 1.3em;
}

.mobile-view .product-info .buttons a.btn.bg
{
    padding: 1.25em 1.7em;
}



.feature-details
{
    position: relative;
    overflow: hidden;
}

    .feature-details .fixed
    {
        position: fixed;
        z-index: 50;
    }

    .feature-details .wrapper-content
    {
        padding: 0;
    }

    .feature-details .cont
    {
        position: absolute;
        top: 30%;
        width: 100%;
        left: 0;
    }

    .feature-details .text-wrap
    {
        float: left;
        position: relative;
        /*                                    width: 60%*/
        width: 80%;
    }

@media (min-width: 768px) and (max-width: 992px)
{
    .feature-details .text-wrap
    {
        width: 70%;
    }
}

.feature-details .text-wrap div > div.fixed
{
    width: 514px;
}

.feature-details .text-wrap > .ic-wrap
{
    /*                                    padding-left: 6.2em;*/
    
}

.feature-details .text-wrap h3
{
    /*                                    font-family: "Proxima Nova Semibold", Arial, Helvetica, sans-serif;*/
    font-size: 1.6em;
    line-height: 1.125em;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: .3em .6em;
}

    .feature-details .text-wrap h3::before,
    .slide-group.slick-slider .feature-details .text-wrap h3 b::before
    {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: #4ac1c0;
        opacity: .6;
        filter: alpha(opacity=60);
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        -webkit-box-shadow: inset 0 1em 1em -0.5em #3e8a89;
        -moz-box-shadow: inset 0 1em 1em -0.5em #3e8a89;
        box-shadow: inset 0 1em 1em -0.5em #3e8a89;
    }

    .feature-details .text-wrap h3 b
    {
        font-weight: normal;
        position: relative;
    }


.feature-details .strip
{
    position: absolute;
    left: 0;
    top: -1500px;
    height: 3000px;
    width: 4.2em;
    margin: 6.8em 0 0 0;
    visibility: visible;
}

    .feature-details .strip i.ic
    {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -2.1em 0 0 -2.1em;
        opacity: 1;
    }

        .feature-details .strip i.ic::before
        {
            display: block;
        }

.full-on-window .feature-details .strip
{
    position: fixed;
    visibility: hidden;
    left: 50%;
    top: 30%;
    margin: -1430px 0 0 -480px;
    z-index: 2;
}

    .full-on-window .feature-details .strip .ic
    {
        opacity: 0;
        -webkit-transition: opacity .5 ease-out;
        -moz-transition: opacity .5 ease-out;
        -o-transition: opacity .5 ease-out;
        transition: opacity .5 ease-out;
    }

.feature-details .strip::before,
.feature-details .strip::after
{
    content: "";
    display: block;
    margin: 0 auto;
    width: .2em;
    height: 50%;
    background: rgba(255,255,255,0.3);
}

.feature-details .strip::before
{
    margin-top: -3em;
}

.feature-details .strip::after
{
    margin-top: 6em;
}

.feature-details .note::before
{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .2;
    background: #fff;
}

.feature-details .note > div
{
    position: relative;
}

    .feature-details .note > div > div
    {
        position: relative;
        /*font-family: "Proxima Nova Semibol", Arial, Helvetica, sans-serif;*/
        font-weight: normal;
        color: #fff;
        padding: 1em;
        width: 10.5em;
        height: 12.4em;
    }

        .feature-details .note > div > div.tb
        {
            padding: 0;
            height: 14.5em;
        }

            .feature-details .note > div > div.tb > div
            {
                padding: 1em;
            }

        .feature-details .note > div::after,
        .feature-details .note > div > div::after,
        .feature-details .note > div::before,
        .feature-details .note > div > div::before
        {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 2em;
            height: 2em;
            border: .2em solid #fff;
            opacity: .5;
        }

        .feature-details .note > div > div::after,
        .feature-details .note > div::before
        {
            margin: 0 0 0 100%;
            left: -1.7em;
            border-left: 0;
        }

        .feature-details .note > div > div::after
        {
            margin-top: -1.7em;
            top: 100%;
            border-top: 0;
        }

    .feature-details .note > div::before
    {
        top: -0.3em;
        margin-top: -0.2em;
        border-bottom: 0;
    }

    .feature-details .note > div::after,
    .feature-details .note > div > div::before
    {
        margin: -0.3em 0 0 -0.3em;
        left: -0.2em;
    }

    .feature-details .note > div::after
    {
        top: 100%;
        margin-top: -1.7em;
        border-right: 0;
        border-top: 0;
    }

    .feature-details .note > div > div::before
    {
        top: -0.2em;
        border-right: 0;
        border-bottom: 0;
    }

.feature-details .note.hide-top-right > div:before
{
    display: none;
}

.feature-details .bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.feature-details .bgs .canvas .note
{
    float: none;
    position: absolute;
    max-width: none;
}

.full-on-window .feature-details .bg,
.full-on-window .feature-details .bgs
{
    position: fixed;
    opacity: 0;
    z-index: 2;
    -webkit-transition: opacity .5 ease-out;
    -moz-transition: opacity .5 ease-out;
    -o-transition: opacity .5 ease-out;
    transition: opacity .5 ease-out;
}

.full-on-window .feature-details.active .bg,
.full-on-window .feature-details.active .bgs
{
    opacity: 1;
    z-index: 3;
}

.full-on-window .feature-details.active .strip
{
    z-index: 4;
    visibility: visible;
}

    .full-on-window .feature-details.active .strip .ic
    {
        opacity: 1;
    }

.slick-prev:before,
.slick-next:before
{
    font-family: inherit;
}

.slide-group.slick-slider
{
    position: relative;
    margin-bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    -ms-touch-action: pan-y;
}

    .slide-group.slick-slider .slick-list
    {
        height: 100%;
    }

        .slide-group.slick-slider .slick-list .slick-track
        {
            height: 100%;
        }

    .slide-group.slick-slider .slick-prev,
    .slide-group.slick-slider .slick-next
    {
        margin: 0;
        top: 12em;
        font-family: FontAwesome;
        font-size: 2em;
        line-height: 1em;
        width: 1em;
        height: 1em;
        left: 50%;
    }

        .slide-group.slick-slider .slick-prev::before,
        .slide-group.slick-slider .slick-next::before
        {
            font-size: 1em;
            line-height: 1em;
            width: 1em;
            height: 1em;
        }

    .slide-group.slick-slider .slick-prev
    {
        /*margin-left: -152px;*/
        margin-left: -179px;
    }

@media (max-width: 320px)
{
    .slide-group.slick-slider .slick-prev
    {
        margin-left: -155px;
    }
}

.slide-group.slick-slider .slick-prev::before
{
    content: "\f053";
}

.slide-group.slick-slider .slick-next
{
    /*margin-left: 137px;*/
    margin-left: 157px;
}

@media (max-width: 320px)
{
    .slide-group.slick-slider .slick-next
    {
        margin-left: 133px;
    }
}

.slide-group.slick-slider .slick-next::before
{
    content: "\f054";
}

.slide-group.slick-slider .slick-dots
{
    bottom: 3em;
}

    .slide-group.slick-slider .slick-dots li
    {
        list-style: none;
        display: inline-block;
        font-family: FontAwesome;
        font-size: 1.3em;
        line-height: 1em;
        width: 1em;
        height: 1em;
        margin: 0 .25em;
        color: #fff;
    }

        .slide-group.slick-slider .slick-dots li button
        {
            font-size: 1em;
            line-height: 1em;
            font-family: FontAwesome;
            width: 1em;
            height: 1em;
            padding: 0;
        }

            .slide-group.slick-slider .slick-dots li button::before
            {
                position: static;
                display: block;
                font-family: FontAwesome;
                font-size: 1em;
                line-height: 1em;
                width: 1em;
                height: 1em;
                content: "\f10c";
                color: #fff;
                opacity: 1;
            }

            .slide-group.slick-slider .slick-dots li button > b
            {
                line-height: 0;
                font-size: 0;
                color: transparent;
            }

        .slide-group.slick-slider .slick-dots li.slick-active button::before
        {
            content: "\f111";
            color: #fff;
        }

.slide-group.slick-slider .tb
{
    display: block;
}

.slide-group.slick-slider .slick-slide
{
    display: table-cell;
    float: none;
    vertical-align: top;
    position: relative;
    height: 100%;
}

    .slide-group.slick-slider .slick-slide.tb
    {
        display: table;
    }

    .slide-group.slick-slider .slick-slide > .at-fixed-unit
    {
        height: 100%;
    }

        .slide-group.slick-slider .slick-slide > .at-fixed-unit + .at-fixed-unit
        {
            display: none;
        }



    .slide-group > .nav-group.outside,
    .slide-group > .nav-group.none
    {
        opacity: 0;
        visibility: hidden;
    }
        

            .slide-group > .nav-group ul li a span
            {
                position: absolute;
                left: -5000px;
            }

            .slide-group > .nav-group ul li a.group-links,
            .slide-group > .nav-group ul li a.none
            {
                display: none;
            }

                .slide-group > .nav-group ul li a.group-links.main
                {
                    display: block;
                }



.feature-details.long-life .text-wrap h2
{
    margin-right: 0;
}

.feature-details.long-life .bg img
{
    position: absolute;
    width: 388px;
    height: 442px;
    top: 50%;
    left: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 117px;
}

@media (min-width:1200px)
{
 

.full-on-window .feature-details .text-wrap h2,
.full-on-window .feature-details .text-wrap h3,
.full-on-window .feature-details .text-wrap p
{
    position: relative;
    z-index: 4;
}

.feature-details .text-wrap a.heartrate-link
{
    text-decoration: none;
    border: 0;
}

}

@media (max-width:1199px), (max-device-width:1199px)
{
 

.desktop-show,
.desktop-visible,
.tablet-hidden,
.tablet-hide
{
    display: none !important;
}
/*
                            .wrapper-content {
                                width: 748px
                            }
*/
.dbr
{
    display: none;
}




.full-on-window .feature-details .strip
{
    position: absolute;
    left: 0;
    top: -1500px;
    margin: 6.8em 0 0 0;
    visibility: visible;
}

    .full-on-window .feature-details .strip i.ic
    {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -2.1em 0 0 -2.1em;
        opacity: 1;
    }

        .full-on-window .feature-details .strip i.ic::before
        {
            display: block;
        }

.full-on-window .feature-details .bg,
/*
                                    .full-on-window .feature-details .bgs {
                                        position: absolute;
                                        opacity: 1;
                                        z-index: -1
                                    }
*/
.full-on-window .feature-details.active .bg,
.full-on-window .feature-details.active .bgs
{
    opacity: 1;
    z-index: -1;
}

}