@media (min-width: 991px){
.adjust-e3video .embed-container-wrap {
    position: absolute;
}
}
/* eversense blue button start*/
.btnBackground a
{
    outline: none !important;
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
    line-height: 1.4 ;
    text-align: center;
    padding: .9rem 4rem !important;
    background-color: #003366 !important;
    border: 1px solid #fff;
    width: auto !important;
    margin-top: 0.6rem;
    white-space: normal;
	display: inline-block;
min-width: 210px;
}	
	
.btnBackground a:hover, #btnBackground a:focus {
        background-color: #aaaaaa !important;
        border: 1px solid #000000 !important;
    }
/* eversense blue button end */

.custom-tab-carrot {
    position: fixed;
    margin-top: 22px !important;
    top: 1px;
    right: 1px;
    background-color: #003366 !important;
    width: 50px !important;
    color: #fff !important;
    cursor: pointer;
    background-image: url(/siteassets/carat_dropdown.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 25px;
    height: 12px;
    background-size: contain;
}

.custom-tabs-block .custom-tab a.active p {
    height: inherit;
}

.nav-tabs .custom-tab {
    max-width: 100%;
}

.get-app-button-right {
    margin-left: 15px;
}

.cleancontentarea div .resources div div .img-responsive {
    margin-left: auto;
}

.custom-border-box {
    border: 2px solid #FFE27E;
    background: rgba(255, 226, 126, 0.2);
    border-radius: 10px;
    padding-left: 22px;
    padding-bottom: 18px;
    padding-top: 20px;
    margin: 14px;
}

    .custom-border-box .glyphicon {
        color: #FFE27E;
    }

    .custom-border-box.green-box {
        border: 2px solid #90C47A;
        background: rgba(144, 196, 122, 0.1);
    }

    .custom-border-box.blue-box {
        border: 2px solid #002575;
        background: rgba(0, 37, 117, 0.1);
    }

.wrapper.gray-blue {
    background-color: rgba(113, 126, 166, 0.9);
    padding: 1.5rem;
    border-radius: 10px;
    width: 50%;
}

.carousel-caption h2 {
    color: white;
}

.smallmargin {
    margin-top: 10px;
    font-weight: normal;
}

.imageborder {
    border: 1px solid #ccc;
    padding: 7px;
}

.pdfrow .col-md-6,
.pdfrow .col-sm-6,
.pdfrow .col-xs-6 {
    width: 48%;
    border-bottom: 2px solid #ccc;
    padding: 10px 10px;
    margin: 0px 1%;
    height: 70px;
}

.pdfrow h2 {
    border-bottom: 1px solid #001f5b;
    padding-bottom: 10px;
}

#HomeCarousel .carousel-caption {
    z-index: 10;
    top: 10%;
    text-align: center;
    left: 10%;
    height: 250px;
    background: rgba(113, 126, 166, 0.9);
    padding: 10px;
    border-radius: 10px;
    width: 500px;
}

