﻿.BB-Smarter-steps-cols::after, .bestValue:before, .bg:after, .bg:before
{
    content: ""
}

.dl-horizontal-sub .dtSub, .text-line-nowrap, span.months-radio
{
    white-space: nowrap
}

body
{
    font-size: 14px;
    font-family: HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #565656;
    padding-top: 50px
}

.bodyPadding
{
    padding-top: 89px
}

.main-color
{
    color: #2eb3fd
}

.whiteColor
{
    color: #fff
}

.blackColor
{
    color: #000
}

.font34
{
    font-size: 34px;
    line-height: 38px
}

.font26
{
    font-size: 26px;
    line-height: 30px
}

.font22
{
    font-size: 22px;
    line-height: 26px
}

.font18, .font20
{
    line-height: 24px
}

.font20
{
    font-size: 20px
}

.font18
{
    font-size: 18px
}

.font-normal
{
    font-weight: 400
}

.text-bold
{
    font-weight: 700
}

.pr20
{
    padding-right: 20px
}

.pl20
{
    padding-left: 20px
}

.pt20
{
    padding-top: 20px
}

.pb20
{
    padding-bottom: 20px
}

.text-italic
{
    font-style: italic
}

.mt0
{
    margin-top: 0
}

.mb10
{
    margin-bottom: 10px
}

.mt10
{
    margin-top: 10px
}

.mb20
{
    margin-bottom: 20px
}

.mt20
{
    margin-top: 20px
}

.mb50
{
    margin-bottom: 50px
}

.mt50
{
    margin-top: 50px
}

.ml44
{
    margin-left: 44px
}

.p0
{
    padding: 0
}

.m0
{
    margin: 0
}

a
{
    color: #2EB3FD
}

.img-responsive-inline
{
    display: inline
}

.white-bg
{
    background-color: #fff
}

.gray-bg
{
    background-color: #f1f3f7
}

.blue-bg
{
    background-color: #7fc6f2
}

.btn-primary
{
    color: #fff;
    background-color: #4fa7fe;
    border-color: #4fa7fe;
    box-shadow: 1px 1px 2px #707070 !important;
        font-size:18px;
        padding:4px 12px;
}

.btn-primary-big
{
    padding: 6px 15px;
    font-size: 20px
}

.btn-primary:focus, .btn-primary:hover
{
    background: #2388c0;
    border-color: #2388c0;
    color: #fff;
    text-decoration: none
}

.rightSideImg
{
    float: right;
    margin: 0 0 15px 15px
}

.navBarShadow
{
    box-shadow: 0 0 1px #999
}

.header-top-bar
{
    background-color: #fff;
    border-color: #fff;
    min-height: 50px;
    box-shadow: 0 0 2px #999
}

.navbar-brand-BrighterBark
{
    max-width: 240px;
    /*text-align: center;*/
    float: none;
    position: absolute;
    /*left: 0;*/
    top: 0;
    /*right: 0;
    margin-left: auto;
    margin-right: auto*/
}

    .navbar-brand-BrighterBark a
    {
        color: #000;
        font-size: 32px;
        padding: 8px 0 0px;
        float: none;
        display: inline-block;
        margin-left: 0 !important;
        height: auto;
    }
.header-top-bar .navbar-toggle {
    margin-top: 10px;
    margin-bottom: 4px;
}
    .navbar-brand-BrighterBark img
    {
        max-width: 34px;
        padding: 0 10px 0 0;
        display: inline-block
    }

ul.navbar-nav-left-side
{
    float: left;
    margin-top: 15px
}

.navbar-nav-left-side a
{
    text-decoration: underline !important
}


ul.navbar-nav-get-started { margin-top:8px; }
ul.navbar-nav-get-started.navbar-get-started-AfterLogin { margin-top:14px; }
 .navbar-nav-get-started li  {  
padding: 0;
}

.navbar-nav-get-started-Inner.navbar-nav-get-started li
{
    margin-top: 14px
}

.navbar-nav-get-started li a
{
    text-decoration: none;
color: #565656;
border-right: 1px solid #949494;
padding: 0 15px;
font-size: 16px;
}
.navbar-nav-get-started li.active a, .footerLinks li.active a
{
    color: #2eb3fd;
}
.navbar-nav-get-started li.last a, .navbar-nav-get-started li:last-child a{
    border-right:none;
}
.navbar-nav-get-started .btn-primary
{
    padding: 5px 12px;
    text-decoration: none;
    color:#fff;
    border-right:none;
}
.navbar-nav-get-started li.logout a {
    color: #2EB3FD;
}
.header-top-bar .navbar-nav li a:hover, header-top-bar .navbar-nav li a:focus
{
    background-color: transparent
}

.header-top-bar .navbar-toggle .icon-bar
{
    background: #000
}

.navbar-mainBB.navbar
{
    margin-bottom: 0;
    min-height: inherit;
    border: none;
    background-color: #ddd;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 9
}

.navbar-mainBB .navbar-nav > li > a
{
    padding: 9px 26px;
    font-size: 18px;
    color: #000
}

.navbar-mainBB .navbar-nav .open .dropdown-menu > li > a
{
    color: #000
}

.navbar-mainBB .navbar-nav > li > a:focus, .navbar-mainBB .navbar-nav > li > a:hover
{
    color: #fff !important;
    background-color: #428cd0 !important
}

.navbar-mainBB.navbar-default .navbar-nav > .active > a, .navbar-mainBB.navbar-default .navbar-nav > .active > a:focus, .navbar-mainBB.navbar-default .navbar-nav > .active > a:hover
{
    color: #fff;
    background-color: #428cd0
}

.navbar-mainBB ul.dropdown-menu
{
    padding: 0;
    width: 100%
}

.navbar-mainBB .navbar-toggle
{
    border: none !important;
    padding: 0;
    border-radius: 0
}

.BB-article-sections
{
    padding: 35px 0
}

.BB-heading-home-TM
{
    margin-top: 83px
}

.MonthlySubscriptionBox-text
{
    font-size: 32px;
    line-height: 38px;
    text-align: left;
    padding-right: 98px
}

.BrighterBark-headingIndex sup
{
    font-size: 25px;
    font-weight: 400
}

.BrighterBark-headingIndex
{
    font-size: 40px;
    line-height: 44px
}

.img-Brighter-Bark-Box
{
    max-width: 600px;
    width: 100%
}

.BB-Smarter-steps
{
    font-size: 16px
}

.BB-Smarter-steps-cols
{
    position: relative;
    margin-top: 50px
}

.steps-text-content
{
    font-size: 18px;
    padding: 0 22px
}

.BB-Smarter-steps-cols::after
{
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    left: auto
}

.BB-bottom-arrow, .bestValue
{
    position: relative
}

.BB-Smarter-stepsOne::after
{
    background-image: url(../images/BBarrowOne.png);
    width: 195px;
    height: 51px;
    top: -46px;
    right: -100px
}

.BB-Smarter-stepsTwo::after
{
    background-image: url(../images/BBarrowTwo.png);
    width: 223px;
    height: 48px;
    top: -42px;
    right: -122px
}

.BB-Smarter-stepsThree::after
{
    background-image: url(../images/BBarrowThree.png);
    width: 201px;
    height: 41px;
    top: -37px;
    right: -100px
}

.bb-step-four-img
{
    border-bottom: 1px solid #ddd;
    max-width: 170px;
    margin: 0 auto
}

.dog-lovePaw-bg
{
    background-image: url(../images/dog_paw-bg.png);
    background-repeat: no-repeat;
    width: 200px;
    height: 220px;
    background-size: 200px auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 95px;
    padding-left: 7px;
    padding-right: 78px;
    font-size: 22px;
    line-height: 24px;
    text-align: center
}

.SavesTimeIndex-dog-love .dog-lovePaw-bg
{
    padding-top: 70px
}

.dog-love-text
{
    text-align: center;
    font-size: 24px;
    margin: 0 auto 20px
}

.form-gettingStarted .control-label
{
    font-size: 16px;
    font-weight: 400
}

.radio-btn-monthly
{
    float: none !important;
    margin: 0 !important
}

.radio-monthly-outer label
{
    margin-top: 6px;
    margin-bottom: 6px;
    width: 100%;
    padding-left: 0
}

.radio.radio-monthly-outer
{
    padding-top: 0
}

.radio-monthly-outer .iradio_futurico
{
    display: inline-block;
    vertical-align: top;
    margin-right: 1px
}

.NominateACharity label.col-md-4.control-label
{
    padding-right: 0
}

span.radio-monthly-span
{
    display: inline-block;
    vertical-align: top;
    width: 91%
}

    span.radio-monthly-span span.monthly-price
    {
        font-size: 19px;
        padding: 0;
        line-height: 20px
    }

.bestValue, .checkbox-dollar input, .checkbox-dollar span
{
    font-size: 18px;
    vertical-align: middle
}

.bestValue
{
    color: #c82506;
    font-weight: 700;
    margin-left: 70px
}

    .bestValue:before
    {
        background-image: url(../images/arrow-brandind-small.png);
        background-repeat: no-repeat;
        background-position: left center;
        position: absolute;
        left: -63px;
        width: 52px;
        height: 25px
    }

.bg, .list, .toggle_container
{
    position: relative
}

.SignUp-gettingStarted-box .control-label, .show-link
{
    font-size: 20px;
    font-weight: 400;
    padding-top: 2px
}

.toggle_container
{
    margin-bottom: 1px;
    background-color: #FFF;
    display: none
}

h2.trigger, h3.trigger, p.trigger
{
    display: block;
    padding: 0 0 6px 28px;
    margin: 0;
    cursor: pointer;
    font-weight: 700;
    line-height: 175%
}

    h2.trigger a, h3.trigger a, p.trigger a
    {
        text-decoration: none;
        font-weight: 400
    }

    p.trigger a
    {
        color: #333
    }

    h2.trigger:hover, h3.trigger:hover, p.trigger:hover
    {
        background-color: #FFF;
        background-image: url(../images/toggle-hover.png);
        background-repeat: no-repeat;
        background-position: left 3px
    }

    h2.trigger.active, h3.trigger.active, p.trigger.active
    {
        background-color: #FFF;
        background-image: url(../images/toggle-close.png);
        background-repeat: no-repeat;
        background-position: left 3px;
        border-bottom: 1px solid #D9D9D9
    }

    p.trigger.active, p.trigger:hover
    {
        background-position: left 1px
    }