@media only screen and (max-width: 400px) {
    #ProductCarousel.smartlight-carousel,
    #ProductCarousel.smartlight-carousel .carousel-inner,
    #HomeCarousel,
    #HomeCarousel .carousel-inner {
        height: 400px;
    }

        #ProductCarousel .carousel-inner .first-slide img:not(.mobileImage),
        #HomeCarousel .carousel-inner .first-slide a img:not(.mobileImage),
        #HomeCarousel .carousel-indicators,
        #HomeCarousel .carousel-inner .second-slide a img:not(.mobileImage),
        #HomeCarousel .carousel-inner .third-slide a img:not(.mobileImage)
        #HomeCarousel .carousel-inner .fourth-slide a img:not(.mobileImage),
        #HomeCarousel .carousel-inner .fifth-slide a img:not(.mobileImage) {
            display: none;
        }

    #ProductCarousel .first-slide .carousel-caption {
        z-index: 9999;
        bottom: 5% !important;
        text-align: left !important;
        background: none;
        display: block !important;
        border-radius: 0 !important;
        height: fit-content;
        width: auto !important;
        word-break: keep-all !important;
        right: 10px;
        /* left: 45%!important; */
        top: auto !important;
    }

    #HomeCarousel .first-slide .carousel-caption,
    #HomeCarousel .second-slide .carousel-caption,
    #HomeCarousel .third-slide .carousel-caption,
    #HomeCarousel .fourth-slide .carousel-caption,
    #HomeCarousel .fifth-slide .carousel-caption {
        z-index: 9999;
        bottom: 5% !important;
        text-align: left !important;
        background: none;
        display: block !important;
        border-radius: 0 !important;
        height: fit-content;
        width: auto !important;
        word-break: keep-all !important;
        right: 10px;
        /* left: 50%!important; */
        top: auto !important;
    }

    #HomeCarousel .carousel-caption {
        border-radius: 0px !important;
        left: 0% !important;
        top: 29% !important;
        width: 100% !important;
        height: 220px;
    }

        #HomeCarousel .carousel-caption p {
            font-size: 15px;
        }

    #HomeCarousel .carousel-indicators {
        margin-top: 50px;
    }

    #HomeCarousel .carousel-control {
        display: block;
    }

    h3.centertext {
        text-align: center;
    }
}

.borderedBox .glyphicon {
    margin-right: -10px;
}

.gesundheit .borderedBox .glyphicon {
    color: #F3958B;
}

.ernaehrung .borderedBox .glyphicon {
    color: #90C47A;
}

element.style {
}

#HomeCarousel .carousel-caption {
    z-index: 10;
    top: 10%;
    text-align: center;
    left: 10%;
    /* right: 53%;
     */
    height: 250px;
    background: rgba(113, 126, 166, 0.9);
    padding: 10px;
    border-radius: 10px;
    width: 500px;
}

.carousel-caption {
    z-index: 10;
    top: 10%;
    text-align: left;
    left: 10%;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

user agent stylesheet div {
    display: block;
}

.carousel {
    color: #5a5a5a;
}

.description {
    min-height: 7.5rem;
}

@media only screen and (max-width: 400px) {
    #FachCarousel .carousel-control {
        display: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #ProductCarousel.smartlight-carousel,
    #ProductCarousel.smartlight-carousel .carousel-inner,
    #HomeCarousel,
    #HomeCarousel .carousel-inner {
        height: 400px;
    }

        #HomeCarousel .carousel-caption {
            border-radius: 0px !important;
            left: 0% !important;
            top: 56% !important;
            width: 100% !important;
            height: 220px;
        }

            #HomeCarousel .carousel-caption p {
                font-size: 15px;
            }

        #HomeCarousel .carousel-indicators {
            margin-top: 90px;
        }

        #HomeCarousel .carousel-control {
            display: block;
        }

    h3.centertext {
        text-align: center;
    }
}

* begin SWITCH AND WIN */ .blueSquareBg {
    background-color: #DCE6F2;
    -moz-box-shadow: 1px 1px 3px 1px #AFAFAF;
    -webkit-box-shadow: 1px 1px 3px 1px #AFAFAF;
    box-shadow: 1px 1px 3px 1px #AFAFAF;
    padding: 20px;
}

.phoneCenter {
    width: 80%;
    margin: 0 295px 25px;
}

.sandw-two-col li {
    clear: left;
}

@media (max-width: 991px) {
.e3.e3-testimonial a.btn{
white-space: normal;
}
    .button-blue {
        margin-bottom: 30px;
    }

    .sandw-two-col .col-md-6 {
        max-width: 320px;
        margin: auto;
    }

    .sandw-two-col .left-img {
        margin-left: 0px;
    }
}

@media (min-width: 992px) {
    .sandw-button-right {
        margin-top: 70px;
    }

    .sandw-two-col {
        width: 82%;
        margin: auto;
    }

        .sandw-two-col .left-img {
            margin-left: -75px;
        }
}

@media (max-width: 1225px) {
    .phoneCenter {
        width: 75%;
        margin: 0 auto 25px;
    }
}

@media (min-width: 1400px) {
    .page-top img.sandw-banner {
        position: relative;
        top: -5vw;
    }
}

@media (min-width: 1600px) {
    .page-top img.sandw-banner {
        position: relative;
        top: -9vw;
    }
}

@media (min-width: 1900px) {
    .page-top img.sandw-banner {
        position: relative;
        top: -11vw;
    }
}


/* end SWITCH AND WIN */


/*smartLIGHT tab and carousel banner home page CSS*/

@media (max-width: 376px) {
    .lighthouse-cover {
        background-size: cover !important;
        background-position: -200px 0px !important;
        background-image: url(/siteassets/products/LIGHTHOUSE_mobile.jpeg) !important;
    }
}

@media (max-width: 412px) {
    .lighthouse-cover {
        background-size: cover !important;
        background-position: -200px 0px !important;
        background-image: url(/siteassets/products/LIGHTHOUSE_mobile.jpeg) !important;
    }
}

@media (max-width: 415px) {
    .lighthouse-cover {
        background-size: cover !important;
        background-position: -200px 0px !important;
        background-image: url(/siteassets/products/LIGHTHOUSE_mobile.jpeg) !important;
    }
}

@media (max-width: 769px) {
    .lighthouse-cover {
        background-size: cover !important;
        background-position: -200px 0px !important;
        background-image: url(/siteassets/products/LIGHTHOUSE_mobile.jpeg) !important;
    }
.tips-and-tricks-card {
    flex-direction: column;
    padding-top: 20px;
}
.tips-and-tricks-card a, .tips-and-tricks-card p {
    font-size: 14px;
}
.tips-tricks-content {
    margin-left: 20px;
    width: 92%;
    padding-right: 13px;
}
}

@media (max-width: 1025px) {
    .lighthouse-cover {
        background-size: cover !important;
        background-position: -200px 0px !important;
        background-image: url(/siteassets/products/LIGHTHOUSE_mobile.jpeg) !important;
    }
}

@media (max-width: 1080px) {
    .lighthouse-cover {
        background-size: cover !important;
        background-position: -200px 0px !important;
        background-image: url(/siteassets/products/LIGHTHOUSE_mobile.jpeg) !important;
    }
}

@media (max-width: 1125px) {
    .lighthouse-cover {
        background-size: cover !important;
        background-position: -200px 0px !important;
        background-image: url(/siteassets/products/LIGHTHOUSE_mobile.jpeg) !important;
    }
}

@media only screen and (max-width: 828px) {
    .lighthouse-cover {
        background-size: cover !important;
        background-position: -200px 0px !important;
        background-image: url(/siteassets/products/LIGHTHOUSE_mobile.jpeg) !important;
    }
}

@media (max-width: 750px) {
    .lighthouse-cover {
        background-size: cover !important;
        background-position: 0px 0px !important;
        background-image: url(/siteassets/products/LIGHTHOUSE_mobile.jpeg) !important;
    }
}

.btn-yellow {
    background-color: #fec601;
    min-width: 150px;
    border-radius: 5px;
    padding: 8px;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    color: #333;
    margin-top: 7.5px;
    white-space: normal;
}

.page-top img.sandw-banner,
#sandw-banner img {
    top: 0px !important;
}

.page-top {
    max-height: 100% !important;
}

.carouseloffset {
    margin-bottom: 0px !important;
}

.carousel {
    max-height: 100% !important;
}


/*end of smartLIGHT tab and carousel banner CSS */

.nocaption .carousel-caption {
    display: none !important;
}

#RetailerCarousel .carousel-inner .item img {
    max-height: 100% !important;
    min-height: 49px !important;
}