.list
{
    margin-bottom: 40px
}

    .list.last
    {
        margin-bottom: 20px
    }

.block
{
    padding: 20px 0 1px
}

h2.trigger, h3.trigger, li.tab
{
    font-size: 16px
}

h2.trigger, h3.trigger, p.trigger
{
    border-bottom: 1px solid #D9D9D9;
    background-color: #FFF;
    background-image: url(../images/toggle-open.png);
    background-repeat: no-repeat;
    background-position: left 3px
}

.icheckbox_futurico, .icheckbox_square-blue, .iradio_futurico
{
    border: none;
    display: inline-block;
    padding: 0;
    vertical-align: middle
}

.icheckbox_futurico, .iradio_futurico
{
    background: url(../images/futurico.png) no-repeat rgba(0,0,0,0);
    cursor: pointer;
    height: 17px;
    margin: 0;
    width: 16px
}

.iradio_futurico
{
    width: 21px;
    height: 23px;
    background: url(../images/radius-btn-grey.png) no-repeat rgba(0,0,0,0)
}

    .iradio_futurico.checked
    {
        background: url(../images/radius-btn-grey-selected.png) no-repeat rgba(0,0,0,0)
    }

.checkbox.checkbox-dollar
{
    display: inline-block;
    padding-left: 0
}

.icheckbox_square-blue
{
    left: 0;
    position: absolute;
    top: -1px;
    background: url(../images/blue.png) no-repeat;
    float: left;
    height: 27px;
    margin: -5px 5px 0;
    width: 19px
}

    .icheckbox_square-blue.checked
    {
        background-position: -48px 0
    }

.table.table-NoBorder > thead > tr > th
{
    border-bottom: none
}

.table.table-NoBorder > tbody > tr > td, .table.table-NoBorder > tbody > tr > th, .table.table-NoBorder > tfoot > tr > td, .table.table-NoBorder > tfoot > tr > th, .table.table-NoBorder > thead > tr > td, .table > thead > tr > th
{
    border-top: none
}

.table.table-smarter-better > tbody > tr > td, .table.table-smarter-better > tbody > tr > th, .table.table-smarter-better > tfoot > tr > td, .table.table-smarter-better > tfoot > tr > th, .table.table-smarter-better > thead > tr > td, .table > thead > tr > th
{
    padding: 20px 8px
}

.error-msg
{
    margin: 0;
    font-weight: 400;
    font-size: 13px
}

.bg
{
    min-height: 1076px;
    width: 100%
}

    .bg:before
    {
        background-image: url('../images/1px left.png');
        left: 0
    }

    .bg:after
    {
        background-image: url('../images/1px right.png');
        right: 0
    }

    .bg:after, .bg:before, .right1px-bg
    {
        background-position: right top;
        background-repeat: repeat-x;
        height: 100%;
        margin-left: 0;
        position: absolute;
        top: 0;
        display: block
    }

    .bg:after, .bg:before
    {
        background-color: #fff;
        z-index: -1;
        width: 50%
    }

.content_pop_bg
{
    background: url('../images/bg image.png') no-repeat #fff;
    min-height: 1076px;
    width: 1308px;
    margin: 0 auto;
    position: relative
}