@media (max-width: 768px) {
    #RetailerCarousel .carousel-inner .item img {
        min-height: 90px !important;
        max-height: 100% !important;
    }
}

@media (max-width: 412px) {
    #iframe-contourvideo {
        height: 215px !important;
    }

    .searchbox button[data-target="#smallShoes"] {
        margin-top: 10px !important;
    }
}

#RetailerCarousel .carousel-control.left {
    margin-left: -25px !important;
}

#RetailerCarousel .carousel-control.right {
    margin-right: -25px !important;
}

#frmContactUs #ContactUsRequest_Message {
    height: 6em !important;
}


@media (min-width: 992px) and (max-width: 1200px) {
    .nav.navbar-nav.navbar-lower {
        margin-left: 60px;
    }
}

@media (min-width: 1201px) and (max-width: 1800px) {
    .nav.navbar-nav.navbar-lower {
        margin-left: 80px;
    }
}

@media (min-width: 992px) {
    .nav.navbar-nav.navbar-lower {
        margin-top: 10px;
    }
}

@media (max-width: 375px) {
    .MeterImagegap {
        padding-top: 24px;
    }
}

div[data-group-for="ContactUsRequest_EmailOptIn"] {
    margin-top: -17px;
}

.countrycontactusformblock h1 {
    margin-top: -15px;
    margin-bottom: 5px;
}

@media only screen and (max-device-width: 568px) and (min-device-width: 320px) {
    .button-bar .btn {
        float: none !important;
        text-align: center;
        margin-left: 25% !important;
    }

    .countrycontactusformblock h1 {
        text-align: center !important;
    }
}

.btndownload {
    margin-left: 10px;
}

@media (max-width: 767px) and (min-width: 400px) {
    #ProductCarousel .carousel-inner .first-slide img:not(.mobileImage),
    #HomeCarousel .carousel-inner .first-slide a img:not(.mobileImage),
    #HomeCarousel .carousel-indicators,
    #HomeCarousel .carousel-inner .second-slide a img:not(.mobileImage),
    #HomeCarousel .carousel-inner .third-slide a img:not(.mobileImage),
    #HomeCarousel .carousel-inner .fourth-slide a img:not(.mobileImage),
    #HomeCarousel .carousel-inner .fifth-slide a img:not(.mobileImage) {
        display: none;
    }

    #ProductCarousel .first-slide .carousel-caption,
    #HomeCarousel .first-slide .carousel-caption,
    #HomeCarousel .second-slide .carousel-caption,
    #HomeCarousel .third-slide .carousel-caption,
    #HomeCarousel .fourth-slide .carousel-caption,
    #HomeCarousel .fifth-slide .carousel-caption {
        z-index: 9999;
        bottom: 5% !important;
        text-align: left !important;
        background: none;
        display: block !important;
        border-radius: 0 !important;
        height: fit-content;
        width: auto !important;
        word-break: keep-all !important;
        right: 10px;
        /* left: 45%!important; */
        top: auto;
    }
}

@media (max-width: 360px) {
    #ProductCarousel .first-slide .carousel-caption,
    #HomeCarousel .first-slide .carousel-caption,
    #HomeCarousel .second-slide .carousel-caption,
    #HomeCarousel .third-slide .carousel-caption,
    #HomeCarousel .fourth-slide .carousel-caption,
    #HomeCarousel .fifth-slide .carousel-caption {
        z-index: 9999;
        bottom: 10% !important;
        text-align: left !important;
        background: none;
        display: block !important;
        border-radius: 0 !important;
        height: fit-content;
        width: auto !important;
        word-break: keep-all !important;
        right: 10px;
        /* left: 46%!important; */
        top: auto;
    }
}

@media (max-width: 320px) {
    #ProductCarousel .first-slide .carousel-caption,
    #HomeCarousel .first-slide .carousel-caption,
    #HomeCarousel .second-slide .carousel-caption,
    #HomeCarousel .third-slide .carousel-caption,
    #HomeCarousel .fourth-slide .carousel-caption,
    #HomeCarousel .fifth-slide .carousel-caption {
        z-index: 9999;
        bottom: 20% !important;
        text-align: left !important;
        background: none;
        display: block !important;
        border-radius: 0 !important;
        height: fit-content;
        width: auto !important;
        word-break: keep-all !important;
        right: 10px;
    }

        #ProductCarousel .first-slide .carousel-caption p {
            font-size: 14px !important;
        }

    #ProductCarousel .first-slide .carousel-caption {
        /* left: 56%!important; */
        bottom: 14% !important;
    }
}

.text-bold-green {
    color: #1BA687;
}

@media (max-width: 720px) {
    #headerKidsFine {
        margin-top: -80px;
    }
}

@media (max-width: 600px) {
    #headerKidsFine {
        margin-top: -30px;
    }
}

@media (max-width: 640px) {
    #headerKidsFine {
        margin-top: -30px;
    }
}

@media (max-width: 414px) {
    #headerKidsFine {
        margin-top: -30px;
    }
}

@media (max-width: 385px) {
    #headerKidsFine {
        margin-top: -30px;
    }
}

@media (max-width: 375px) {
    #headerKidsFine {
        margin-top: -80px;
    }
}


/*end sectionFachkreise css*/


/*sectionFachkreise css*/

#sectionFachkreise .product-cta {
    height: auto !important;
}

#sectionFachkreise .product-img img {
    max-height: 200px !important;
    max-width: 330px !important;
}


/*end sectionFachkreise css*/

@media (max-width:768px) {
    .rowimagefirst {
        text-align: center;
    }

    .rowimage {
        display: flex;
    }

        .rowimage img {
            margin: 0 auto;
        }

    .rowimagetop {
        display: flex;
    }

        .rowimagetop img {
            margin: 0 auto;
        }
}

.rowimage {
    padding-left: 0;
}

@media (max-width: 720px) {
    .contourxt {
        margin-top: -64px;
    }
}

.pdfrow-custom h4 {
    border-bottom: 2px solid #ccc;
    height: 55px;
}


/*diabass-products css*/

#diabass-products .product-sub-images li {
    width: auto;
    padding: 15px;
    min-height: 130px;
}

@media (max-width: 720px) {
    #diabass-products .product-sub-images li {
        width: 100%;
        padding: 15px;
    }

    .column-margin {
        margin-bottom: 35px;
    }
}

#diabass-products .main-product-image {
    display: none;
}

#Diabasspro-tabs .nav-tabs.custom-tabs-block {
    margin-left: 0 !important;
}


/*diabass-products css*/

@media (max-width: 720px) {
    .hide-for-mobile {
        display: none;
    }
}


/*end of retailer-search-block*/

@media (max-width: 375px) {
    #RetailerCarousel .carousel-inner {
        height: auto !important;
    }
}

.searchbox {
    margin-bottom: 1rem !important;
}

.modal-dialog {
    width: 60% !important;
}

#externalInterstitial .modalbuttons[data-dismiss="modal"] {
    background: #fff;
    background-color: #fff;
    border-color: #ccc;
}

.nolink:hover {
    cursor: default;
}

#kontaktVideo {
    width: 50% !important;
}

@media(max-width:1024px) and (min-width:768px) {
    .tagebucher-mobile-text-container .btndownload {
        position: relative !important;
        margin: auto !important;
    }
}