.containerBBD
{
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.content-inner
{
    border: 1px solid #ccc;
    background-image: url(../images/DashboardBg.png);
    background-repeat: repeat;
    border-radius: 10px;
    box-shadow: 1px 1px 12px #161616;
    margin: 0 auto 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.main-heading h2
{
    color: #232323;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    padding: 17px 0 17px 15px;
    text-shadow: 1px 0 1px #fff;
    vertical-align: middle
}

.layout-body-section
{
    background-color: #fff;
    min-height: 842px
}

.gray-boder-top
{
    background: #C9C9C9;
    height: 10px
}

.Overallrating, .paw
{
    display: inline-block;
    cursor: pointer;
    background-repeat: no-repeat
}

p.top-text-bar
{
    border-bottom: 1px solid #BEBEBE;
    line-height: 26px;
    padding: 15px 0;
    position: relative;
    font-size: 18px;
    margin: 0 15px 10px
}

.red
{
    color: #c82506
}

.pl15
{
    padding-left: 15px
}

.pr15
{
    padding-right: 15px
}

.low-to-high-img img
{
    max-width: 40px;
    padding: 0 4px
}

.text-high
{
    padding-left: 180px
}

.paw
{
    background-image: url(../images/paw-stars.png);
    background-size: 40px;
    width: 40px;
    height: 40px;
    margin: 0 4px
}

.Overallrating
{
    background-image: url(../images/star.png);
    background-size: 16px;
    width: 16px;
    height: 15px;
    margin: 0
}

.paw.active
{
    background-image: url(../images/Pet-Boxes.png)
}

.Overallrating.active
{
    background-image: url(../images/star-active.png)
}

.file
{
    position: relative;
    overflow: hidden
}

    .file input
    {
        position: absolute;
        font-size: 50px;
        opacity: 0;
        right: 0;
        top: 0;
        cursor: pointer
    }

    .file.btn.btn-lg.btn-default
    {
        border: 1px dashed #ccc;
        padding: 0;
        width: 80px;
        height: 80px;
        line-height: 78px;
        font-size: 42px;
        color: #ccc;
        border-radius: 0;
        margin-top: 10px;
        font-weight: 400
    }

        .file.btn.btn-lg.btn-default:hover, .file.btn.btn-lg.btn-default:hover input
        {
            background-color: #F0F0F0;
            box-shadow: none !important
        }

.PersonalizedCareSuggestions
{
    /*max-width: 576px;*/
    margin: 0 auto;
    border: 1px solid #ccc
}

.CommonTitle
{
    background-image: -webkit-linear-gradient(bottom,#e3e3e3,#fff);
    background-image: -moz-linear-gradient(bottom,#e3e3e3,#fff);
    background-image: -o-linear-gradient(bottom,#e3e3e3,#fff);
    background-image: -ms-linear-gradient(bottom,#e3e3e3,#fff);
    background-image: linear-gradient(to top,#e3e3e3,#fff);
    background-color: #e3e3e3;
    border-bottom: 1px solid #FFF;
    -webkit-box-shadow: 0 2px 2px rgba(1,1,1,.2);
    -moz-box-shadow: 0 2px 2px rgba(1,1,1,.2);
    box-shadow: 0 2px 2px rgba(1,1,1,.2);
    position: relative;
    z-index: 9;
    padding: 0 10px;
    height: 42px;
    text-align: center
}

.displayTable
{
    display: table;
    width: 100%
}

.centerHeader-heading
{
    display: table-cell;
    vertical-align: middle;
    height: 42px;
    width: 100%;
    text-align: center
}

.bigTitle
{
    color: #565656;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    margin: 0;
    text-shadow: 1px 1px #FFF;
    text-transform: capitalize;
    width: 100%
}

.subTittle
{
    font-size: 14px;
    line-height: 14px;
    color: #565656
}

.nav-tabs.HealthPetTabs
{
    background-color: #2eb3fd;
    margin-bottom: 0;
    padding: 4px 0 0;
    border-color: #2eb3fd;
    position: relative;
    z-index: 8;
    border-bottom: none
}

    .nav-tabs.HealthPetTabs > li
    {
        width: 33.33333333%;
        padding: 10px 8px 0;
        overflow: hidden;
        margin-bottom: 0
    }

        .nav-tabs.HealthPetTabs > li > a
        {
            background-color: #cdced3;
            font-size: 20px;
            color: #666a71;
            background-position: 10px center;
            background-repeat: no-repeat;
            text-align: center;
            padding: 5px 15px
        }

        .nav-tabs.HealthPetTabs > li.active > a:focus, .nav-tabs.HealthPetTabs > li.active > a:hover, .nav-tabs.HealthPetTabs > li > a
        {
            border: none;
            border-radius: 0
        }

        .nav-tabs.HealthPetTabs > li.active > a
        {
            background-color: #fff;
            color: #000;
            opacity: 1;
            box-shadow: 0 0 8px #000
        }

    .nav-tabs.HealthPetTabs img
    {
        height: 35px
    }

.SegoePrint
{
    font-family: 'Segoe Print'
}

.HealthPetTabsText
{
    text-align: center;
    padding: 10px 0;
    font-size: 16px
}

.panel-group-pet-wizard
{
    position: relative;
    margin: 0
}

    .panel-group-pet-wizard .panel-group-mtt:first-child
    {
        border-top: 1px solid #959595
    }

.panel-group-mtt
{
    background-color: #fff;
    border-bottom: 1px solid #959595;
    padding: 5px
}

    .panel-group-mtt .media
    {
        display: table;
        width: 100%
    }

.ACR-img
{
    display: table-cell;
    vertical-align: middle;
    width: 78px
}

    .ACR-img img
    {
        margin-right: 10px;
        max-height: 78px
    }

.panel-group-mtt .media-body
{
    margin-left: 10px
}

.panel-group-mtt .media-heading
{
    color: #565656;
    font-size: 15.5px;
    margin: 4px 0 2px;
    text-shadow: 1px 0 1px #FFF;
    position: relative;
    font-weight: 700
}

.star img
{
    height: 100%;
    max-height: 15px;
    max-width: 86px
}

.panel-group-mtt .media p
{
    color: #4D4D4D;
    font-size: 14px;
    line-height: 18px;
    padding-right: 8px;
    margin: 0
}

.media-link
{
    display: block;
    padding-top: 2px
}

.IconMarkTasks
{
    padding-left: 42px;
    padding-top: 5px
}

.btm-TTI-full
{
    padding-top: 10px
}

.perfect-txt
{
    padding-bottom: 10px
}

.btn-gray-gradient
{
    background-color: #9f9f9f;
    background: linear-gradient(#efefef,#9f9f9f) #9f9f9f;
    background-image: -moz-linear-gradient(#efefef,#9f9f9f);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#efefef),to(#9f9f9f));
    background-image: -webkit-linear-gradient(#efefef,#9f9f9f);
    background-image: -o-linear-gradient(#efefef,#9f9f9f);
    background-image: -ms-linear-gradient(#efefef,#9f9f9f);
    padding: 9px 6px;
    min-width: 130px;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #565656;
    display: inline-block;
    color: #333 !important;
    text-decoration: none !important;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    position: relative
}

.btn-gray-gradient-big
{
    padding: 9px 15px
}

.tabs-outer .nav-tabs
{
    padding: 0;
    background: #C9C9C9;
    border-bottom: none
}

    .tabs-outer .nav-tabs > li > a
    {
        text-transform: capitalize;
        font-size: 16px;
        color: #565656;
        padding: 0;
        height: 47px;
        line-height: 16px;
        width: 156px;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        background: #eeeeed;
        background: -moz-linear-gradient(top,#eeeeed 50%,#e5e5e5 50%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#eeeeed),color-stop(50%,#e5e5e5));
        background: -webkit-linear-gradient(top,#eeeeed 50%,#e5e5e5 50%);
        background: -o-linear-gradient(top,#eeeeed 50%,#e5e5e5 50%);
        background: -ms-linear-gradient(top,#eeeeed 50%,#e5e5e5 50%);
        background: linear-gradient(to bottom,#eeeeed 50%,#e5e5e5 50%)
    }

    .tabs-outer .nav-tabs > li.active > a, .tabs-outer .nav-tabs > li.active > a:hover, .tabs-outer .nav-tabs > li > a
    {
        border-left: 1px solid #9C9C9C;
        border-right: 1px solid #9C9C9C;
        border-top: 1px solid #9C9C9C
    }

    .tabs-outer .nav-tabs > li.active > a
    {
        background: #fff;
        color: #2EB3FD;
        font-weight: 700
    }

.dl-horizontal-pet
{
    font-size: 18px;
    margin-top: 10px;
    padding-bottom: 20px
}

.addAnotherDog
{
    margin-left: 32px;
    margin-top: 12px;
    display: block
}

.dl-horizontal-pet .dl-div-horizontal .dt
{
    font-weight: 400;
    margin-bottom: 4px
}

.dl-horizontal-pet .dl-div-horizontal .dd
{
    font-weight: 700;
    margin-bottom: 4px
}

.dl-horizontal-sub .dtSub
{
    width: 100px !important;
    overflow: hidden;
    float: left;
    clear: none;
    text-align: right;
    text-overflow: ellipsis;
    margin-bottom: 0 !important;
    font-weight: 400
}

.dl-horizontal-sub .ddSub
{
    margin-left: 110px !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important
}

.radio-inline.radio-inlinePM
{
    padding-left: 0
}

.green
{
    color: green
}

.radio.radio-subChoice label
{
    padding-left: 30px
}

.radio.radio-subChoice .iradio_futurico
{
    margin-left: -30px
}

.radio.radio-subChoice
{
    margin-top: 0;
    margin-bottom: 5px
}

.radio-inlinePM.radio-inline input, .radio-subChoice input
{
    margin-top: 6px
}

.dl-horizontal-pay-form
{
    max-width: 340px;
    margin: 10px 0;
    font-size: 16px
}

.rowMP5.row
{
    margin-left: -5px;
    margin-right: -5px
}

    .rowMP5.row .col-xs-6
    {
        padding-left: 5px;
        padding-right: 5px
    }

input.form-control.form-control-sm
{
    width: 100%;
    max-width: 230px;
    font-weight: 400
}

.dl-horizontal-pay-form .form-control
{
    height: 26px;
    padding: 0 5px;
    font-weight: 400
}

.AddDogName
{
    margin-top: 4px
}

.onoffswitch
{
    position: relative;
    width: 56px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.onoffswitch-checkbox
{
    display: none
}

.onoffswitch-label
{
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px
}

.onoffswitch-inner
{
    display: block;
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin .2s ease-in;
    transition: margin .2s ease-in
}

    .onoffswitch-inner:after, .onoffswitch-inner:before
    {
        float: left;
        padding: 0;
        width: 50%;
        height: 22px;
        font: 700 12px/22px Trebuchet,Arial,sans-serif;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .onoffswitch-inner:before
    {
        content: "ON";
        padding-left: 10px;
        color: #FFF;
        background-color: #45a3e2;
        text-align: left
    }

    .onoffswitch-inner:after
    {
        content: "OFF";
        padding-right: 10px;
        color: #fff;
        background-color: red;
        text-align: right
    }

.onoffswitch-switch
{
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 33px;
    width: 14px;
    margin: 4px;
    background: #fff;
    box-shadow: 0 0 2px #5f5f5f;
    border-radius: 20px;
    -webkit-transition: right .2s ease-in,-webkit-box-shadow .2s ease-in;
    transition: right .2s ease-in,box-shadow .2s ease-in
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner
{
    margin-left: 0
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch
{
    right: 0
}

.owl-carousel .animated
{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in
{
    z-index: 0
}

.owl-carousel .owl-animated-out
{
    z-index: 1
}

.owl-carousel .fadeOut
{
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut
{
    0%
    {
        opacity: 1
    }

    100%
    {
        opacity: 0
    }
}

@keyframes fadeOut
{
    0%
    {
        opacity: 1
    }

    100%
    {
        opacity: 0
    }
}

.owl-height
{
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel
{
    display: none;
    width: 100%;
    position: relative;
    z-index: 1
}

    .owl-carousel .owl-stage
    {
        position: relative;
        -ms-touch-action: pan-Y
    }

        .owl-carousel .owl-stage:after
        {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer, .owl-carousel .owl-wrapper-outer
    {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

.Accessories-content .owl-wrapper-outer
{
    margin-bottom: 8px;
    margin-left: 1px
}

.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev
{
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded
{
    display: block
}

.owl-carousel.owl-loading
{
    opacity: 0;
    display: block
}

.owl-carousel .owl-refresh .owl-item, .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn
{
    display: none
}

.no-js .owl-carousel, b.MyHome-txt
{
    display: block
}

.owl-carousel.owl-hidden
{
    opacity: 0
}

.owl-carousel .owl-item
{
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-text-select-on .owl-item
{
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab
{
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl
{
    direction: rtl
}

    .owl-carousel.owl-rtl .owl-item
    {
        float: right
    }

.owl-carousel .owl-item, .owl-carousel .owl-wrapper
{
    backface-visibility: hidden;
    transform: translate3d(0,0,0)
}

    .owl-carousel .owl-item .owl-lazy
    {
        opacity: 0;
        -webkit-transition: opacity .4s ease;
        -moz-transition: opacity .4s ease;
        -ms-transition: opacity .4s ease;
        -o-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

    .owl-carousel .owl-item img
    {
        transform-style: preserve-3d
    }

.owl-carousel .owl-video-wrapper
{
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon
{
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale .1s ease;
    -moz-transition: scale .1s ease;
    -ms-transition: scale .1s ease;
    -o-transition: scale .1s ease;
    transition: scale .1s ease
}

.owl-carousel .owl-video-tn, .owl-next, .owl-prev
{
    background-repeat: no-repeat;
    background-position: center center
}

.owl-carousel .owl-video-play-icon:hover
{
    -webkit-transition: scale(1.3,1.3);
    -moz-transition: scale(1.3,1.3);
    -ms-transition: scale(1.3,1.3);
    -o-transition: scale(1.3,1.3);
    transition: scale(1.3,1.3)
}

.owl-carousel .owl-video-tn
{
    opacity: 0;
    height: 100%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame
{
    position: relative;
    z-index: 1
}

.owl-next, .owl-prev
{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 25px;
    line-height: 24px;
    margin-top: -15px;
    opacity: .7;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 25px;
    cursor: pointer
}

.owl-prev
{
    background-image: url(../images/mtt-images/accessory-arrow-icon-left.png);
    left: 5px
}

.owl-next
{
    background-image: url(../images/mtt-images/accessory-arrow-icon-right.png);
    right: 5px
}

.owl-next-MobBtn.owl-next, .owl-prev-MobBtn.owl-prev
{
    border-radius: 0;
    height: 32px;
    margin-top: -15px;
    opacity: 1;
    position: absolute;
    top: 50%;
    width: 66px;
    color: #fff;
    line-height: 32px;
    text-shadow: 0 1px 1px #333;
    font-size: 14px
}

.owl-prev-MobBtn.owl-prev
{
    padding-left: 6px;
    background-image: url(../images/back-btn-new.png)
}

.owl-next-MobBtn.owl-next
{
    padding-right: 6px;
    background-image: url(../images/next-btn-new.png)
}

    .owl-next-MobBtn.owl-next.finish
    {
        padding-right: 2px;
        text-decoration: none !important
    }

.BreedMixDNA a, .list-String li, .section-navigation li a
{
    text-decoration: underline
}

.slider-icon
{
    margin: 10px 0;
    text-align: center
}

.circle-point, .list-EarType .iradio_futurico2
{
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle
}

.circle-point
{
    background-color: #cfcfcf;
    border-radius: 100%;
    box-shadow: 2px 1px 1px #8d8d8d inset;
    height: 19px;
    width: 19px
}

.circle-point-active
{
    background: #51c3ff;
    background: -moz-linear-gradient(top,#51c3ff 26%,#2eb3fd 100%);
    background: -webkit-linear-gradient(top,#51c3ff 26%,#2eb3fd 100%);
    background: linear-gradient(to bottom,#51c3ff 26%,#2eb3fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51c3ff', endColorstr='#2eb3fd', GradientType=0 );
    box-shadow: 2px 1px 1px #484848 inset
}

.PetDetailHeading
{
    background-color: #dbf4ff;
    color: #0365c0;
    padding: 10px 14px;
    text-align: left;
    font-size: 20px
}

.PetDetailContent
{
    padding: 10px 15px 0;
    text-align: left
}

.MyPet-FirstSlide .PetDetailContent
{
    padding: 10px 23px 0
}

.form-group-PetDetail .form-control
{
    font-size: 18px;
    padding: 4px 12px
}

.BreedMixDNA
{
    font-size: 14px;
    padding-left: 10px
}

    .BreedMixDNA, .BreedMixDNA a
    {
        color: #0365c0
    }
.PetDetailContent .icheckbox_futurico, .PetDetailContent .iradio_futurico
{
    border: none;
    cursor: pointer;
    display: block;
    height: 18px;
    margin: 0 auto;
    padding: 0;
    width: 18px;
}

.form-group-PetDetail .checkbox
{
    display: inline-block;
    font-size: 18px;
    margin: 0 18px 0 0;
    text-align: center;
    padding-left: 0;
    width: 66px
}

    .form-group-PetDetail .checkbox label
    {
        padding-left: 0;
        display:block;
    }

    .form-group-PetDetail .checkbox:last-child
    {
        margin-right: 0
    }

.checkbox .iradio_futurico2
{
    margin: 0 auto;
    display: block
}
.select-max-widths{
    max-width:260px;
}
.form-group-Birthdate .form-control
{
    display: inline-block;
    margin: 0 4px 15px 0;
    padding: 4px 5px
}

.table.no-border tbody > tr > td, .table.no-border thead > tr > th
{
    border: none
}
table.table.table-safetygoals {
    max-width: 630px;
}
table.table-owl-personalization {
    max-width: 740px;
}
.table-safetygoals thead th
{
    font-weight: 400;
    text-align: center;
    line-height: 14px !important
}

.table-safetygoals td
{
    position: relative;
    text-align: center
}
.table-safetygoals td.text-left{ text-align:left; }
.goal-data, .knowledge-data
{
    text-align: left
}
.knowledge-data .iradio_futurico {
    left: -5px;
    margin-top: 0;
    position: absolute;
    top: 2px;
}
.table-owl-personalization td, .table-safetygoals td
{
    vertical-align: middle !important
}

.big-radio-btn .iradio_futurico2
{
    height: 19px;
    width: 18px
}

.table-safetygoals .iradio_futurico2
{
    margin: 2px auto 0;
    position: relative
}

.icheckbox_futurico2, .iradio_futurico2
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADmSURBVDhPnZIxCoNAEEUHPIOQA+Q2aSNCMIWojaC1tbZaup1Womix1V4iEMgxBG+QajKrm0aDGj88Zh3fF0RhnrquLwRrmuZB860mk3ulLNO2rU4iJ3AFLj1VmUKLMz25/yEvkF7XdaexSAeNls+5tAEfy3S4zW7sxYSqqgSBBxBQluVA4L8URdEDYwyPkOf5G9I0HbIswwP0EMexSJIE/0X2IIqiO4EHMMEwDC0IglcYhrgX8qfvLOM4ztl13d7zPNxCer7vT3/YN7Zt65ZlcQJX4NJTlWWuUwQx0CuhnOr6qhQVgA8pgu7pamutbQAAAABJRU5ErkJggg==) no-repeat rgba(0,0,0,0);
    border: none;
    cursor: pointer;
    display: block;
    height: 17px;
    margin: 0;
    padding: 0;
    width: 18px
}

    .icheckbox_futurico2.checked, .iradio_futurico2.checked
    {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFsSURBVDhPjZKxisJAEIYXfIIQlHsA3+ZaRThyiCQ2Aa2ttY1lAhG0kgQFtwhprMTCInJ4jxHIG1jNzb/ZhbuLeDfwsePMN8vuRvE7kiR5ZaI0TQte73qNUNdKM3a7XZtFydATJDw9UgcXurxzCSHLMjqfz3S9XhXIUTMbwNvv9y9qkJMWFz/QOJ1OdLvdHoKe2YCRapiTNxSwO6SiKMh1Xep0OgrkqKH3/QTMQGy325xRx4MwGo2I9/wBaujBgavJxWazqRh1PwiWZTWGUUMPDlywXq9LEUURgf8OGz8Mw7sIgqBaLpd0PB6V8OjYw+FQ9eDA1ZRiPp/ni8WC4jhWAh7HcRyybVuB3DzYarUiuABzYjabvTMEDoeDkh6BnvE0A9Hv91uTyeRzOp0S4GuQlJIul4sCOWqmD9ivvzOCv2XX87xyPB7TX8Dzfb/+h5ngh2rz/STu+AQJT480o1dHzlR8JcKqf/e0okOIL1eq3+w38TDOAAAAAElFTkSuQmCC) no-repeat rgba(0,0,0,0)
    }

.blue-goals .icheckbox_futurico2, .blue-goals .iradio_futurico2
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEgSURBVDhPY0AHZn2XvC36Lk0z77900qL/0k8wDeSDxKFKMIHNxHOi5v2X11n0X/6PC4PkQeqgWiDAoveKinnvxefmvZf+E8YXn5t2XZEAawxdtYrZuPP8GeOu8/+Jxp3n1oE1G7SejjJoO/ufVKzXdjacQav+5BbthpP/ScUgfQxq1cdeAfF/UrFq1dHnDIqlh/6TgxVKDv5kkCnY+0qmYN9/UrF0/t7nDGJZu7aIZ+3+TyoG6WMQTt0eC8T/ScWCyVvDQRHNzJew+Tx/wpb/xGK+hC2QeAYBvpiNKtwxG59zx276TxAD1XHFb4GkMBjgCVkpyhG5fh1n1Ib/uDBIHqQOqgUTcEZvCOGIWr+FI2rDK7AGIA3ig8ShSqCAgQEAZISzMfUuXW0AAAAASUVORK5CYII=) no-repeat rgba(0,0,0,0)
}

    .blue-goals .iradio_futurico2.checked
    {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHFSURBVDhPhZJPKINxGMd/5bKZJvkfBwoHiiG2g4OLHFzEWIYsIlH+FJc5cKGoeZPIyUUp0ruxV4ooCq1hea3UclDkraFcd3q839/e98AmT316f+/z/XzX9r5jv6d+WW6xLcvrVkEO2AQ5xq/qPfaakjgNK3fZVuFBtAkP9BfI4WmV+Ng84RKr516xemRq2oiQY/uNBryfHJyxQxbnXqlbCufxYsfubkrtYuimdilE7VsvNOz/SgoyOJzFO5GXLfNBp2XhlhpXH7k05I1STecUmTLzOThjhwwOXFC5cOtg5bMBqWIuQB1br1yotk+S+pk/wA4ZHLgAPVY2cxVV4b8PgjE9K6GMHTI4cEGp+1JhxdMXBPrFj3/LcHS/aOo8xgonTqOFE2fUuvnMhWRf29I2xjM4cEHB+KnCckaOpdyRE6qaDXIBD6eydZRSM3I5OOsPzDIXJLgAPZY5eNSrQqB5LcKlZCDTPZAxcOjAi04xu/yhdJdEoMJ9TS0bT+Tae+fgjJ2eA7NLir9njLlnv8TUs6+Yeg/oX1QvtU+K/8P0SbPvZBu6vKLR6aO/QA5PqySOsdtnNzi9ksHpi/KCesU99pqiDWPfVfmu822i51EAAAAASUVORK5CYII=) no-repeat rgba(0,0,0,0)
    }

.green-goals .icheckbox_futurico2, .green-goals .iradio_futurico2
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEpSURBVDhPY0AHjz8e9T77om/a/oeZJzfccf0JokF8kDhUCSb49OmZ6PEnNevW3Xb6jwuD5D/9+yQK1QIBH74/Utl0K/D56hsO/wlhkLovX15KgDX+//+fedvNpDNLL9n+JxYfvFe5Dqz51uutUfNOWfwnFd9+tSOcYdPlvC1TDxn/JxWD9DFM3Wv3qmen7n9S8fR9Ds8Zmtdr/CcHt23U/cnQssbkVdVSpf+k4ta15s8ZZuyI3VIwR+Y/qRikj+Ho1eWxGZPF/5OKT91YEw6O59qFtucTe4T+E4snrYuBxDMIPHp5WyWjX/V5VCv/f0IYpO4lLIXBAChtd64IXxfWyPMfF+4GyoPUQbVggqMX14a0LQnaktIt/wqkAUSD+EevrA2BKoECBgYAjyXVJ73KYvAAAAAASUVORK5CYII=) no-repeat rgba(0,0,0,0)
}

    .green-goals .iradio_futurico2.checked
    {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHLSURBVDhPhZJbKARRGMdPeSIldw9KifIiucULbUop5G4LSyTZlLwSD3IpEUWLBwkRsTMuLS2FqE3WuqxbWCmXrF0vbEpefPzPzpTsyle/zpnv//uamTPDftf9qyFz/6l3cPNWvbtwnf6BFdfoS4prORyPgTsPzaJoSaO/QO74dARKI856eb+LWLrKs85dKEg4z6b5k3JaMKs52KOHDMB7e7OF8EEi8li5rDJNHaeQ1lxKi0f1bkEGB2zdNIp8+Op5uWTUmEyTpgwuCXt1VFSdSP5B3hzs0UMGBy6w2PVKtnRSr9Nsx9OMyXnXgqoEwgP9BD1kcOACzDHNeqq9ZzWaxAM1F3x8PV2G0UMGBy4Y2lBYWdt8FAFh//9hOLLfuRj9wdq1CfamqXAa2y7mgrvHzquI4xkcuKBDSLKyYb1K1zASSm1zzvfC4eSoYsk3wIuDvXxg7dpEggswxwxn06ragWACGn0Wl9yBTPaA8UKr5N+5ZTzlsLLHj0DTRAwNreXSrLGGgz16cg76xTLnd0bd2SwRtX2R1pIOH/oPeDb5D5ML/3bXjFIsbvWmv+j+zuFJI65lMAuFnZP5uuruMDsGsOLacCoUSopUjH0BVIzJv4J6SOoAAAAASUVORK5CYII=) no-repeat rgba(0,0,0,0)
    }

.big-radio-btn.gray-goal .iradio_futurico2
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEhSURBVDhPpZM/aoRAFIfH25hTLCRhcwC10Eob0UorsbXT0k63UFj/3iKlR0gg2TuIpDHNy3vZMbDgym7mBx8zzHy/xxTK1tK27SOSIx/IzKF93nXdE9eup2kaGeVXlGELcsjltcvgxQ6Faa24BrnU4fVz+EvGtcIW1Pl7GQBIeDCsibdAXZrB+r5/XhPugWawqqoOdV2DCDSDFUXxWZYliEAzWJZlc57nIALNYGmaTggIMrM4jt+TJAFBTiyKoiMCghxZEAQvYRiCIHv6JiXP8wbf9+E/UJdm0CBm27bsOM6IwJ2Mrus+/A5ZYlnWzjTNCVe4Be5e/rRLdF2XkcEwDNiCHHJ57WokRVH2qqoeNE074fqNfOH+jc7ojpyzuoSxH2plyAvpjlrKAAAAAElFTkSuQmCC) no-repeat rgba(0,0,0,0)
}

    .big-radio-btn.gray-goal .iradio_futurico2.checked
    {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAH7SURBVDhPjZO7amJBHMbHzut7uA+hQXfJPoBaaKWNaKWViJ2dlhaKJ4VCvII3LLwXQRREvLS7kOQdRLZxm//ON5k5nISTsAM/zjDz+z7njMrMRrvd9nM0zjPnJsFc63Q636X2+Wi1Wm4uP3GZvgIOXBl7P/jGHReuZkEz4CIj429DnuRiFBeLBW02GzqdTgLMsWZ0kNFPRkQWvrBTm71ej7bbLZ3PZ1OwB8dQtkMH63a7P9QiUCX9fp88Hg9ZrVaB1+ulwWCglxkz6GCNRuOh2WwSmM/neonT6SQc2IjL5dLLZrOZyAB0sFqt9lKv1wms12sh4SQfSxQ+n084cFUOHaxard40TSNwPB6FhFcxKwF2u104cFUOHaxUKl05BFSRzWYzLQEOh0M4h8NBZCQ3VigUfheLRQKr1UpIuFizEuD3+4WzXC5FRvLK8vn8I4cA/00ICReKi/1YgrXhcCgcfsEiI3lkmUzmZzabJYX65lCGi8WrAJxkNBqJPTjGDOeefxCzpFKpXTqdJpDL5Wg6nYqAGZPJRDjKRxYdKGLxeNydSCQuHFJUKhUaj8e03+8FmJfLZX1fckkmk99EiRqxWOwuGo1e+ZP+B+m+/9OqEQ6H3ZxdJBKhr4ADV8Y+HZZAIHAfDAYfQqHQK3/+5fzh819Ywx6cN1UNxv4BYCaeeiALzFAAAAAASUVORK5CYII=) no-repeat rgba(0,0,0,0)
    }

.big-radio-btn.blue-goals .iradio_futurico2
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFgSURBVDhPY8AGzPquOFn0X55p3n/ptkX/pZ8gDGFfnmk54aIzVBluYNlzScOi79J+oIb/eDFQDUgtVBsqsOi9ZG/Wd/GTed+l/8RgkFqQHqh2CDAGmm7ac/EDEP8nEX8A6YWY8v8/o2HnueNGnef+k4NBekFmMBg0n3LRbz3znxIMMoNBu/7ELO2Gk/8pwkAzGNRrjt0B4v8U4jsMSmWHfiqXH/5PCQaZwSBXuP+TfNGB/5RgoBk/GSRz99yQytv7nyKcu/cug1jmzkVimbv+U4Z3LmIQTNnuLpy6/T8lWCh1mxsoRTLyJ245zp+49T95eMtxkBngxM0Tv0mDO3bTB564Tf9JwWA9sVs0wYbAAEfkJnvOqI2fuKI3/icGg9SC9EC1owK2yE0aHJHrj3NGbQAqxI1BakBqodpwgf+M7NHr3ICKZ3FGbrgLxL84I9d/4Yxafx0kBpKDhwkcMDAAAIPpdhCecdB3AAAAAElFTkSuQmCC) no-repeat rgba(0,0,0,0)
}

    .big-radio-btn.blue-goals .iradio_futurico2.checked
    {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJaSURBVDhPjZBNSFRRGIaPkDrXsYYKBFsk1iLDRX/MOCOBUKEumsAJrDtiITiSgUEtahMUZAvLxlalRhoWVJtmvFliJUZBatnA3AmK1NIQbJMN0sY2X+f97g8qd8IPHric87zvfHOE0/iinw74O1JdZR36pL9DXwLGd6orcDN50NQyT6BdL/FH9REZoP8iHbhmbOX4b+gVvmhysSyq01qAi4wZN2afbPe2J9MSsgj2zFD40Tw1ab8ZfAd7vtv3JmlkjRairD1tidG9bQkCcm2qe/yTTj1NO4JCOJaPLDrE7ivvD+26OkEWEBE4dmuMirxVtC5XYYp81fJs3Ch7OG/7AB2i9NJYd+nlcQLVnZN2SY57A2Hf5eS6PXZZ5e2vnGFkh9hx8d2UhEDtgzmWsMnqEoviwGF2au/PccZkSmw7/2Zp+4W3BJr6F1jCX3EqAdkuNzuR+AJnADrE1rMji0XnXhPAJRe58hxLQE7eenYapWvlZMeSKGx59WXLmWECoXs/WMLDOpWA4vIgOzW9s5xhWoanRUHzUF9B8wsC+6+nWMKD4mFXl+DseOcHdsqv6ZwxGOoTGxsHqzZHBsniaK+xFcrwsNlKPoNN1M4JvgvJbZZnNkWeV+KHsjwNA6OehmcECk+/pFDPLAecqLk7w47lI4sOWSRE/kmtxF2vpfNPaGThbU3QkTvfqDH2i8G3t/WjfQ84Uz+wk0uscalahRLuX8yr66e1ABcZM75yclStxKXGRpVwXIqZgQPXjGUaysqte1Ip5W5FjU9L/ipq7I8Sjn3GGe7sN7FHiH/jyV3bZo91egAAAABJRU5ErkJggg==) no-repeat rgba(0,0,0,0)
    }

.White-gray-goals .iradio_futurico2
{
    background: url(../images/white-gray-radio-btn.png) no-repeat
}

    .White-gray-goals .iradio_futurico2.checked
    {
        background: url(../images/white-gray-radio-btn-active.png) no-repeat
    }

.table-owl-personalization td.LevelHeading
{
    font-size: 18px;
    line-height: 20px
}


    .classForUnknown .form-group-PetDetail .checkbox label
    {
        padding-left: 0
    }

.form-control.mysituationclickDiv
{
    padding: 0 30px 0 6px !important;
    overflow: hidden;
    height: 34px;
    line-height: 32px
}

.leftA-img
{
    position: absolute;
    right: 0;
    top: 0
}

.big-radio-btn.green-goals .iradio_futurico2
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFpSURBVDhPY8AG1t5xdFp7y2kmEN9ed9vxJwiD2CCx9XccnKHKcIM1N+w11t5y3L/uttN/fBikBqQWqg0VrLzlYL/6puOnNTcd/xODQWpBeqDaIWDpJXuN5VdsP6y4avefFAzSA9ILNuT/fwbGReetji8+b/2fHAzSCzKDYe4pC5c5J83/U4JBZjBMPWg8a+oh4/8UYaAZDH079e707dL7TxEGmsHQtknzZ9smrf+UYc2fDHUrVT7VrVL9TwmuXanyk6FsofyNskUK/ynBpQsV7jLkz5JalD9b+j9FGGgGQ8ZkUfeMyeL/KcGZE0XdgCmSgTGxR/h4Uq/wf3IwSC/IDHDqjmwV1ohp4/8Q0y7wnyQM1BPbIaQJNgQGIht57COaeD5FNPP+JwoD1YL0QLWjgqB6Ho3QRu7jYY08//FhkBqQWqg2HADo3/B6LrewRu5ZQHw3tIHnV2gD9xcg+zpIDCQHDxM4YGAAAEcmdk4nhw45AAAAAElFTkSuQmCC) no-repeat rgba(0,0,0,0)
}

p.top-data
{
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 20px
}

.home-pages-txt, p.top-data
{
    padding: 0 10px
}

.knowledge-data ul li
{
    padding: 3px 20px;
    border-top: 1px solid #A6A6A6;
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom,#d9d9d9,#fff 27%);
    background-image: -moz-linear-gradient(bottom,#d9d9d9,#fff 27%);
    background-image: -o-linear-gradient(bottom,#d9d9d9,#fff 27%);
    background-image: -ms-linear-gradient(bottom,#d9d9d9,#fff 27%);
    background-image: linear-gradient(to top,#d9d9d9,#fff 27%)
}

.knowledge-data .gray-radio-btn
{
    position: relative
}

.knowledge-data .iradio_futurico2
{
    left: -5px;
    margin-top: 0;
    position: absolute;
    top: 2px
}

.knowledge-data ul li p
{
    margin-bottom: 0;
    margin-top: 0
}

.knowledge-data ul li.knowledge-colorbg
{
    background-color: #efedee;
    background-image: -webkit-linear-gradient(bottom,#d5d5d5,#efedee 27%);
    background-image: -moz-linear-gradient(bottom,#d5d5d5,#efedee 27%);
    background-image: -o-linear-gradient(bottom,#d5d5d5,#efedee 27%);
    background-image: -ms-linear-gradient(bottom,#d5d5d5,#efedee 27%);
    background-image: linear-gradient(to top,#d5d5d5,#efedee 27%)
}

.knowledge-data ul li:last-child
{
    border-bottom: 1px solid #A6A6A6
}

.goal-data table.table td:first-child
{
    padding-right: 15px;
    text-align: right
}

.Priority-table-data .gray-radio-btn
{
    position: relative;
    padding-left: 22px;
    margin: 0;
    text-align: left
}

    .Priority-table-data .gray-radio-btn .iradio_futurico2
    {
        top: 5px
    }
.Priority-table-data .gray-radio-btn label{ padding-left:0; }
.goal-data table.table td
{
    padding: 3px;
    font-size: 15px;
    position: relative;
    text-align: center;
    vertical-align: middle
}

    .goal-data table.table td img
    {
        height: 18px
    }
.Priority-table-data table.table td {
    text-align: left;
}
.star-priorities
{
    max-width: 300px;
    text-align: center;
}
.add-txt
{
    width: 50%;
    margin: 0 auto;
    font-family: "Segoe Print"
}

.home-pages-txt.top-data
{
    margin-bottom: 10px
}

.PWMonthlyReminder
{
    display: block;
    margin: 50px auto;
    font-size: 22px;
    line-height: 32px;
    padding: 0 20px;
    text-align: center
}

.MTTHide
{
    display: none
}

.MTTShow
{
    display: block
}

.monthly-alert-panel
{
    border-top: 1px solid #ccc;
    padding: 15px 0;
    text-align: left;
    width: 100%
}

    .monthly-alert-panel .icon-left
    {
        display: block;
        height: 28px;
        margin: 0 6px;
        text-align: right;
        width: 11%;
        position: relative
    }

    .monthly-alert-panel .middle-txt
    {
        line-height: 30px;
        margin: 0 6px;
        text-align: left;
        width: 13%;
        white-space: nowrap
    }

        .monthly-alert-panel .middle-txt span, .right-img p
        {
            line-height: 15px
        }

    .monthly-alert-panel .right-img
    {
        float: left;
        width: 70%
    }

.right-img p
{
    font-size: 12px;
    margin-bottom: 0
}

.table-Special-conditions .form-group-PetDetail .checkbox label
{
    padding-left: 0
}

.monthly-alert-panel .icon-left label
{
    padding-left: 0;
    margin-top: -2px
}

.big-radio-btn.green-goals .iradio_futurico2.checked
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJfSURBVDhPjZDfS5NhFMcfIXVurxQNCYrIyGDrwhuLbGHbO8OuIqj2Q5iRXZmGXuVd6oysCxuErnBptYXM1X7k6KaCzLxYCjnLIt30f5DRzbo5vd+zvS8qUzzwgYfnfL/f5zxHlKrYmmyPZexjCtl4Vs4DnHGXWLM1F2U7V3TFaopl5Jl41k67AQ20RdvWimRs1rerci66KtNegBaeor1Qkz+tpvCvpo2p3xdIJbrsoMSPdppeusPgHF2+rvUBPPByCJEoC6Utqdfp8wQm0zLFlxDQXZKY0oNG1cOLDDGx0HhxfP4sqUQXb7JhNO6h0021VKnbx5yxHid/wsM9aDZ7kCH8sw0B/9cGAqH5K1qIXqogDLwZQ3WlFhb6dpk9jJIhfB/q13wf6wmEFwoiTLI9RKXRfoI10Ko+ZIihpDk/lDxFIJHGYrv5K6VCgE5fzppEuos9Bcx50Repy/W9OUkATYh0VeUlQ4DeUMGa+GIne8C9SF1e9AaPrfSGagkE59wswmJLhYBzzYWvvZpzsQfcDdaui57A4VDP8yMEfO9lFmGhWOz2ENw9fdfGmuGkjT2MkiE6RmoudYwcIpWXs4WpEIbFVilfAZjk2fQN7r344tL04PaTmha8VdY+bEzdemwk0DV6lCZmXGwoxfhnJ2tUPbzIUCYWovWB0eQZ2r/heXiAVAanLDT26RrFvncyOA+GLVqfUTxtjw6aOUStVq9kdQ9KOff9atoTihaeon1rXe2XTA6vIeX0SrQb0EBbtO1Qyn9d/foWp9cQUFh3DEj/HAOGv8r5D+7Q03ailRD/AQ9mV0rKmW5aAAAAAElFTkSuQmCC) no-repeat rgba(0,0,0,0)
}

.blue-box
{
    border-radius: 5px;
    box-shadow: 2px 4px 10px #ccc;
    padding: 15px;
    color: #000
}

.FluffyScout
{
    min-height: 300px
}

.FluffyScoutBtm
{
    min-height: 260px
}

.section-navigation ul
{
    padding: 0
}

.section-navigation li
{
    position: relative;
    display: inline-block;
    margin: 20px
}

    .section-navigation li a
    {
        padding: 15px;
        font-size: 16px
    }

#sub-footer-wrap
{
    padding: 0 0 20px;
   
    clear: both;
    background-color: #3d3d3d
}

    #sub-footer-wrap.sub-footer-innerPage
    {
        background-color: #fff;
        border-top: 1px solid #ccc
    }

.copyright
{
    text-align: left;
    padding-top: 20px;
    color: #989898
}

.center, .cs
{
    text-align: center
}

.center
{
    margin: 0 auto
}

.submit-btn-feedbark .btn-primary.btn-primary-big
{
    padding: 4px 20px;
    border-radius: 10px
}

.add-headline, .overall-rating-section
{
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 5px
}

.optionalNC
{
    display: block;
    padding-right: 8px
}

.overlayBlack
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 9
}

.cs
{
    position: relative;
    z-index: 10;
    color: #fff;
    left: 0;
    right: 0;
    top: 137px
}

.cs-inner
{
    font-size: 58px;
    font-weight: 700
}

.pcc
{
    display: block;
    padding-top: 60px
}
.pre-order-gettingStarted{
    display: inline-block;
vertical-align: top;
margin-right: 20px;
}
.pre-order-special-offer{display: inline-block;
vertical-align: top;
font-size: 20px;
line-height: 24px;
max-width: 494px;}
.form-group-dogsName .form-control {
    padding-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 6px;
    color: #565656;
}
.form-group-dogsName .caret {
    position: absolute;
    top: 0!important;
    background: url(../images/dropdown-btn.png) no-repeat rgba(0,0,0,0);
    border: none;
    height: 34px;
    right: -7px;
    width: 34px;
}
.form-group-dogsName .dropdown-menu {
    width: 100%;
    border-radius: 0;
    border-color: #b2b2b2;
}
.blue {
    color: #2eb3fd;
}
.form-group-dogsName .dropdown-menu .divider {
    background-color: #b2b2b2;
}
.form-group-dogsName .dropdown-menu>li>a:hover, .form-group-dogsName .dropdown-menu>li>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #428bca;
}
.footerLinks {
    display: inline-block;
    list-style-type: none;
    padding: 0px 0px 0px 12px;
}
.footerLinks li {
    display: inline-block;
}
.copyright a {
    color: #989898;
}
.footerLinks a {
    border-left: 1px solid #989898;
    padding: 0 12px;
    line-height: 12px;
}
.wrapper {
    min-height: 580px;
    padding: 30px 0;
}
.list-welcomepage li {
    background-image: url(../images/Pet-Boxes.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 20px 0 20px 60px;
    background-size: 40px;
    font-size: 20px;
    margin-bottom: 20px;
}
.dl-horizontal.dl-order-review {
    font-size: 20px;
}

.submit-payment-review .btn{ font-size:20px; }
.header-top-bar .container
{
    position: relative;
    min-height: 50px;
}
.header-social-icon {
    position: absolute;
    right: 0;
    margin-right: 15px;
    bottom: -30px;
}
.header-social-icon img {
    max-width: 24px;
    margin-left: 4px;
}
.left {
    float: left;
}
.description {
    overflow: hidden;
    font-style: normal;
    margin: 0;
}
.lambda-email {
    background-image: url(../images/contact-email.png);
}
.lambda-phone {
    background-image: url(../images/contact-phone.png);
}
.lambda-fax {
    background-image: url(../images/contact-fax.png);
}
.lambda-address {
    background-image: url(../images/contact-adress.png);
}

.list-contact-us .left span{
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 26px;
}
.list-contact-us li
{
    font-size: 18px;
    line-height: 28px;
}
.widget-title
{
    font-size: 12px;
    margin-bottom: 20px;
    background-position: right center;
    background-image: url(../images/divider1.png);
    background-repeat: repeat-x;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.widget-title h4{
    padding-right: 10px;
    color: #333;
    background-color: #FFF;
    display: inline;
}
.social-icons li img {
    max-width: 30px;
}
.list-faq li a {
    color: #565656;
    display: block;
    padding: 8px 10px 8px 10px;
    width: 100%;
    text-decoration: none;
    font-size: 16px;
}
.list-faq li {
    border-bottom: 1px solid #C9C9C9;
}
.list-faq li:first-child {
    border-top: 1px solid #c9c9c9;
}
span.Homefaqs-arrow {
    color: #2EB3FD;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
    text-decoration: none !important;
    padding-left: 8px;
}

.table-safetygoals .iradio_futurico
{
    margin: 2px auto 0;
    position: relative;
}
#loader-Image
{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    position: Fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1100;
    display: none;
    margin-top: 0;
    background-color: rgba(0,0,0,.5);
    bottom: 0;
}
.affix-bottom-div
{
    background-color: #7c838d;
    box-shadow: 0 2px 4px #7c838d;
    padding: 20px 0;
}
.fixed-affix-bottom-div
{
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    width: 350px;
    margin: 0 auto;
}
.affix-bottom-div, .row-ear
{
    text-align: center;
}
.panel-group-mtt .media-body a
{
    text-decoration: none;
}
.row-ear .col-md-4
{
    width: 225px;
    float: none;
    display: inline-block;
    vertical-align: top;
}
.thumbnail.thumbnail-ear
{
    border: none;
    padding: 0;
    text-align: center;
}
.thumbnail.thumbnail-ear
{
    text-align: center;
}
.thumbnail-ear .iradio_futurico
{
    width: 17px;
    margin: 4px auto;
}
.thumbnail-ear.thumbnail img
{
    max-height: 100px;
}
.caption-ear
{
    padding-bottom: 10px;
}
    .caption-ear h5, .caption-ear p
    {
        margin-bottom: 0;
    }

    .caption-ear h5, .text-bold
    {
        font-weight: 700;
    }
    .caption-ear p
    {
        line-height: 15px;
    }
    .caption-ear h5, .caption-ear p
    {
        margin-bottom: 0;
    }
.HideShow a{ padding-top:4px; display: block; }
.rememberMeOuter
{
    display: inline-block;
}
.Btn-InfoHeadTxt
{
    background-color: #9f9f9f;
    background: linear-gradient(#efefef,#9f9f9f) #9f9f9f;
    background-image: -moz-linear-gradient(#efefef,#9f9f9f);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#efefef),to(#9f9f9f));
    background-image: -webkit-linear-gradient(#efefef,#9f9f9f);
    background-image: -o-linear-gradient(#efefef,#9f9f9f);
    background-image: -ms-linear-gradient(#efefef,#9f9f9f);
    padding: 9px 6px;
    min-width: 130px;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #565656;
    display: inline-block;
    color: #333 !important;
    text-decoration: none !important;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    position: relative;
}
.InfoHeadTxt-padding.Btn-InfoHeadTxt
{
    padding: 9px 15px;
}
.rememberMeOuter .icheckbox_square-blue
{
    position:relative;
}
.month-col
{
    min-width: 94px;
    display: inline-block;
}
.month-col-price
{
    min-width: 46px;
    display: inline-block;
    text-align: right;
}
.toysTreats-col
{
    background-color: #fff;
    box-shadow: 0 0 6px #ccc;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}
.toysTreats-heading > h2
{
    font-size: 26px;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 0;
}
.toysTreats-heading > h4
{
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 20px;
}
ul.list-toysTreats
{
    padding-left: 0px;
    margin-bottom: 35px;
    list-style-type: none;
    min-height: 548px;
}
ul.list-toysTreats > li {
    font-size: 18px;
    padding: 3px 0;
    line-height: 24px;
    list-style-type:none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.toysTreats-col .text-center a.btn.btn-blue.btn-primary {
    font-size: 22px;
}
.modal-PetProfilePopup .modal-title
{
    text-align: center;
    padding-right: 15px;
}
.modal-PetProfilePopup .modal-title span{
font-weight: bold;
display: block; 
}
.mediatToysTreats-left {
    font-weight: bold;
    padding-right: 10px;
}
.mediatToysTreats-body
{
    -ms-flex: 1;
    flex: 1;
}
.list-TopGoals
{
    list-style-type: disc;
    padding-left:20px;
}
.media-new
{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.mediat-body-new
{
    -ms-flex: 1;
    flex: 1;
}
.media-new:first-child
{
    margin-top: 0px;
}
.media-new
{
    margin-top: 20px;
}
.media-PetProfile-results .media-left-new
{
    width: 185px;
    padding-right: 25px;
    max-width: 185px;
    min-width: 185px;
    text-align: center;
}
.media-PetProfile-results .media-left-new img
{
    max-width: 100%;
}
.media-PetProfile-results .media-left-new img.media-object-center
{
    max-width: 100px;
    display: inline-block;
}
.media-PetProfile-results h4.media-heading
{
    font-weight: bold;
    margin-bottom: 15px;
}
.media-PetProfile-results .media-body-new p
{
    font-size: 16px;
}
.media-PetProfile-results2-outer .media-PetProfile-results .media-left-new img.media-object-center
{
    max-width: 76px;
    display: inline-block;
}
.form-groupRememberMe .checkbox{
        padding-top: 0;
}
.form-groupRememberMe .checkbox label{
        font-weight: bold;
        padding-left: 24px;
}
.form-groupRememberMe .checkbox .icheckbox_square-blue{
        margin: -5px 0 0;
}
.forgetPassword{
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 16px;
}
.form-horizontalLogin .form-control {
    background-color: #f1f1f1;
}
.form-horizontalLogin label#login-msg {
    line-height: 15px;
    font-weight: normal;
}
.modal-dialogLogin .modal-header {
    text-align: center;
}
span.navArrow {
    color: #2EB3FD;
    font-weight: bold;
    display:none;
}

@media (max-width:1308px)
{
    .content_pop_bg
        {
            width: 100%
        }
    }

    @media (min-width:1200px)
    {
        .wrapper .container
        {
            padding-right: 100px;
        }
    }

    @media (max-width:1199px)
    {
        .navbar-mainBB .navbar-nav > li.Admin-menu-li .dropdown-menu, .navbar-mainBB .navbar-nav > li:last-child .dropdown-menu
        {
            left: auto;
            right: 0
        }

        .ACR-img
        {
            padding-top: 4px;
            vertical-align: top;
            width: 78px
        }
    }

    @media (min-width:1025px)
    {
        .Nominate-monthly-donations
        {
            text-align: justify
        }
    }

    @media (max-width:1024px)
    {
        .tabs-outer .nav-tabs
        {
            padding: 0 10px;
            text-align: center
        }

            .tabs-outer .nav-tabs > li
            {
                display: inline-block;
                float: none;
                margin-bottom: -5px;
                margin-left: -5px
            }
    }

    @media only screen and (min-width:992px) and (max-width:1199px)
    {
        

        .navbar-mainBB .navbar-nav > li > a
        {
            padding: 9px 17px
        }

        .BB-Smarter-stepsOne::after
        {
            background-size: 174px auto;
            top: -38px
        }

        .BB-Smarter-stepsTwo::after
        {
            top: -35px;
            right: -104px;
            background-size: 180px auto
        }

        .BB-Smarter-stepsThree::after
        {
            top: -30px;
            background-size: 176px
        }

        .BB-bottom-arrow
        {
            position: relative;
            top: -10px;
            max-width: 726px;
            margin: 0 auto
        }

        .BB-heading-home-TM
        {
            margin-top: 0
        }

        .steps-text-content
        {
            padding: 0
        }
    }

    @media only screen and (min-width:992px)
    {

        .modal-lg-PetProfilePopup
        {
            width: 720px;
        }
        .toysTreats-section
        {
            margin-top: 40px;
        }

        .form-group-PetDetail .checkbox
        {
            width: 94px;
            white-space:nowrap;
        }

        .PetDetailContent .icheckbox_futurico, .PetDetailContent .iradio_futurico
        {
            display: inline-block;
            margin: 0 3px 0 0;
        }

        .row-ear .icheckbox_futurico, .row-ear .iradio_futurico
        {
            display: block;
        }

        .continue-btn
        {
            margin-left: 96px
        }

        .nextLineText
        {
            display: block
        }

        .reviewBrighterBark, .table-Feedbark
        {
            margin-left: 24px
        }

        .text-center.submit-btn-feedbark
        {
            margin-left: 182px
        }

        .PersonalizedIndex-dog-love.dog-lovePaw-top-margin
        {
            margin-top: 80px
        }

        .dog-lovePaw-top-margin
        {
            margin-top: 128px
        }

        .dog-love-text
        {
            max-width: 220px
        }

        .HappierHealthierIndex-dog-love .dog-love-text
        {
            max-width: 250px
        }

        .SavesTimeIndex-dog-love .dog-love-text
        {
            max-width: 212px
        }
    }

    @media only screen and (max-width:991px)
    {

        .classForUnknown .form-group-PetDetail .checkbox
        {
            width: auto;
        }

        .form-group-PetDetail span.textBreak
        {
            display: block;
        }

        .navbar-nav-get-started
        {
            width: 100%;
        }

        .navbar-nav-get-started
        {
            margin-bottom: 10px;
            margin-top: 10px;
        }

        .navbar-nav-left-side.list-inline > li
        {
            padding-right: 2px;
            padding-left: 2px
        }

        .navbar-nav-get-started li
        {
            padding: 0 2px;
            display: block;
        }

            .navbar-nav-get-started li a
            {
                padding: 0;
                border-right: none;
            }
            .navbar-nav-get-started li a
            {
                padding: 5px 6px;
                font-size: 16px;
                display: block;
            }
        span.navArrow
        {
            display: inline-block;
        }
        .hideinmobile
        {
            display: none;
        }

        .BB-bottom-arrow, .MonthlySubscriptionBox-text br
        {
            display: none
        }

        .BB-Smarter-stepsOne::after, .BB-Smarter-stepsThree::after, .BB-Smarter-stepsTwo::after
        {
            background-image: url(../images/BBarrow-mob.png);
            width: 15px;
            height: 72px;
            top: auto;
            right: auto;
            left: auto;
            margin-left: -8px;
            background-position: bottom center
        }

        .BB-Smarter-steps-cols
        {
            padding-bottom: 80px;
            margin-top: 0
        }

        .col-md-3:last-child .BB-Smarter-steps-cols
        {
            padding-bottom: 0
        }

        .BB-heading-home-TM
        {
            margin-top: 0;
            margin-bottom: 50px
        }

        .mb50-mob991
        {
            margin-bottom: 50px
        }

        .rightSideImg.rightSideImgIframe
        {
            width: 100%;
            float: none;
            margin: 0 0 15px
        }
    }

    @media only screen and (max-width:800px)
    {
        .form-control-comments
        {
            width: 220px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px)
    {
        
        .form-group-PetDetail .checkbox
        {
            margin-right: 66px;
        }

        .navbar-header
        {
            width: 100%;
        }

        .navbar-toggle
        {
            display: block;
        }

        .navbar-collapse.in
        {
            overflow: inherit !important;
        }

        .navbar-collapse.collapse
        {
            display: none !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-fixed-top .navbar-collapse
        {
            max-height: 100% !important;
            margin: 0;
            padding-right: 15px;
            padding-left: 15px;
        }

        .navbar-mainBB .navbar
        {
            min-height: 38px
        }
        
        .navbar-mainBB .navbar-nav > li > a
        {
            padding: 9px 10px;
            font-size: 15px
        }
        .beforeLogin.header-top-bar .navbar-toggle {
    display: none;
}
        .beforeLogin.header-top-bar .navbar-collapse.collapse
        {
            display: block !important;
            float: right;
        }
        .beforeLogin.header-top-bar .navbar-nav-get-started li
        {
            display: inline-block;
            padding: 0;
            line-height: 17px;
        }
            .beforeLogin.header-top-bar .navbar-nav-get-started li a
            {
                border-right: 1px solid #949494;
                padding: 0 6px;
                display: inline-block;
            }
        
            .beforeLogin.header-top-bar .navbar-nav-get-started li.last a, .beforeLogin.header-top-bar .navbar-nav-get-started li:last-child a
            {
                border-right: none;
            }
        .navbar-nav-get-started .btn-primary
        {
            padding: 5px 12px !important;
        }
        .beforeLogin.header-top-bar span.navArrow
        {
            display: none;
        }
        
        }

    @media only screen and (min-width:768px)
    {
        
        .navbar-nav-get-started
        {
            float: right
        }

        .FluffyScoutBtm
        {
            margin: 20px 0 0
        }

        .row-flex
        {
            display: flex;
            margin-left: -15px;
            margin-right: -15px
        }

        .col-flex
        {
            flex: 1;
            margin: 0 15px
        }

        .Nominate-monthly-donations
        {
            margin-top: 5px
        }

        .dt
        {
            float: left;
            width: 160px;
            overflow: hidden;
            clear: left;
            text-align: right;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .dd
        {
            margin-left: 180px
        }

        .dl-horizontal-pet .dl-div-horizontal .dt
        {
            width: 214px
        }

        .dl-horizontal-pet .dl-div-horizontal .dd
        {
            margin-left: 224px;
            font-weight: 700
        }

        .navbar-mainBB .navbar-nav > li > a
        {
            border-right: 1px solid #fff
        }

        .navbar-mainBB .navbar-nav > li:first-child > a
        {
            border-left: 1px solid #fff
        }

        .navbar-mainBB .navbar-nav
        {
            width: 100%;
            text-align: center
        }

            .navbar-mainBB .navbar-nav .dropdown-menu li a
            {
                background-color: #428cd0;
                border-bottom: 1px solid #fff;
                color: #fff !important;
                font-size: 17px;
                padding: 5px 10px
            }

            .navbar-mainBB .navbar-nav li.open:hover .dropdown-menu, .navbar-mainBB .navbar-nav li:hover .dropdown-menu
            {
                display: block
            }

            .navbar-mainBB .navbar-nav .dropdown-menu li:last-child a
            {
                border-bottom: none
            }

            .navbar-mainBB .navbar-nav > li
            {
                margin: 0 -2px;
                float: none;
                display: inline-block
            }

        .dl-order-review.dl-horizontal dt
        {
            width: 360px;
        }

        .dl-order-review.dl-horizontal dd
        {
            margin-left: 380px;
        }

        .heading-wrapper-review
        {
            position: relative;
            padding-left: 272px;
        }

        .submit-payment-review
        {
            padding-left: 292px;
        }

        .back
        {
            position: absolute;
            left: 0;
        }

        .contact-us
        {
            max-width: 620px;
            margin-left: 130px;
        }

        .SelectDog
        {
            padding-left: 130px;
        }

        .select-another-dog a
        {
            position: absolute;
            margin-left: 10px;
        }
    }

    @media only screen and (max-width:767px)
    {
        .navbar-nav-get-started .btn-primary
        {
            padding: 5px 12px !important;
            width: 100px;
        }
        .form-group-PetDetail .checkbox
        {
            width: auto;
        }

        .navbar-brand-BrighterBark
        {
            top: 0px;
            left: 10px;
        }

        .navbar-mainBB .nav.navbar-nav
        {
            margin: 0 -15px
        }

        .navbar-mainBB .navbar-nav > li.Admin-menu-li .dropdown-menu
        {
            width: 100% !important
        }

        .navbar-mainBB .navbar-nav > li
        {
            margin: 0;
            border-top: 1px solid #fff
        }

        .ml0-mob
        {
            margin-left: 0
        }

        .mb15-mob767
        {
            margin-bottom: 15px
        }

        .mb50-mob767
        {
            margin-bottom: 50px
        }

        .containerBBD
        {
            padding: 10px 5px
        }

        .bg, .content_pop_bg
        {
            min-height: inherit
        }

        .dl-horizontal-pet .dl-div-horizontal .dt
        {
            margin-bottom: 0
        }

        .dl-horizontal-pet .dl-div-horizontal .dd
        {
            margin-bottom: 10px
        }

        .bigTitle
        {
            font-size: 17px;
            font-weight: 700;
            text-shadow: none
        }

        .table-owl-personalization td.LevelHeading
        {
            padding-bottom: 0
        }

        .OurStory-Content-top
        {
            padding: 15px
        }
    }

    @media only screen and (min-width:600px) and (max-width:767px)
    {
        .table-owl-personalization.classForUnknown td.LevelHeading
        {
            width: 48%;
        }
    }

    @media only screen and (min-width:600px)
    {
        .table-safetygoals td.text-left
        {
            width: 245px
        }

        .table-owl-personalization td.LevelHeading
        {
            width: 280px
        }

        .table-owl-personalization.table-Veterinary td.LevelHeading
        {
            width: 235px
        }

        .classForUnknown.table-owl-personalization td.LevelHeading
        {
            width: 250px
        }
    }

    @media only screen and (max-width:599px)
    {
        .PetBreedMix .col-xs-4
        {
            padding-left: 0
        }

        .owl-next-MobBtn, .owl-prev-MobBtn
        {
            background-size: 54px auto
        }

            .owl-next-MobBtn.owl-next, .owl-prev-MobBtn.owl-prev
            {
                font-size: 14px
            }

        .table-owl-personalization td
        {
            display: block
        }

        .table-Special-conditions td
        {
            display: table-cell;
            vertical-align: top !important
        }

        .table-owl-personalization td:nth-child(2)
        {
            margin-bottom: 5px
        }

        .classForUnknown .form-group-PetDetail .checkbox
        {
            width: 19%
        }

        .form-group-PetDetail .checkbox
        {
            font-size: 15px
        }

        .table-Special-conditions .form-group-PetDetail .checkbox
        {
            width: 56px;
            margin-right: 0
        }
    }

    @media only screen and (max-width:576px)
    {
        .PersonalizedCareSuggestions
        {
            margin: 0 -15px
        }
    }

    @media only screen and (min-width:481px)
    {
        .dl-horizontal-pay-form .dt
        {
            width: 100px !important;
            margin-top: 5px;
            margin-bottom: 10px;
            float: left;
            overflow: hidden;
            text-align: right;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .dl-horizontal-pay-form .dd
        {
            margin-left: 110px !important;
            margin-bottom: 4px !important
        }

        .table-safetygoals td.text-left
        {
            font-size: 18px;
            line-height: 20px
        }
    }

    @media only screen and (min-width:481px) and (max-width:767px)
    {
        .rightSideImg.rightSideImgIframe
        {
            height: 200px
        }
    }
@media only screen and (min-width:481px)
{
    .modal-dialog.modal-dialogLogin
    {
        width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
}
    @media only screen and (max-width:480px)
    {
        ul.list-toysTreats > li
        {
            display: block;
            padding: 5px 0;
        }
        .rightSideImg.rightSideImgIframe
        {
            height: auto
        }

        .PetDetailContent .form-control, .form-group-PetDetail .form-control
        {
            padding: 4px
        }

        .section-navigation li
        {
            margin: 20px 12px
        }

        .radio-GiftCerti
        {
            margin-left: 0 !important;
            display: block
        }

        .table-Special-conditions .LevelHeading
        {
            width: 50%
        }

        .add-txt
        {
            width: 80%
        }

        .monthly-alert-panel .icon-left
        {
            width: 20px
        }

        .monthly-alert-panel .middle-txt
        {
            width: 18%
        }

        .monthly-alert-panel .right-img
        {
            width: 68%
        }
    }

    @media only screen and (max-width:400px)
    {
        .media-PetProfile-results .media-left-new
        {
            width: 105px;
            padding-right: 15px;
            max-width: 105px;
            min-width: 105px;
        }
        .media-PetProfile-results .media-left-new img.media-object-center {
    max-width: 70px;
}
        
            .table-Special-conditions .LevelHeading
        {
            width: 44%
        }

        .table-owl-personalization td.LevelHeading
        {
            font-size: 16px;
            line-height: 18px
        }

        .PetBreedMix .col-xs-8
        {
            padding-right: 5px
        }

        .tabs-outer .nav-tabs > li > a
        {
            width: 130px
        }

        .form-group-PetDetail .checkbox, .form-group-PetDetail .checkbox.same-font-size-mob, .form-group-PetDetail .form-control
        {
            font-size: 14px
        }

        .MyPet-FirstSlide .PetDetailContent
        {
            padding: 10px 15px 0
        }

        .table-safetygoals tbody td, .table-safetygoals thead th
        {
            padding: 8px 2px !important
        }

        .classForUnknown .form-group-PetDetail .checkbox
        {
            width: auto;
            margin-right: 15px
        }

        .Priority-table-data .gray-radio-btn
        {
            padding-left: 0
        }

        .another-link, .assigned-user, .goal-data table.table td
        {
            font-size: 12px
        }

        .monthly-alert-panel .middle-txt
        {
            width: 21%
        }

        .monthly-alert-panel .right-img
        {
            width: 60%
        }

        .form-group-PetDetail .checkbox
        {
            width: 56px
        }
    }

    @media only screen and (max-width:380px)
    {
        .toysTreats-col .text-center a.btn.btn-blue.btn-primary
        {
            font-size: 18px;
        }
        .form-group-Birthdate .form-control
        {
            margin: 0 1px 15px 0 !important
        }

        .form-control-month
        {
            width: 126px !important
        }

        .form-control-day
        {
            width: 50px !important
        }

        .form-control-year
        {
            width: 68px !important
        }

        .goal-data table.table td img
        {
            height: auto;
            width: 128px !important;
            max-width: 100%
        }
    }