@media(max-width:768px) {
    #kontaktVideo {
        width: 100% !important;
    }

    .tagebucher-mobile {
        text-align: center;
    }

        .tagebucher-mobile img {
            height: auto !important;
            width: auto !important;
            /* text-align:center; */
        }

    .tagebucher-mobile-text {
        text-align: center;
    }

        .tagebucher-mobile-text ul {
            text-align: left;
            display: inline-block;
        }

    .tagebucher-mobile {
        border-bottom: 1px solid #ccc;
        padding: 0px 20px 20px 20px;
    }

        .tagebucher-mobile:not(:nth-child(1)) {
            padding: 20px;
        }

    .tagebucher-mobile-text-container .btndownload {
        position: relative !important;
    }

    .tagebucher-mobile-text-container {
        min-height: 100% !important;
    }
}
/*tagebucher*/
.tagebucher-mobile-text-container {
    min-height: 300px;
}

    .tagebucher-mobile-text-container .btndownload {
        position: relative !important;
        margin: 0 auto;
        bottom: 0px;
    }
/*tagebucher*/

hr {
    border-top: 1px solid #69c8e6 !important;
}
/*carousel link2.4 v2 banner design*/

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {
    #ProductCarousel-link24,
    #ProductCarousel-link24 .carousel-inner {
        height: 400px;
    }

        #ProductCarousel-link24 .carousel-caption {
            border-radius: 0px !important;
            left: 0% !important;
            top: 29% !important;
            width: 100% !important;
            height: 220px;
        }

            #ProductCarousel-link24 .carousel-caption p {
                font-size: 15px;
            }

        #ProductCarousel-link24 .carousel-indicators {
            margin-top: 50px;
        }

        #ProductCarousel-link24 .carousel-control {
            display: none;
        }

    h3.centertext {
        text-align: center;
    }
}

#ProductCarousel-link24 .carousel-caption {
    z-index: 10;
    top: 61%;
    text-align: center;
    left: 1%;
    height: 122px;
    background: rgb(4, 46, 100);
    padding: 10px;
    border-radius: 10px;
    width: 500px;
    bottom: 0%;
}

.carousel-caption {
    z-index: 10;
    top: 10%;
    text-align: center;
    left: 10%;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #ProductCarousel-link24,
    #ProductCarousel-link24 .carousel-inner {
        height: 400px;
    }

        #ProductCarousel-link24 .carousel-caption {
            border-radius: 0px !important;
            left: 0% !important;
            top: 56% !important;
            width: 100% !important;
            height: 220px;
        }

            #ProductCarousel-link24 .carousel-caption p {
                font-size: 15px;
            }

        #ProductCarousel-link24 .carousel-indicators {
            margin-top: 90px;
        }

        #ProductCarousel-link24 .carousel-control {
            display: none;
        }

    h3.centertext {
        text-align: center;
    }
}

.carousel-caption h3 {
    color: white;
}


/*end of carousel link2.4 v2 banner design*/

.countryaddresssearchblock .col-xs-12.col-md-6 {
    width: 100% !important;
}

.modal-sm {
    max-width: 100% !important;
}
/*blue buttons contour care*/
.how-to-use-step .button-custom {
    background-color: #036;
}

    .how-to-use-step .button-custom span {
        color: #fff !important;
        font-size: 18px !important;
        width: 95% !important;
    }
/*end of blue buttons contour care*/
.resize-text p.videopopup-button {
    font-size: 14px !important;
}

/*video play icon overlay*/
.video-wrapper {
    position: relative;
}

    .video-wrapper > video {
        width: 100%;
        vertical-align: middle;
    }

        .video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
            display: none;
        }

.video-overlay-play-button {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px calc(50% - 50px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.95;
    cursor: pointer;
    background-image: linear-gradient(transparent, #000);
    transition: opacity 150ms;
}

    .video-overlay-play-button:hover {
        opacity: 1;
    }

    .video-overlay-play-button.is-hidden {
        display: none;
    }
/*video play icon overlay*/

/*nav tabs*/

.Sub-Menu-5 .block.cleancontentarea .nav-tabs {
    border-bottom: 0;
    margin-bottom: 30px;
    margin-top: 30px;
}

    .Sub-Menu-5 .block.cleancontentarea .nav-tabs > li > a {
        background-color: #ffffff;
        border: solid 1px #021d5a;
        border-radius: 2px;
        color: #021d5a;
        font-weight: bold;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .Sub-Menu-5 .block.cleancontentarea .nav-tabs > li.active > a,
    .Sub-Menu-5 .block.cleancontentarea .nav-tabs > li.active > a:focus,
    .Sub-Menu-5 .block.cleancontentarea .nav-tabs > li.active > a::selection {
        background-color: #021d5a;
        color: #ffffff;
        font-weight: bold;
    }

.Sub-Menu-5 .block.cleancontentarea .panel-default > .panel-heading {
    background-color: #ffffff;
    color: #021d5a;
}

.Sub-Menu-5 .block.cleancontentarea .panel-default {
    border: 0;
}

.Sub-Menu-5 .block.cleancontentarea .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
    border-bottom: 1px solid #d3d3d3;
}

.Sub-Menu-5 .block.cleancontentarea .panel-body {
    color: #000000;
}

.Sub-Menu-5 .block.cleancontentarea .nav.nav-tabs > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.Sub-Menu-5 .block.cleancontentarea .glyphicon-menu-up {
    display: none;
}

.Sub-Menu-5 .block.cleancontentarea a[aria-expanded="true"] .glyphicon-menu-down {
    display: none;
}

.Sub-Menu-5 .block.cleancontentarea a[aria-expanded="true"] .glyphicon-menu-up {
    display: block;
}

.Sub-Menu-5 .block.cleancontentarea a[aria-expanded="false"] .glyphicon-menu-down {
    display: block;
}

.Sub-Menu-5 .block.cleancontentarea .glyphicon-menu-up,
.Sub-Menu-5 .block.cleancontentarea .glyphicon-menu-down {
    float: right;
}

.Sub-Menu-5 .block.cleancontentarea i.glyphicon-menu-up,
.Sub-Menu-5 .block.cleancontentarea i.glyphicon-menu-down {
    color: #69c8e6;
}

.Sub-Menu-5 .block.cleancontentarea .col-sm-6.col-lg-8 {
    width: 100%;
    margin-left: 0% !important;
}

.Sub-Menu-5 .block.cleancontentarea .nav-tabs > li.active > a, .Sub-Menu-5 .block.cleancontentarea .nav-tabs > li.active > a:focus, .Sub-Menu-5 .block.cleancontentarea .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

    .Sub-Menu-5 .block.cleancontentarea .nav-tabs > li.active > a, .Sub-Menu-5 .block.cleancontentarea .nav-tabs > li.active > a:focus, .Sub-Menu-5 .block.cleancontentarea .nav-tabs > li.active > a::selection {
        background-color: #021d5a;
        color: #fff;
        font-weight: bold;
    }

.Sub-Menu-5 .block.cleancontentarea .nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
}

.Sub-Menu-5 .block.cleancontentarea .nav > li > a:focus, .Sub-Menu-5 .block.cleancontentarea .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee;
}

.Sub-Menu-5 .block.cleancontentarea .panel-title {
    font-size: 16px !important;
}
/*end of nav tabs*/

/*blood sugar lounge*/
.sticker-new {
    position: absolute;
    top: -14px;
    right: 0px;
    font-size: 17px;
    border-radius: 0;
}

.gray-container img.gray-background {
    opacity: .2;
}

.bslounge-header {
    background-color: #ff9c1d;
    margin-bottom: -4px;
    padding: 7px;
    color: #fff;
    font-size: 18px;
}

#bsLounge .btn.btn-primary {
    background-color: #ff9c1d;
    border-color: #ff9c1d;
}

.brochure-container .after {
    position: absolute;
    top: 0;
    right: 14px;
    bottom: 0;
    left: 14px;
    background-color: rgba(84, 69, 69, 0.8);
}

    .brochure-container .after a.btn-footer {
        position: absolute;
        color: white;
        bottom: 0;
        text-align: center;
        width: 100%;
        padding: 10px 0 10px 0;
        white-space: normal;
    }

.brochure-container .cookbook-cover a {
    position: absolute;
    top: 75px;
    width: 100%;
    text-align: center;
}

.label-sticker-new {
    animation: mymove 1s;
    animation-iteration-count: infinite;
    border-radius: 0;
}

@keyframes mymove {
    from {
        background-color: #ff9c1d;
    }

    to {
        background-color: #d9534f;
    }
}

.brochure-container {
    height: 359px;
}

@media (max-width:767px) {
    .brochure-container .after a {
        font-size: inherit !important;
    }

    .brochure-container .after {
        right: 0px;
        left: 0px;
    }

    .brochure-container .cookbook-cover img {
        height: 100px;
    }

    .sticker-new {
        font-size: inherit;
    }

    .brochure-container {
        height: auto !important;
    }

    .bslounge-header {
        font-size: inherit;
    }

    .btn-header {
        font-size: inherit;
    }
}

#bsLounge {
    padding: 10px;
}

    #bsLounge .btn-header {
        position: absolute;
        top: 0;
        width: 100%;
        text-align: left;
    }

.brochure-container .btn-footer, .brochure-container .btn-header {
    border-radius: 0 !important;
    padding: 5px 16px !important;
}

.brochure-container .after.grayed {
    background-color: rgba(249, 249, 249, 0.8);
}

    .brochure-container .after.grayed .btn-primary {
        opacity: .4;
    }

    .brochure-container .after.grayed .cookbook-cover {
        opacity: .4;
    }

#bsLounge .gray-container {
    padding-right: 0;
}
/*end of blood sugar lounge*/

.message-alert
{
    text-align:center;
    padding:10px 0 0 0;
    color:blue;
    font-weight:bold;
    font-size:20px;
}

.new-badge-menu-4 {
    top: 15px;
    left: 20px;
    background-color: #fbb800;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 700;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #036;
    position: absolute;
    font-size: 16px;
}

.drive{
 border: 2px solid black;
 padding: 5px!important;
}

.grow{
 padding: 10px;
}

.care{
 width: 250px;
 margin-top: -60px;
}

.mind{
   font-size: 16px!important;
}


/*video page button css for 2 line text */

 

@media (min-width:1025px) { 
    #extratext {
        margin-bottom: 0;
    }
}
@media all and (max-width: 1199px) {
   #extratext {
        margin-bottom: -72px;
    }
}
@media (max-width: 331px) {
   #extratext {
        margin-bottom: -37px;
    }
}
/* end of video page button css for 2 line text */

/*CDA PDF Button*/
.button-custom.test {
    margin-left: 136px;
}
@media (max-width:420px) { 
    .button-custom.test {
    margin-left: 0px;
}
}
@media (width:1024px) { 
.button-custom.test {
    margin-left: -428px;
    margin-top: 102px;
    margin-right: 263px;
} }
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  { 
.button-custom.test {
    margin-left: -348px;
    margin-right: 129px;
    margin-top: 27px;
} }
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)  { 
.button-custom.test {
    margin-left: -425px;
    margin-right: 263px;
    margin-top: 31px;
} }
/*CDA PDF Button end*/
body {
  
  overflow-x: hidden; 
}
.new-badge {
	top: 0px;
	right: 0px;
	background-color: #fbb800;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 700;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #036;
	position: absolute;
	font-size: 16px;
}
/* Refractored navbar css */
.refactoredDesktopNavbaritems {
padding-top: 14px;
}
.refactoredNavbarSearchform {
margin-top: 23px;
}
.refactoredDesktopNavbaritems ul:first-child {
margin-left: 0px !important;
margin-top:10px !important;
}

@media (max-width: 1400px) {
.nav-wrap {
    float: left;
}
}
/* Refractored navbar css ends here */
#Sub-Menu-1 .col-md-3 {
    padding-right: 30px;
    padding-left: 0px;
}